18. juli 2004 - 13:29
Der er
8 kommentarer og 1 løsning
mouseover i IE og Mozilla
hej exp'er jeg kan ikke få det her til at virker jeg vil blive gald hvis i vil forklare mig havd jeg skal /gør forkert --- kode --- <script type="text/javascript"> var ie = (document.all)?true:false; function OverTD(id){ id.style.filter=(ie)?'alpha(opacity=50)':'moz-opacity:0.5'; id.style.cursor=(ie)?'hand':'pointer'; } function OutTD(id){ id.style.filter=(ie)?'alpha(opacity=100)':'moz-opacity:1.0'; id.style.cursor=(ie)?'hand':'pointer'; } </script>
Annonceindlæg fra SuperOffice
<script type="text/javascript"> var ie = (document.all)?1:0; function OverTD(id){ if(ie)id.style.filter="alpha(opacity=50)"; else id.style.MozOpacity = "0.5"; id.style.cursor=(ie)?'hand':'pointer'; } function OutTD(id){ if(ie)id.style.filter="alpha(opacity=100)"; else id.style.MozOpacity = "1.0"; id.style.cursor=(ie)?'hand':'pointer'; } </script> <table> <tr> <td onmouseover="OverTD(this);" onmouseout="OutTD(this);"> ihfsofdshi alhosdih </td> </tr> </table>
-og så skal den forresten lige gøres lidt mindre :o) <script type="text/javascript"> var ie = (document.all)?1:0; function OverTD(id){ if(ie)id.style.filter="alpha(opacity=50)"; else id.style.MozOpacity = "0.5"; id.style.cursor="pointer"; } function OutTD(id){ if(ie)id.style.filter="alpha(opacity=100)"; else id.style.MozOpacity = "1.0"; } </script>
-- og så er det vel egentlig noget vrøvl at sætte en cursor til en normal værdi ved en mouseover, da det alligevel kun er der en cursor virker, så væk med den cursor-værdi i funktionen og i stedet ind på style for td'en: <td onmouseover="OverTD(this);" onmouseout="OutTD(this);" style="cursor:hand;cursor:pointer;">
grunken -> takker hjælpen og smider du lige et svar så
hvordan kan jeg gør så jeg også har baggrunds faver med stylen
id.style.backgroundColor = "#765";
den kommer bare med en fejl: :P <script type="text/javascript"> var ie = (document.all)?1:0; function OverTD(id){ if(ie) id.style.filter="alpha(opacity=100)"; id.style.backgroundColor = "#765"; else id.style.MozOpacity = "100"; id.style.cursor="pointer"; } function OutTD(id){ if(ie)id.style.filter="alpha(opacity=50)"; else id.style.MozOpacity = "0.5"; } </script>
Ja, for du kan ikke undvære tuborgene, når der er mere end en statement i en blok: <script type="text/javascript"> var ie = (document.all)?1:0; function OverTD(id){ if(ie){ id.style.filter="alpha(opacity=100)"; id.style.backgroundColor = "#765"; }else{ id.style.MozOpacity = "100"; id.style.cursor="pointer"; } } function OutTD(id){ if(ie) id.style.filter="alpha(opacity=50)"; else id.style.MozOpacity = "0.5"; } </script>
Vi tilbyder markedets bedste kurser inden for webudvikling