Problem tr img – JavaScript, AJAX, jQuery – Fórum – Programujte.com

 Ahoj potreboval bych poradit mam tri radky v tabulce a tri obrazky pod tabulkou potrebuji abych kdyz najedu na 1. radek tak aby se obarvil spolu s obrazkem1. Prosim o nejaky navrh jak na to. Za jakoukoli radu budu rad.

 <div class="main">
            
            <table border="1" id="items">
                <tr><th>Nazev</th><th>cena bez DPH</th><th>cena s DPH</th><th>popis produktu</th><th>pocet kusu</th><th>unikatni kod produktu</th></tr>
                <tr><td>CCNA Certification All-In-One For Dummies [Paperback]</td><td>300</td><td>360</td><td>Oficialni kurz Cisco press</td><td>1</td><td>01A</td></tr>
                <tr><td>JUNOS OS For Dummies [Paperback]</td><td>400</td><td>480</td><td>Oficialni kurz Juniper press</td><td>1</td><td>01B</td></tr>
                <tr><td>RouterOS by Example [Paperback]	</td><td>200</td><td>220</td><td>Oficialni kurz Mikrotik press</td><td>1</td><td>01C</td></tr>
            </table>
            <div class="gallery">    
                <img src ="ccna.jpg">
                <img src ="junos.jpg">
                <img src ="routeros.jpg">
 
            </div>
</div>

window.onload = function()
  {
var table = document.getElementsByTagName("tr");

for(var i = 1; i < table.length; i++)
	  {
            table[i].onmouseover = function(){
                this.style.color = "blue";
            }
            
          }
       //alert(":");  
    }  

tr se obarvovat obvykle neda, mozna v html5. Pouzij td. A pouzil bych class.

table[i].className="cerveny"; // navic bych to prejmenoval na tr nebo rows a ne table :)

.cerveny {color:#F00;} /* v css */

.cerveny a {color:#F00;} /* cerveny i odkaz */