/ 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
onmouseover
Fra : Julie Thomsen


Dato : 09-08-02 10:30

Hjææææælp, jeg kender absolut intet til javascript. Har forsøgt
at lave en mouseover effekt ud fra følgende tutorial:

http://www.webcafe.dk/artikler/diverse/mouseoverdel1/

Jeg kan imidlertidig ikke finde ud af at udfylde alle felter, da
jeg
ikke forstår sammenhængende. Se nedenstående fra min kodning:

<SCRIPT TYPE="text/javascript" LANGUAGE="javascript">
if (document.images){
   billede1 = new Image();
   billede1.src = "Billeder/knap_cafecastro.gif";
   
   billede2 = new Image();
   billede2.src = "Billeder/knap_cafecastro_ahover.gif";}
   
function skiftBillede(Navn,Endelse) {
if (document.images) {
document [Navn].src = eval(Endelse + ".src");
}


</script>

<html>
<a href="cafecastro/ccindhold"
onmouseover="skiftBillede('eksempel','billede2')"
onmouseout="skiftBillede('eksempel','billede1')"></a>
<img src="Billeder/knap_cafecastro.gif">
</html>

Er der nogen der kan hjælpe?? Meget gerne ved at udfylde
ovenstående korrekt for mig.

Mvh Julie



--
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

 
 
Johan Holst Nielsen (09-08-2002)
Kommentar
Fra : Johan Holst Nielsen


Dato : 09-08-02 10:44

> <SCRIPT TYPE="text/javascript" LANGUAGE="javascript">
> if (document.images){
>    billede1 = new Image();
>    billede1.src = "Billeder/knap_cafecastro.gif";
>    
>    billede2 = new Image();
>    billede2.src = "Billeder/knap_cafecastro_ahover.gif";}
>    
> function skiftBillede(Navn,Endelse) {
> if (document.images) {
> document [Navn].src = eval(Endelse + ".src");
> }
>
>
> </script>

Ser fint ud...


> <html>
> <a href="cafecastro/ccindhold"
> onmouseover="skiftBillede('eksempel','billede2')"
> onmouseout="skiftBillede('eksempel','billede1')"></a>
> <img src="Billeder/knap_cafecastro.gif">
> </html>
>
> Er der nogen der kan hjælpe?? Meget gerne ved at udfylde
> ovenstående korrekt for mig.

Her kommer derimod problemet.
Du ber om at skifte billede eksempel... men det findes ikke?
Prøv følgende:
<html>
<a href="cafecastro/ccindhold"
onmouseover="skiftBillede('eksempel','billede2')"
onmouseout="skiftBillede('eksempel','billede1')"></a>
<img src="Billeder/knap_cafecastro.gif" name="eksempel">
</html>

Altså tilføj name="eksempel" til dit img tag!

mvh
Johan


jht (09-08-2002)
Kommentar
Fra : jht


Dato : 09-08-02 10:58

Hej igen

Jeg har prøvet at sætte name="eksempel" ind men det virker ikke.
Skal (Navn,Endelse) i nedenstående eks. ikke udfyldes?
Jeg har skrevet det af efter tutorialen.
   
function skiftBillede(Navn,Endelse) {
if (document.images) {
document [Navn].src = eval(Endelse + ".src");
}

Jeg forstår ikke hvorfor der skal stå ('eksempel', 'billede1') i
nedenstående. Hvorfor ikke bare ('billede1')?

Der må være en fejl siden det ikke fungerer.
Please help.



>
>
> > <html>
> > <a href="cafecastro/ccindhold"
> > onmouseover="skiftBillede('eksempel','billede2')"
> > onmouseout="skiftBillede('eksempel','billede1')"></a>
> > <img src="Billeder/knap_cafecastro.gif">
> > </html>
> >


--
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

Cocktail-Henning (09-08-2002)
Kommentar
Fra : Cocktail-Henning


Dato : 09-08-02 11:17

Her er et skriv der virker....

<html>
<head>
<title></title>

<script>
function skiftbillede( img_src ) {
document.mouseovername.src = img_src;
}
</script>

</head>

<body>

<p>

<img src="Billeder/knap_cafecastro.gif"
name="mouseovername"
onmouseover="skiftbillede( 'Billeder/knap_cafecastro_ahover.gif'
);"
onmouseout="skiftbillede( 'Billeder/knap_cafecastro.gif' );" >

</p>
</body>
</html>
-----------------
husk, at din img har fået et navn, skal hedde : "mouseovername"
og scriptet kan du med fordel lægge i en lille mouseover.js -fil!

så du blot skal skrive <script src="mouseover.js"></script> for
at kunne anvende funktionen....
mvh Cocktail-Henning



--
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

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

Månedens bedste
Årets bedste
Sidste års bedste