/ 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
Hjælp til javascript, mouse over/skiftbill~
Fra : Christian Dragsdahl


Dato : 05-04-07 13:40

Dette javascript:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"
lang="da">
<head>
<title>Skift billede</title>

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

billede1 = new Image();
billede1.src = "http://www.simmomento.dk/knap1.PNG";

billede2 = new Image();
billede2.src = "http://www.simmomento.dk/knap11.PNG";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
</head>
<body>

<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel','http://www.simmomento.dk/kn
ap11.PNG')"
onmouseout="skiftbillede('eksempel','http://www.simmomento.dk/kna
p1.PNG')">
<img name="eksempel" src="http://www.simmomento.dk/knap1.PNG"
alt="Før musen over dette billede"
style="border:none;" /></a>

</body>
</html>

Virker ikke hos mig. (:
Jeg kan kun få det første billede frem og hvis jeg så føre musen
henover, så sker der intet? I guiden kan jeg godt gøre det med
eksemplet. Så hvorfor kan jeg ikke med mine egne billeder? Hvad
gør jeg forkert - Kan det være fordi jeg ikke har installeret
java. :b

Noget hjælp kunne være dejligt.

Hilsner TuttiI :)

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

 
 
Morten Nørgaard (05-04-2007)
Kommentar
Fra : Morten Nørgaard


Dato : 05-04-07 18:11

Hej Christian,
>

>
>
> Virker ikke hos mig. (:
> Jeg kan kun få det første billede frem og hvis jeg så føre musen
> henover, så sker der intet? I guiden kan jeg godt gøre det med
> eksemplet. Så hvorfor kan jeg ikke med mine egne billeder? Hvad

Det virker hos mig. Bemærk at hvis du har cut&pasted scriptet skal du
fjerne ekstra linjeskift som evt. kunne være indsat af
cut&paste-operationen:

> onmouseover="skiftbillede('eksempel','http://www.simmomento.dk/kn
> ap11.PNG')"

skal være:

onmouseover="skiftbillede('eksempel','http://www.simmomento.dk/knap11.PNG')"


Men det ved du sikkert godt. For at kunne hjælpe yderligere har vi brug
for lidt mere information. Hvad er fejlmeddelsen?

> gør jeg forkert - Kan det være fordi jeg ikke har installeret
> java. :b

Java er et selvstændigt programmeringssprog, og er ikke det samme som
javascript - omend syntax'en minder meget om hinanden.

Mvh.

Morten


Birger Sørensen (05-04-2007)
Kommentar
Fra : Birger Sørensen


Dato : 05-04-07 22:47

Christian Dragsdahl wrote in dk.edb.internet.webdesign.clientside:
> Dette javascript:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da"
> lang="da">
> <head>
> <title>Skift billede</title>
>
> <script type="text/javascript">
> <!-- Dette script og mange flere -->
> <!-- findes hos http://www.html.dk -->
> <!-- Start
&gt;
&gt; billede1 = new Image();
&gt; billede1.src = "http://www.simmomento.dk/knap1.PNG";
&gt;
&gt; billede2 = new Image();
&gt; billede2.src = "http://www.simmomento.dk/knap11.PNG";
&gt;
&gt; function skiftbillede(img_name,img_src) {
&gt; document[img_name].src=img_src;
&gt; }
&gt;
&gt; // Slut -->
> </script>
> </head>
> <body>
>
> <a href="http://www.html.dk"
> onmouseover="skiftbillede('eksempel','http://www.simmomento.dk/kn
> ap11.PNG')"
> onmouseout="skiftbillede('eksempel','http://www.simmomento.dk/kna
> p1.PNG')">
> <img name="eksempel" src="http://www.simmomento.dk/knap1.PNG"
> alt="Før musen over dette billede"
> style="border:none;" /></a>
>
> </body>
> </html>
>
> Virker ikke hos mig. (:
> Jeg kan kun få det første billede frem og hvis jeg så føre musen
> henover, så sker der intet? I guiden kan jeg godt gøre det med
> eksemplet. Så hvorfor kan jeg ikke med mine egne billeder? Hvad
> gør jeg forkert - Kan det være fordi jeg ikke har installeret
> java. :b
>
> Noget hjælp kunne være dejligt.
>
> Hilsner TuttiI :)

Det har intet med Java at gøre - Java og JavaScript (eller JScript)
er helt forskellige ting.

Der er ikke noget i vejen med den kode du har angivet her. (Kopieret
eller skrevet efter?).
Du kan gøre den lidt kortere :
<a href="http://www.html.dk"
onmouseover="skiftbillede('eksempel',billede2.src)"
onmouseout="skiftbillede('eksempel',billede2.src)">
i stedet for.
Jeg bruger også id attribute i stedet for name :
<img id="eksempel" src="http://www.simmomento.dk/knap1.PNG" alt="Før
musen over dette billede" style="border:none;" /></a>

Endelig kan du prøve at flytte onmouseover og onmouseout til img
tag'et. Jeg er ikke sikker på at alle browsere implementerer disse
for billeder, men IE gør.

Birger


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- 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 : 177580
Tips : 31968
Nyheder : 719565
Indlæg : 6409079
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste