Autor Zpráva
marsme
Profil
Potřebuji pro toto html napsat obsluhu v jquery. Potřebuji měnit obrázky a barvy při mouseover a mouseout. Kód který mám níže funguje ale je podle mě zbytečně nafouklý. Při představě že mám těch prvků ve stránce 10 tak se mi to vůbec nelíbí.

HTML:
<td class="text"><img src="{$basePath}/images/content_radio_text.png" class="text">{$form["text"]->control}{$form["text"]->label}</td>        

Obslužný JS:
$("img.text").mouseover(function(){
    $(this).attr("src","/images/content_radio_text_red.png");
    $("td.text label").css("color","#bc0028");
    });
    
    $("img.text").mouseout(function(){
    $(this).attr("src","/images/content_radio_text.png");
    $("td.text label").css("color","#6d6d6d");
    });
    
    $("td.text label").mouseover(function(){
    $("img.text").attr("src","/images/content_radio_text_red.png");
    $("td.text label").css("color","#bc0028");
    });
    
    $("td.text label").mouseout(function(){
    $("img.text").attr("src","/images/content_radio_text.png");
    $("td.text label").css("color","#6d6d6d");
    });
    
    $("td.text input").mouseover(function(){
    $("img.text").attr("src","/images/content_radio_text_red.png");
    $("td.text label").css("color","#bc0028");
    });
    
    $("td.text input").mouseout(function(){
    $("img.text").attr("src","/images/content_radio_text.png");
    $("td.text label").css("color","#6d6d6d");
    });
final
Profil
preštuduj si jquery selectory napr.toto
..
$("#prvy, #druhy, #treti")
a ešte by sa dalo spraviť napríklad
var premenna = $("#prvy, #druhy, #treti");
premenna.mouseover(function(){
..
marsme
Profil
Díky za tip

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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