16. januar 2003 - 09:57
Der er
24 kommentarer og 1 løsning
Mouse over script
Hey folks! Det er noget med, at man kan lave et script i javascript, som kan ændre cellefarve ved mouse over/out. Det skulle efter sigende virke i de fleste browsere. Er der nogen, der har det liggende - og må jeg se det? På forhånd tak!
Annonceindlæg fra Computerworld
16. januar 2003 - 09:59
#1
<ole> <td onmouseover="this.style.backgroundColor='#ff0000';" onmouseout="this.style.backgroundColor='#ffff00';"> /mvh </bole>
16. januar 2003 - 10:01
#2
Det virker ikke i NS4.X, da den ikke havde CSS implementeret - men det virker i alle moderne browsere :)
16. januar 2003 - 10:02
#3
Men det virker da ikke i netscape? Det skal bruges i en menu (og derfor med link).
16. januar 2003 - 10:03
#4
Jo Netscape 6 og 7 - glem alt om NN4
16. januar 2003 - 10:03
#5
Jeg ved du tidligere har lavet noget java halløj, som tager højde for problemet, men jeg kan ikke finde det.
16. januar 2003 - 10:05
#6
Hvordan får man cellen til at virke som link, så det virker i de gængse browsere?
16. januar 2003 - 10:07
#7
Det kan du ikke.
16. januar 2003 - 10:09
#8
Ok, det er kun ændre-farve funktionen, der virker?
16. januar 2003 - 10:10
#9
.linkTbl { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; } .linkTbl a { position:relative; display:block; text-decoration: none; color: #666666; } .linkTbl a:hover { text-decoration: none; color: #999999; background-color: #CCCCCD; } <td class="linkTbl">bla</td> Så virker det.
16. januar 2003 - 10:11
#10
<td class="linkTbl"><a href="#">bla</a></td> even
16. januar 2003 - 10:12
#11
Hvis du er ligeglad med NS4 (og hvem er ikke det?), så kan du bruge de eksempler, vi har vist dig her. Links laver du med: <td onclick="location.href='dinside.html';"> /mvh
16. januar 2003 - 10:12
#12
Nåå - det gik lidt stærkt kan jeg se. Der manger en bg farve i .linkTbl a {} - også i .linkTbl {} for den sags skyld hvis det skal valideres..
16. januar 2003 - 10:50
#13
Er den her god nok? Ved godt, at "hand" ikke virker i NS, men det forhindrer ikke resten i at virke, vel? <td bgcolor="#FBF9F4" width="100" onmouseout="this.style.backgroundColor='#FBF9F4'" onmouseover="this.style.backgroundColor='#CC3300'" onclick="window.location='#'" style="cursor:hand">
16. januar 2003 - 11:02
#14
mjoohhhh .... men stop hellere din baggrundsfarve ned i style-objektet - og du kan i øvrigt sagtens please NS også: <td width="100" onmouseout="this.style.backgroundColor='#FBF9F4'" onmouseover="this.style.backgroundColor='#CC3300'" onclick="window.location='#'" style="background-color:#FBF9F4;cursor:hand;cursor:pointer;"> Så bruges den cursor, en given browser forstår. IE6 forstår både 'hand' og 'pointer'. Noget tyder på, det udelukkende bliver 'pointer' i fremtiden :)
16. januar 2003 - 11:03
#15
Hov ... bredden kan du også lægge i dine styles :) /mvh
16. januar 2003 - 11:06
#16
Kan man i samme ombæring ændre font farven? Det ville være super smart!
16. januar 2003 - 11:12
#17
<script type="text/JavaScript"> funktion mOver(elm) { elm.style.backgroundColor = "#ff0000"; elm.style.color = "#ffff00"; } funktion mOut(elm) { elm.style.backgroundColor = "#3399ff"; elm.style.color = "#000000"; } </script> <td onmouseover="mOver(this);" onmouseout="mOut(this);" ..... > /mvh
16. januar 2003 - 11:14
#18
Og hvis du vil kunne sætte farverne i cellen: funktion mOver(elm, txtCol, bgCol) { elm.style.backgroundColor = bgCol; elm.style.color = txtCol; } <td onmouseover="mOver(this,'#ffff00','#ff0000');" .... >
16. januar 2003 - 11:16
#19
Prøver lige ;)
16. januar 2003 - 11:20
#20
Den burde da ikke melde fejl: <td onmouseover="mOver(this,'#ffff00','#ff0000')" onmouseout="mOut(this,'#000000','#3399ff')" onclick="window.location='#'" style="background-color:'#FBF9F4'; width:'100'; cursor:hand; cursor:pointer"> </td>
16. januar 2003 - 11:31
#21
Jeg har brugt dit script, men det ser ud til det ikke virker. Prøv selv: <script type="text/JavaScript"> funktion mOver(elm) { elm.style.backgroundColor = "#ff0000"; elm.style.color = "#ffff00"; } funktion mOut(elm) { elm.style.backgroundColor = "#3399ff"; elm.style.color = "#000000"; } </script> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td onmouseover="mOver(this);" onmouseout="mOut(this);"> </td> </tr> </table>
16. januar 2003 - 11:32
#22
Jo, hvis du har skrevet det vrøvl, jeg har skrevet til dig *LooL* Browsere læser ikke dansk ... det hedder 'function' - ikke 'funktion' ... sorry :) function mOver(elm, txtCol, bgCol) { bla bla bla }
16. januar 2003 - 11:35
#23
ahhh ........ ku faeme heller ikke se, hvad jeg havde misset :-)
16. januar 2003 - 11:42
#24
Rigtig mange gange tak for hjælpen! :-)
16. januar 2003 - 11:49
#25
... anytime :)
Vi tilbyder markedets bedste kurser inden for webudvikling