Avatar billede lademan Novice
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!
Avatar billede olebole Juniormester
16. januar 2003 - 09:59 #1
<ole>

<td onmouseover="this.style.backgroundColor='#ff0000';"
  onmouseout="this.style.backgroundColor='#ffff00';">

/mvh
</bole>
Avatar billede olebole Juniormester
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  :)
Avatar billede lademan Novice
16. januar 2003 - 10:02 #3
Men det virker da ikke i netscape?
Det skal bruges i en menu (og derfor med link).
Avatar billede pelkjaer Nybegynder
16. januar 2003 - 10:03 #4
Jo Netscape 6 og 7 - glem alt om NN4
Avatar billede lademan Novice
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.
Avatar billede lademan Novice
16. januar 2003 - 10:05 #6
Hvordan får man cellen til at virke som link, så det virker i de gængse browsere?
Avatar billede olebole Juniormester
16. januar 2003 - 10:07 #7
Det kan du ikke.
Avatar billede lademan Novice
16. januar 2003 - 10:09 #8
Ok, det er kun ændre-farve funktionen, der virker?
Avatar billede pelkjaer Nybegynder
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.
Avatar billede pelkjaer Nybegynder
16. januar 2003 - 10:11 #10
<td class="linkTbl"><a href="#">bla</a></td>

even
Avatar billede olebole Juniormester
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
Avatar billede pelkjaer Nybegynder
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..
Avatar billede lademan Novice
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">
Avatar billede olebole Juniormester
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  :)
Avatar billede olebole Juniormester
16. januar 2003 - 11:03 #15
Hov ... bredden kan du også lægge i dine styles  :)
/mvh
Avatar billede lademan Novice
16. januar 2003 - 11:06 #16
Kan man i samme ombæring ændre font farven? Det ville være super smart!
Avatar billede olebole Juniormester
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
Avatar billede olebole Juniormester
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');" .... >
Avatar billede lademan Novice
16. januar 2003 - 11:16 #19
Prøver lige ;)
Avatar billede lademan Novice
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">&nbsp;</td>
Avatar billede lademan Novice
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);">&nbsp;</td>
    </tr>
  </table>
Avatar billede olebole Juniormester
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
}
Avatar billede lademan Novice
16. januar 2003 - 11:35 #23
ahhh ........ ku faeme heller ikke se, hvad jeg havde misset :-)
Avatar billede lademan Novice
16. januar 2003 - 11:42 #24
Rigtig mange gange tak for hjælpen! :-)
Avatar billede olebole Juniormester
16. januar 2003 - 11:49 #25
... anytime  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester