Avatar billede ramlev Nybegynder
14. januar 2000 - 15:20 Der er 6 kommentarer og
1 løsning

table og mouseover

Jeg har en menu, hvor jeg vil have at der skal ændres baggrund i et <td> ved mouseover.

Det ser nu således ud :
<script language="javascript">
function tblOn(value) {
    value.style.backgroundColor = '#000000';
  value.style.color = '#FFFFFF';
}
function tblOff(value) {
    value.style.backgroundColor = '#F4A460';
  value.style.color = '#000000';
}
</script>

<td class="menuitems"><a class="menuitems" href="wizbook/index.php3" onmouseover="tblOn(this); return true;" onmouseout="tblOff(this); return true;" target="mainframe">wizBOOK</a></td>

Det der sker her er at det er selve <a> tagget der skifter farve ved MouseOver, og ikke hele <td> som jeg gerne vil have det til, nogle der kan hjælpe ?
Avatar billede cldu Nybegynder
14. januar 2000 - 15:35 #1
<td class="menu"><a href="wizbook/index.php3" onmouseover="tblOn(menu); return true;" onmouseout="tblOff(menu); return true;" target="mainframe">wizBOOK</a></td>

... tror jeg ihvertfald.
Avatar billede ramlev Nybegynder
14. januar 2000 - 19:01 #2
Det virkede ikke, andre forslag ?
Avatar billede drean Nybegynder
14. januar 2000 - 20:23 #3
Her er det, et script som kan lave skifte baggrunds farve i dine tabeller ved mouse over, og tilbage ved mouseout !!


<script language="JavaScript1.2">
function changeto(highlightcolor){
source=event.srcElement
if (source.tagName=="TR"||source.tagName=="TABLE")
return
while(source.tagName!="TD")
source=source.parentElement
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore")
source.style.backgroundColor=highlightcolor
}

function changeback(originalcolor){
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor
}
</script>


Sådan bruger du det, du skal bruge dette kode i din <table>-tag.

<table onMouseover="changeto('lightgreen')" onMouseout="changeback('white')">

lightgreen og white skifter du bare ud med de farver som du vil bruge !

hvis du vil ikke vil have at alle felterne i tabellen kan skifte baggrounds farve:

til føjer du bare følgende tag til din <TD>:

<TD id="ignore">


MVH Drean !!!
Avatar billede drean Nybegynder
17. januar 2000 - 11:11 #4
Hvad med at komme med en kommentar eller lign. ???
Avatar billede ramlev Nybegynder
17. januar 2000 - 13:50 #5
Sorry men jeg har været på weekend, er lige kommet hjem igen, så jeg kigger på det senere i dag.. bare rolig....
Avatar billede ramlev Nybegynder
17. januar 2000 - 21:36 #6
Jups takker det var næsten hvad jeg skulle bruge, men det virker nu .. tak
Avatar billede drean Nybegynder
17. januar 2000 - 21:38 #7
Det var så lidt *S*
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