/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
JS onmouseover/out map problem
Fra : Marco


Dato : 08-04-03 12:08

Hvis man på http://kolonihaveportal.dk/overout02.htm fører musen hen over
den blå bold, ændrer bolden sig.

http://kolonihaveportal.dk/overout01.htm kan man se, billedet på linket
"forum" ændre sig, når man fører musen hen over den blå bold - Hvorfor og
hvad skal jeg gøre for at det virker som på det første link ?

Her er kildekoden til 1.erste link:

<html><head>

<script type="text/javascript">
<!--
pict1=new Image(); pict1.src='out.gif';
pict2=new Image(); pict2.src='over.gif'
//-->
</script>
</head>

<body>

<map name="tilbud">
<area href="#" target="_blank" shape="circle" coords="95, 67, 17"
onmouseover="document.images[0].src=pict2.src"
onmouseout="document.images[0].src=pict1.src">
</map>
<img src="out.gif" alt="tilbud" usemap="#tilbud" border="0" width="125"
height="125"
style="border: 1px solid #000000">

</body></html>

--
Hilsen Marco


 
 
Kasper Vork Steffens~ (08-04-2003)
Kommentar
Fra : Kasper Vork Steffens~


Dato : 08-04-03 14:45

Nu er jeg ikke 100% bekendt med document.image[] metoden, men er det ikke
dit index der er forkert!?

> <map name="tilbud">
> <area href="#" target="_blank" shape="circle" coords="95, 67, 17"
> onmouseover="document.images[0].src=pict2.src"
> onmouseout="document.images[0].src=pict1.src">
> </map>
> <img src="out.gif" alt="tilbud" usemap="#tilbud" border="0" width="125"
> height="125"
> style="border: 1px solid #000000">

Så der i stedet skal stå
onmouseover="document.images[3].src=pict2.src"
onmouseout="document.images[3].src=pict1.src"

fordi du har fat i det 4. billede-element???

Hvis det virker er du velkommen til at kigge på mit problem ovenfor!!

mvh Kasper

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Marco (08-04-2003)
Kommentar
Fra : Marco


Dato : 08-04-03 15:07

"Kasper Vork Steffensen" <kasper@vork-steffensen.dk> skrev:

> Nu er jeg ikke 100% bekendt med document.image[] metoden, men er det ikke
> dit index der er forkert!?

snip

> Så der i stedet skal stå
> onmouseover="document.images[3].src=pict2.src"
> onmouseout="document.images[3].src=pict1.src"
>
> fordi du har fat i det 4. billede-element???
>
Du har ret, og det var lige præcis problemet.

Tak for hjælpen

--
Hilsen Marco


Marco (08-04-2003)
Kommentar
Fra : Marco


Dato : 08-04-03 15:34

"Marco" <meco@ofir.dk> skrev:
> "Kasper Vork Steffensen" <kasper@vork-steffensen.dk> skrev:

> > Så der i stedet skal stå
> > onmouseover="document.images[3].src=pict2.src"
> > onmouseout="document.images[3].src=pict1.src"
> > fordi du har fat i det 4. billede-element???
> >
> Du har ret, og det var lige præcis problemet.
>
Men hov !
Hvad nu hvis der på hver en side kommer billeder ind foran ?

Kan man på en anden måde føre scriptet ned til billedet, uden at tage hensyn
til foregående billeder ?

Hilsen Marco


Kasper Vork Steffens~ (08-04-2003)
Kommentar
Fra : Kasper Vork Steffens~


Dato : 08-04-03 18:51

> Kan man på en anden måde føre scriptet ned til billedet, uden at tage hensyn
> til foregående billeder ?

Ja, nu er vi på kanten af min ydeevne, men mon ikke du kan tildele dit billede
en ID a' la:

<img src="out.gif" ID="xyz" ......>

og så kan du muligvis styre det ved at skrive

onmouseover="document.images.xyz.src=pict2.src"


Jeg har engang lavet noget ligenede med tabelceller, hvor indholdet i nogle
celler skulle ændres. Men jeg ved ikke om det virker med <img>; men hvorfor
ikke? Men lige hvordan den korrekte notation er i onmouseover-sætning ved jeg
ikke, så det foreslåede er rent gætværk.

Prøv noget i den stil; og lykke til...

mvh Kasper

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Marco (09-04-2003)
Kommentar
Fra : Marco


Dato : 09-04-03 15:05

"Kasper Vork Steffensen" <kasper@vork-steffensen.dk> skrev:
>
> Ja, nu er vi på kanten af min ydeevne, men mon ikke du kan tildele dit
billede
> en ID a' la:
> <img src="out.gif" ID="xyz" ......>
>
> og så kan du muligvis styre det ved at skrive
> onmouseover="document.images.xyz.src=pict2.src"
>
Havde godt nok tænkt på noget ID, men det virker ikke som jeg gerne vil ha´
det til :(
Nogle, som har et andet forslag ?

Hilsen Marco


Marco (10-04-2003)
Kommentar
Fra : Marco


Dato : 10-04-03 10:51

"Kasper Vork Steffensen" <kasper@vork-steffensen.dk> skrev:
>
> Ja, nu er vi på kanten af min ydeevne, men mon ikke du kan tildele dit
billede
> en ID ... Snip

Jeg fik hjælp på eksperten.dk

Jeg skulle indsætte 'changing' istedet for antal forudgående billeder samt
ha´ en name="changing" i img-tagget :)

Hilsen Marco


Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste