dotNETportal.cz

Zdravím,

když jsem se konečně dokopal abych se začal učit pracovat s asp .net přemluvil jsem se abych se podíval i na javascript.

Na stránce mám hodnocení produktu (klasika 5 hvězdiček) a já chci, aby se při najetí myši daná hvězdička zvětšila. Udělal jsem si na to javascript, ale bohužel mi nefunguje. Funkce se správně při událostech onMouseOver a onMouseOut spustí a kód proběhne, velikost obrázku se však nezmění.

Kód je následující:

    <script type="text/javascript">

        //    zvětšení obrázku
        function resizeBigger(img) {
            img.height += "10";
            img.width += "10";
        }


        //změnšení obrázku
        function resizeSmaller(img) {
            img.height -= "10";
            img.width -= "10";
        }
   </script>

A takto ho mám deklarovaný v HTML:

<asp:image runat="server" id="hodnoceni1" onMouseOver="resizeBigger(this)" onMouseOut="resizeSmaller(this)"  width="16px" height="16px" />

Nevím proč to nefunguje, když jsem tam měl předtím javaScript který mi měníl zdroj obrázku tak to šlapalo:

<asp:image runat="server" id="hodnoceni1"  onmouseover="this.src='App_Themes/Default/Images/hodnoceni_plne.png'" onmouseout="this.src='App_Themes/Default/Images/hodnoceni_prazdne.png'" width="16px" height="16px" />

Děkuji, to je přesně ono:))

Jen jsem to ještě trochu upravil, abych tam nezadával absolutní velikost:

        //    zvětšení obrázku
        function resizeBigger(img) {

            img.style.pixelHeight = img.style.pixelHeight + 10;
            img.style.pixelWidth = img.style.pixelWidth + 10;

        }


        //změnšení obrázku
        function resizeSmaller(img) {

            img.style.pixelHeight = img.style.pixelHeight - 10;
            img.style.pixelWidth = img.style.pixelWidth - 10;
        }

Ještě jednou díky;) S Javascriptem dělám dnes poprvé, takže tam na mě čeká ještě asi hodně záludností:)

Taky s ním často bojuji..tohle je pro mě taky nová věc - myslím tím,použití pixelHeight/width ,takže taky děkuji :))