/ 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
onmouse
Fra : Finn Jensen


Dato : 24-08-01 16:48

Hej,

Jeg har brug for et script som skifter billeder ud når musen føres hen over
billedet. Altså vist en funktion med onmouse.
Alt hvad jeg kunne finde på nettet virkede kun med et enkelt billede men jeg
skal have det til at virke med 3 billeder.

Mine billeder viser en alm. knap og en nedtrykket knap. Det er så meningen
at den alm. knap skal vises hele tiden men når musen kommer over så skal den
skifte til en nedtrykket knap.

Hvordan laves dette??.


--
Venlig hilsen
Finn Jensen



 
 
Knud Gert Ellentoft (24-08-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-08-01 18:12

Fri, 24 Aug 2001 17:47:57 +0200, skrev "Finn Jensen"
<info@shannon-fly-dressing.dk>:

>Mine billeder viser en alm. knap og en nedtrykket knap. Det er så meningen
>at den alm. knap skal vises hele tiden men når musen kommer over så skal den
>skifte til en nedtrykket knap.
>
>Hvordan laves dette??.

Jeg forstår ikke rigtigt, hvad du mener, men hvis der skal være
et tredje billede, når man klikker på billedet. så er det bare at
tilføje en onmouseDown.

F.eks. sådan:
<html><head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
mit_billede1.src = "3.jpg";
</script>
</head>
<a href="link.htm"
onMouseOver="document.mit_billede1.src='2.jpg';
" onMouseOut="document.mit_billede1.src='1.jpg';
" onMouseDown="document.mit_billede1.src='3.jpg';
"> <img src="1.jpg" name="mit_billede1" border="0"
width="100" height="100" alt="Linktekst title="Linktekst"></a>
</body></html>

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark/
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://hjem.get2net.dk/henrik-k-hansen/oefix.exe

Finn Jensen (24-08-2001)
Kommentar
Fra : Finn Jensen


Dato : 24-08-01 18:35


"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:ch2dotkhtaunokmbihcclqf93ru0k8e3he@news.tele.dk...
> Jeg forstår ikke rigtigt, hvad du mener, men hvis der skal være
> et tredje billede, når man klikker på billedet. så er det bare at
> tilføje en onmouseDown.

nej det er det ikke men fandt det jeg søgte i et tidligere indlæg af dig.
Men der er dog et lille problem:

> "> <img src="1.jpg" name="mit_billede1" border="0"

"name" er ikke godkendt ifølge W3C. Men fjerner du linjen
name="mit_billede1" så virker scriptet ikke.
Hvad kan man gøre ved det??


--
Venlig hilsen
Finn Jensen



Knud Gert Ellentoft (24-08-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-08-01 19:55

Fri, 24 Aug 2001 19:34:53 +0200, skrev "Finn Jensen"
<info@shannon-fly-dressing.dk>:

>Hvad kan man gøre ved det??

Bruger det som jeg skrev det. Jeg ved ikke, hvad der skulle være
galt.

Det er der galt i eksemplet er:
Der mangler <title> i <head> og der mangler specifikation af
<script>, det gider jeg normalt ikke skrive i eksempler.

Jeg glemte en <body>.

Men der er ikke noget galt med name.

Jeg har uploadet scriptet (obs.! billederne er der ikke)
<http://home13.inet.tele.dk/smedpark/test/mus.htm>
så kan du selv tjekke med w3 c.
Valideringen er på
<http://validator.w3.org/check?uri=http%3A%2F%2Fhome13.inet.tele.dk%2Fsmedpark%2Ftest%2Fmus.htm&doctype=Inline&ss=&outline=&sp=>

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark/
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://hjem.get2net.dk/henrik-k-hansen/oefix.exe

Finn Jensen (24-08-2001)
Kommentar
Fra : Finn Jensen


Dato : 24-08-01 20:49


"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:4h8dotocbh1k95b36m9omkpnv0jn6cqjic@news.tele.dk...

Hej Knud,

> Jeg har uploadet scriptet (obs.! billederne er der ikke)
> <http://home13.inet.tele.dk/smedpark/test/mus.htm>
> så kan du selv tjekke med w3 c.

Ja det ser jo fint ud og det har jeg også brugt.
Men jeg får dette her:

Line 28, column 112:
... .gif';"><img src="images/kommentarer_01.gif" name="mit_billede1" alt="
....
Error: there is no attribute "NAME" for this element (in this HTML version)
(explanation...)

Men måske det er fordi jeg har dette:

<script language="JavaScript" type="text/javascript">
var mit_billede1 = new Image();
mit_billede1.src = "images/kommentarer_01.gif";

var mit_billede2 = new Image ();
mit_billede2.src = "images/links_01.gif";

var mit_billede3 = new Image ();
mit_billede3.src = "images/mails_01.gif";
</script>

Og videre:
<a href="kommentar.htm"
onMouseOver="document.mit_billede1.src='images/kommentarer_02.gif';
" onMouseOut="document.mit_billede1.src='images/kommentarer_01.gif';">
<img src="images/kommentarer_01.gif" name="mit_billede1" alt="Kommentarer"
border="0" WIDTH="140" HEIGHT="60"> </a>
<p><a href="links.htm"
onMouseOver="document.mit_billede2.src='images/links_02.gif';
" onMouseOut="document.mit_billede2.src='images/links_01.gif';">
<img src="images/links_01.gif" name="mit_billede2" alt="Links" border="0"
WIDTH="140" HEIGHT="60"> </a></p>
<p><a href="mails.htm"
onMouseOver="document.mit_billede3.src='images/mails_02.gif';
" onMouseOut="document.mit_billede3.src='images/mails_01.gif';">
<img src="images/mails_01.gif" name="mit_billede3" alt="Mails" border="0"
WIDTH="140" HEIGHT="60"> </a>

Det virker jo ellers godt nok. Det er bare træls med den forbistret meddelse
fra W3C.


--
Venlig hilsen
Finn Jensen
- Jeg lærer så længe jeg lever -


Knud Gert Ellentoft (24-08-2001)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 24-08-01 21:33

Fri, 24 Aug 2001 21:49:22 +0200, skrev "Finn Jensen"
<info@shannon-fly-dressing.dk>:

>Error: there is no attribute "NAME" for this element (in this HTML version)
>(explanation...)

Du må angive en forkert htmlversion, for når jehg klipper og
klistrer dit ind og angiver at det er
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
så kommer der ingen fejl.

Kopi af w3c validering:
<http://home13.inet.tele.dk/smedpark/test/check.htm>

Så fejlen må altså ligge i ovenstående eller et andet sted på din
side (så en url ville have været meget rarere).

Men jeg misforstod jo dit oprindelige spørgsmål, jeg troede du
ville have tre funktioner i forbindelse med en mouseover.

Men du fandt jo selv ud af og ændre det.

med venlig hilsen
Knud
--
http://home13.inet.tele.dk/smedpark/
Bruger din udgave af Outlook Express Sv: i svar?
Så ser en stor del af gruppens brugere ikke dit svar.
Rettelse kan hentes på http://hjem.get2net.dk/henrik-k-hansen/oefix.exe

Finn Jensen (24-08-2001)
Kommentar
Fra : Finn Jensen


Dato : 24-08-01 22:18


"Knud Gert Ellentoft" <knudgert@mail.tele.dk> skrev i en meddelelse
news:44edotc390g49l4f9ird1btpkbln6l97c4@news.tele.dk...
> Du må angive en forkert htmlversion, for når jehg klipper og
> klistrer dit ind og angiver at det er
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Tak Knud
Du har reddet min nattesøvn

Jeg havde HTML 4.0 men skulle altså bruge HTML 4.01


--
Venlig hilsen
Finn Jensen
- Jeg lærer så længe jeg lever -


Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408945
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste