Kandu.dk - onmouseover


/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

Java Scripts

#	Navn	Point
1	molokyle	5410
2	Klaudi	2799
3	smorch	2439
4	kim	1360
5	Harlekin	1134
6	bentjuul	984
7	gibson	800
8	severino	695
9	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 :	177558
Tips :	31968
Nyheder :	719565
Indlæg :	6408929
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste