/ 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: udskiftning af billede
Fra : Jesper Stocholm


Dato : 20-08-01 18:46

Hvordan laver man en onMouseover-event, der udskifter et billede med et
andet ?

--
.... der søger lejlighed fremleje/leje i Københavnsområdet. Max. kr. 3500 om
måneden alt inklusive.

- Jesper Stocholm - http://stocholm.dk

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


Dato : 20-08-01 19:27

Mon, 20 Aug 2001 17:45:31 +0000 (UTC), skrev Jesper Stocholm
<spam@stocholm.dk>:

>Hvordan laver man en onMouseover-event, der udskifter et billede med et
>andet ?

Det er vel dette du mener (selv om jeg plejer at misforstå dig).

<html><head>
<script>
var mit_billede1 = new Image();
mit_billede1.src = "2.jpg";
</script>
</head>
<a href="link.htm"
onMouseOver="document.mit_billede1.src='2.jpg';
" onMouseOut="document.mit_billede1.src='2.jpg';
" target="main" > <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

Jesper Stocholm (20-08-2001)
Kommentar
Fra : Jesper Stocholm


Dato : 20-08-01 20:27

Knud Gert Ellentoft wrote in
news:kcl2otsj47su365598vkfa9gvh53n6jt4t@news.tele.dk:

> Mon, 20 Aug 2001 17:45:31 +0000 (UTC), skrev Jesper Stocholm
> <spam@stocholm.dk>:
>
>>Hvordan laver man en onMouseover-event, der udskifter et billede med et
>>andet ?
>
> Det er vel dette du mener (selv om jeg plejer at misforstå dig).
>

Det ser nu ud til, at vi er begyndt at lære det ... :)

> <html><head>
> <script>
> var mit_billede1 = new Image();
> mit_billede1.src = "2.jpg";
> </script>

hvorfor skal dette med ?

> </head>
> <a href="link.htm"
> onMouseOver="document.mit_billede1.src='2.jpg';
> " onMouseOut="document.mit_billede1.src='2.jpg';
> " target="main" > <img src="1.jpg" name="mit_billede1" border="0"
> width="100" height="100" alt="Linktekst title="Linktekst"></a>
> </body></html>
>

Min kode er nu dette (uden eksplicit javascript i HEAD):

<a href="info.html"
onMouseOver="document.info.src='billeder/info_gold.gif';"
onMouseOut="document.info.src='billeder/info_red.gif';"><img name="info"
src="billeder/info_red.gif" border="0"></a>

.... og det ser ud til at virke fint ... ? Er script-delen for at NN kan
hitte ud af det ?
--
Jesper Stocholm
http://stocholm.dk
ICQ: 13214885
MSN Messenger: jesperstocholm at hotmail dot com

simon e. sørensen (20-08-2001)
Kommentar
Fra : simon e. sørensen


Dato : 20-08-01 20:46

On Mon, 20 Aug 2001 19:27:28 +0000 (UTC), Jesper Stocholm
<spam@stocholm.dk> wrote:

>Knud Gert Ellentoft wrote in
>news:kcl2otsj47su365598vkfa9gvh53n6jt4t@news.tele.dk:
>
>> Mon, 20 Aug 2001 17:45:31 +0000 (UTC), skrev Jesper Stocholm
>> <spam@stocholm.dk>:
>>
>> <html><head>
>> <script>
>> var mit_billede1 = new Image();
>> mit_billede1.src = "2.jpg";
>> </script>
>
>hvorfor skal dette med ?

Det preloader billedet, så det er indlæst når udskiftningen finder
sted. Hvis dette ikke gøres kan der opstå en synlig forsinkelse mens
billedet hentes, især hvis man sidder på en langsom forbindelse
(modsat hvis man tester lokalt / har en hurtig forbindelse).

--
simon e. sørensen (simon@jipe.dk)

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


Dato : 20-08-01 21:32

Mon, 20 Aug 2001 19:27:28 +0000 (UTC), skrev Jesper Stocholm
<spam@stocholm.dk>:

>
>hvorfor skal dette med ?

Det er for at preloade billedet.

Men kan sagtens undlades og dermed nej til
>Er script-delen for at NN kan
>hitte ud af 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

Rune Glerup (21-08-2001)
Kommentar
Fra : Rune Glerup


Dato : 21-08-01 19:50

Knud Gert Ellentoft skrev:

> onMouseOver="document.mit_billede1.src='2.jpg';

Det er nok fordi, jeg er nørd med stort dot, men mit instinkt siger mig
altså:

onmouseover="this.firstChild.src='2.jpg'"

Anyway, det gør vel ingen reel forskel.

[OT] Jesper < Jeg får fejl, når jeg forsøger at validere CSS på din
side.

Hilsen.



Rune

--
Raymond14 [1] handler om DHTML; hvordan man laver det, og hvorfor det er
noget skidt. Så er der også lidt om software til Windows samt andre
ting.
<http://kaboom.dk/raymond14/>

Jesper Stocholm (22-08-2001)
Kommentar
Fra : Jesper Stocholm


Dato : 22-08-01 15:57

Rune Glerup wrote in news:MPG.15eccb9da7644521989693@sunsite.dk:

> Knud Gert Ellentoft skrev:
>
>> onMouseOver="document.mit_billede1.src='2.jpg';
>
> Det er nok fordi, jeg er nørd med stort dot, men mit instinkt siger mig
> altså:
>
> onmouseover="this.firstChild.src='2.jpg'"
>
> Anyway, det gør vel ingen reel forskel.
>

måske ikke ... :) ... det andet virker i hvert fald ...

> [OT] Jesper < Jeg får fejl, når jeg forsøger at validere CSS på din
> side.
>

I know ... men det er ikke mit CSS der er noget i vejen med ... det W3 der
har lavet deres validator om, så jeg skulle egentlig have fjernet
billedhenvisningen.

:)

--
Jesper Stocholm
http://stocholm.dk
ICQ: 13214885
MSN Messenger: jesperstocholm at hotmail dot com

Martin Poulsen (20-08-2001)
Kommentar
Fra : Martin Poulsen


Dato : 20-08-01 20:20

"Jesper Stocholm" <spam@stocholm.dk> wrote:

> Hvordan laver man en onMouseover-event, der udskifter et billede med et
> andet ?

En mulighed kunne være:
http://www.builder.dk/builders/mouseoverbuilder.asp

--
Martin Poulsen



Jesper Stocholm (21-08-2001)
Kommentar
Fra : Jesper Stocholm


Dato : 21-08-01 15:30

Martin Poulsen wrote in news:9lrnte$ae2$1@sunsite.dk:

> "Jesper Stocholm" <spam@stocholm.dk> wrote:
>
>> Hvordan laver man en onMouseover-event, der udskifter et billede med et
>> andet ?
>
> En mulighed kunne være:
> http://www.builder.dk/builders/mouseoverbuilder.asp
>

jatak ... men det er sjovere at lave det selv :)



--
I wrote to George W. Bush - see why at
http://stocholm.dk/emailgeorgewbush.asp
- Jesper Stocholm - http://stocholm.dk

Martin Poulsen (21-08-2001)
Kommentar
Fra : Martin Poulsen


Dato : 21-08-01 19:34

"Jesper Stocholm" <spam@stocholm.dk> wrote:

> jatak ... men det er sjovere at lave det selv :)

Slavearbejde! :)

--
Martin Poulsen




Jesper Stocholm (22-08-2001)
Kommentar
Fra : Jesper Stocholm


Dato : 22-08-01 17:21

Martin Poulsen wrote in news:9lu9jm$rpt$1@sunsite.dk:

> "Jesper Stocholm" <spam@stocholm.dk> wrote:
>
>> jatak ... men det er sjovere at lave det selv :)
>
> Slavearbejde! :)
>

sikke noget pjat :)

Det kan godt være, at det er slavearbejde for en, som har prøvet det mange
gange før ... men hvis jeg skriver koden selv, så opnår jeg jo følgende:

1.
En vis forståelse for, hvad der sker.

2.
Mulighed for selv hurtigt at rette i koden, hvis den ikke lige passer i min
opsætning.

.... disse ting vil jeg nødigt undvære. Jeg opholder mig normalt på
serversiden, men jeg har frivilligt kastet mig ud i et (svigerfamilie)
projekt, der bla. indeholder clientside kode. Det har jeg faktisk stort set
ikke arbejdet med før ... andet end blackbox-funktioner, som jeg ikke har
forstået. Derfor har jeg da lært lidt af Knuds eksempel :)

.... faktisk sidder jeg og skal skrive en applet - og har ingen anelse om
hvordan :(



--
Jesper Stocholm
http://stocholm.dk
ICQ: 13214885
MSN Messenger: jesperstocholm at hotmail dot com

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