Avatar billede zeattle Nybegynder
14. september 2003 - 19:35 Der er 17 kommentarer og
1 løsning

Mouseover - Info!

Jeg har mit mouseover script mellem 2 billeder. Jeg vil også gerne have at når folk har musen over mit billede så kommer det noget tekst et andet sted på siden.
Mit stykke mouseoverkode ser sådan ud:
<a onMouseOver="document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>

Håbes der hjælpes
Avatar billede medions Nybegynder
14. september 2003 - 20:01 #1
Fx. sådan her:

<a onMouseOver="document.getElementById("tekstbox").innerHTML='Dette er en tekst';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>

<div id="tekstbox"></div>

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:08 #2
virker ikke...
Avatar billede medions Nybegynder
14. september 2003 - 20:10 #3
Så prøv med dette i stedet for:

<a onMouseOver="document.getElementById('vis').innerHTML='test';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>


<div id="vis"></div>


//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:13 #4
Det virker godt nok, men den fjerner ikke teksten når man fjerner mouseover
Avatar billede medions Nybegynder
14. september 2003 - 20:15 #5
<a onmouseout="document.getElementById('vis').innerHTML='';" onMouseOver="document.getElementById('vis').innerHTML='test';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>


<div id="vis"></div>


//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:16 #6
Så kom der så det problem at mit nyheds over billede ikke skifter tilbage :/
Avatar billede medions Nybegynder
14. september 2003 - 20:19 #7
Hov, min fejl:

<a onMouseOver="document.getElementById('vis').innerHTML='test';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document.getElementById('vis').innerHTML='';document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>


<div id="vis"></div>


//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:20 #8
Takker det virker fint nu :)
Avatar billede medions Nybegynder
14. september 2003 - 20:20 #9
Fair nok :)
Thx 4 Poinz

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:31 #10
Lige en ting mere:
Hvordan sætter jeg et billede eller laver en anden farve på den tekst der er i det tekst der er ved hver menu punkt?
Avatar billede medions Nybegynder
14. september 2003 - 20:32 #11
Styler din DIV!

<div id="vis" style="color:#ff0000;"></div>

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:34 #12
Det er ikke det hele der skal vises med en anden farve kun noget af teksten...
Avatar billede medions Nybegynder
14. september 2003 - 20:37 #13
Well, så skriver du bare:

<a onMouseOver="document.getElementById('vis').innerHTML='<font color=\"#ff0000\">test</font>test';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document.getElementById('vis').innerHTML='';document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>


<div id="vis"></div>

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:38 #14
Takker det virkede næsten, men fik det rettet:
" til ' :)
Avatar billede medions Nybegynder
14. september 2003 - 20:40 #15
Fair nok ;o)

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:46 #16
Hmm kan man gøre det med et billede?
Avatar billede medions Nybegynder
14. september 2003 - 20:49 #17
Jov!

<a onMouseOver="document.getElementById('vis').innerHTML='<img src=\'billede.gif\'>test';document['nyheder'].imgRolln=document['nyheder'].src;document['nyheder'].src=document['nyheder'].lowsrc;" onMouseOut="document.getElementById('vis').innerHTML='';document['nyheder'].src=document['nyheder'].imgRolln" href="index.php?page=nyheder"><img src="gfx/menu/nyheder.gif" id="nyheder" name="nyheder" dynamicanimation="nyheder" lowsrc="gfx/menu/nyheder-over.gif" border="0"></a>


<div id="vis"></div>

//>Rune
Avatar billede zeattle Nybegynder
14. september 2003 - 20:50 #18
takker
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