Notifikationer

Markér alle som læst Log ud

hmm10 Nybegynder

17. februar 2005 - 13:43 Der er 15 kommentarer og
2 løsninger

mouseover fra div til img

Hej!

Jeg sidder og bakser med et script, hvori jeg ved en mouseover/mouseout i en <div>, ændre fra et billede til et anden billede (og tilbage igen) i en <img>. Jeg så gerne at det hele blev samlet i selve mouseover/mouseout ala:

<div onMouseOver="Change('billedenr1','billede_2.jpg')" onMouseOut="Change('billedenr1','billede_1.jpg')">
<img src="billede_1.jpg" id="billedenr1" alt="" />
</div>

(hvis mouseout kan undgåes og om en reaload er nødvendigt, er jeg åben for forslag..)

på forhånd tak
hmm10

Synes godt om

roenving Novice

17. februar 2005 - 13:52 #1

Hvad mangler du ?-)

funktionen kan være sådan:

<script type="text/javascript">
function Change(pidid,picsrc){
document.getElementById(picid).src = picsrc;
}
</script>

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 14:09 #2

Dette virker ikke hos mig:

<head>

<script type="text/javascript">

function Change(pidid,picsrc){
document.getElementById(picid).src = picsrc;
}

</script>

</head>
<body>

<div><div><div onMouseOver="Change('billedenr1','billede_2.jpg');" onMouseOut="Change('billedenr1','billede_1.jpg');">
<img src="billede_1.jpg" id="billedenr1" alt="" />
</div></div></div>

</body>

Synes godt om

roenving Novice

17. februar 2005 - 14:15 #3

Hvorfor ikke bare:

<div><div><div>
<img src="billede_1.jpg" id="billedenr1" alt="" onMouseOver="this.src='billede_2.jpg';" onMouseOut="this.src='billede_1.jpg';" />
</div></div></div>

?-)

-- og hvis det ikke virker kunne det være, fordi mouseoveren først sendes til billedet og ikke sendes videre opad i hierarkiet ...

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 14:17 #4

Det skal være <div>, der aktivere scriptet.

Synes godt om

softspot Forsker

17. februar 2005 - 19:22 #5

Nu er jeg ikke klar over om du stadig bruger den funktion som roenving viste i sit første post, men i så fald kan uønsket/manglende funktionalitet henledes til at parameteren hedder pidid og at der i getElementById refereres til picid... og det giver vist et uønsket resultat...?

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 20:31 #6

Jeg ved det ikke, jeg skal bare have en function til at virke mellem en <div> og <img>.. se 14:09:03.

Synes godt om

softspot Forsker

17. februar 2005 - 20:39 #7

Det første forslag du selv skrev i det indledende spørgsmål burde fungerer med roenvings funktion, blot med den lille ændring jeg påpegede, altså:

<html>

<head>
<script type="text/javascript">
function Change(picid,picsrc){
document.getElementById(picid).src = picsrc;
}
</script>
</head>

<body>
<div onMouseOver="Change('billedenr1','billede_2.jpg')" onMouseOut="Change('billedenr1','billede_1.jpg')">
<img src="billede_1.jpg" id="billedenr1" alt="" />
</div>
</body>

</html>

Synes godt om

zarthax Nybegynder

17. februar 2005 - 20:52 #8

<div><img src="billede_1.jpg" onMouseOver="document.bigimg2.src='billede_2.jpg';" onMouseOut="document.bigimg2.src='billede_1.jpg';" name="bigimg2"></div>

sad og fiflede med en stump kode jeg selv har fået hjælp til i tidernes morgen... den burde virke...
//zarthax//

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 21:51 #9

zarthax > er det div der aktivere det?

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 21:54 #10

softspot > :) virker..

Synes godt om

softspot Forsker

17. februar 2005 - 21:58 #11

Fedt! :D

Så giv roenving point (hvis altså han vil have dem)... ;)

Synes godt om

zarthax Nybegynder

17. februar 2005 - 22:00 #12

Nej, det er det billede der ligger i <div> der aktiverer det.

//zarthax//

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 22:43 #13

zarthax > dvs. at det ikke er <div> der aktivere det ;)

Synes godt om

hmm10 Nybegynder

17. februar 2005 - 23:33 #14

roenving > Vil du have points?

Synes godt om

roenving Novice

18. februar 2005 - 12:12 #15

Vil det ikke være rimeligt med en deler ?-)

Velbekomme '-)

Synes godt om

softspot Forsker

18. februar 2005 - 18:43 #16

Cool nok med mig :)

Synes godt om

roenving Novice

20. februar 2005 - 13:00 #17

Tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS