Autor Zpráva
PeTo
Profil *
Mám vyšlenku, ale nedokážu s ní hnout.
chci checkbox který mi při zaškrtnutí bude zvýrazňovat(změnit barvu) řádky. Ale mělo by to zvýraznit pouze ty řádky v kterých je hodnota 1 - 3 a od 4 již nezvýraznovat.
<tr>
<td>3</td><!--zvyraznit-->
</tr>
<td>1</td><!--zvyraznit-->
</tr>
<tr>
<td>4</td><!--nezvyraznit-->
</tr>
<tr>
<td>5</td><!--nezvyraznit-->
</tr>
<tr>
<td>2</td><!--zvyraznit-->
</tr>


Nějaký nápad???
Martin02
Profil
PeTo:
Počti si něco o událostech v javascriptu a o změně css v javascriptu.
Mohl bych ti sem dát hotový kód, ale takhle se to naučíš a nebudeš jen kopírovat něco, čemu vůbec nerozumíš.
PeTo
Profil *
Přes php jsem schopný to udělat, ale rád bych to přes javascript.
dostal jsem se až sem ale dál nevim.

<script type="text/javascript">
function prepni(){
        if (document.getElementById('zvyraznit').checked==true)
            {document.getElementById('vyraz').style.backgroundColor='#FFFFCC';}     
        else {document.getElementById('vyraz').style.backgroundColor='#FFFFFF';}
}
document.getElementById("vyraz").style.backgroundColor='#FFFFFF';
</script>
<input name="zvyraznit" value="1" id="zvyraznit" onclick="prepni()" type="checkbox"><b>zvyraznit umisteni</b>
    <table>                    
            <tr id="vyraz" >                            
                 <td>umisteni:</td><td>1</td>      
            </tr>
           <tr id="vyraz" >                            
                 <td>umisteni:</td><td>4</td>      
            </tr>
            <tr id="vyraz" >                            
                 <td>umisteni:</td><td>3</td>      
            </tr>
            
    </table>

1. proč mi to nezvyraznuje všechny řádky?
2. jak do toho dostanu podmínku zvyraznit pouze pokud je hodnota 1 - 3?
Dík
Borius
Profil
PeTo:
proč mi to nezvyraznuje všechny řádky?
Dva prvky nemohou nést identifikátor stejného jména! (Máš tam <tr id="vyraz"> celkem třikrát.)

jak do toho dostanu podmínku zvyraznit pouze pokud je hodnota 1 - 3?
<script type="text/javascript">
   var hodnota=document.forms[0].elements["zvyraznit"].value;
   if ((hodnota>=1) && (hodnota<=3)) {
      …//zvýraznění řádku
   }
</script>
peta
Profil
Menil bych className. BackgroundColor pro TR tusim nefunguje ve starsich prohlizecich. Mozna by slo pouzit, ale netestovano
if (hodnota in [1,2,3]) {}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: