/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Javascript, billedskift ONMOUSEOVER!
Fra : Morten


Dato : 21-04-03 08:34

Jeg aner næsten intet om Java men... :

Jeg vil gerne have det sådan at når man flytter markøreren over mit
"menu-link" så er der 2 billeder der skifter....

Når jeg ikke har markeret:

*tomt* et link på min side *tomt*

Når der er markeret:

*billede* et link på min side *billede*


Altså ... *tomt* er bare et billede uden noget indhold, samme farve som
background... (altså det kan ikke ses)
Når jeg så markere "et link på min side" så skifter begge billederne!! Og
jeg fumler bare rundt i det der javanoget!!
Her er den kode jeg indtilvidere har prøvet!



<html>
<head>


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

billede1 = new Image(); billede1.src = "billede1.gif";
billede2 = new Image(); billede2.src = "billede2.gif";
billede3 = new Image(); billede3.src = "billede3.gif";
billede4 = new Image(); billede4.src = "billede4.gif";
billede5 = new Image(); billede5.src = "billede5.gif";
billede6 = new Image(); billede6.src = "billede6.gif";

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

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

<div><a href="http://www.html.dk"
onmouseover="skiftbillede('link','billede2.gif');
skiftbillede('tal','billede4.gif');skiftbillede('bogstav','billede6.gif')"
onmouseout="skiftbillede('link','billede1.gif');
skiftbillede('tal','billede3.gif');skiftbillede('bogstav','billede5.gif')" >
<img name="link" src="billede1.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

<img name="tal" src="billede3.gif" alt="Tal"
style="border:none;" />
<img name="bogstav" src="billede5.gif" alt="Bogstaver"
style="border:none;" /></div>



</body>
</html>


m.v.h Morten
// Morten@fri.web.dk







 
 
Lasse Reichstein Nie~ (21-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 21-04-03 12:23

"Morten" <morten@fri-web.dk> writes:

> Jeg aner næsten intet om Java men... :

Så er det da godt at du ikke har brug for det. Det du skal bruge er
JavaSCRIPT, som er noget helt andet. Det hører dog til i gruppen
dk.edb.internet.webdesign.clientside, så jeg sætter FUT til den.

> Jeg vil gerne have det sådan at når man flytter markøreren over mit
> "menu-link" så er der 2 billeder der skifter....
>
> Når jeg ikke har markeret:
>
> *tomt* et link på min side *tomt*
>
> Når der er markeret:
>
> *billede* et link på min side *billede*

Ok.

> Altså ... *tomt* er bare et billede uden noget indhold, samme farve som
> background... (altså det kan ikke ses)

> Når jeg så markere "et link på min side" så skifter begge billederne!!

Gør de det? Eller hvad er problemet?

> Og jeg fumler bare rundt i det der javanoget!!

Javascript! (og gid fanden havde den Netscape-ansatte der valgte det
navn! :)

> Her er den kode jeg indtilvidere har prøvet!

Hvilke browsere har du prøvet den i?
Hvad sker der?
Kunne du give et link til siden, så vi kan teste den selv (med
billederne)?

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

Dette er forkert. HTML-kommentarer er ikke lovlig javascript. Browsere
er ofte tilgivende over for dem, fordi de blev brugt til at skjule
scripts for tidlige browsere der ikke forstod script-tagget, men hold
det til et enkelt start tag, som det nedenfor. Sådanne browsere findes
i øvrigt ikke mere, så det er helt unødvendigt. Kommentarerne kan
roligt slettes med mindre HTML.dk kræver at du beholder dem.

> <!-- Start
>
> billede1 = new Image(); billede1.src = "billede1.gif";
> billede2 = new Image(); billede2.src = "billede2.gif";
> billede3 = new Image(); billede3.src = "billede3.gif";
> billede4 = new Image(); billede4.src = "billede4.gif";
> billede5 = new Image(); billede5.src = "billede5.gif";
> billede6 = new Image(); billede6.src = "billede6.gif";
>
> function skiftbillede(img_name,img_src) {
> document[img_name].src=img_src;

Skift denne linje til

document.images[img_name].src=img_src;

Det er sikrere, mere korrekt, og virker potentielt i flere browsere.

> }
>
> // Slut -->
> </script>
> </head>
> <body>
>
> <div><a href="http://www.html.dk"
> onmouseover="skiftbillede('link','billede2.gif');
> skiftbillede('tal','billede4.gif');skiftbillede('bogstav','billede6.gif')"

Pas på med at få linjerne ombrudt. Jeg kan ikke se om det er din
nyhedsklient der har ombrudt linjen (endnu en grund til at give et
link til den rigtige kode!)

> onmouseout="skiftbillede('link','billede1.gif');
> skiftbillede('tal','billede3.gif');skiftbillede('bogstav','billede5.gif')" >
> <img name="link" src="billede1.gif" alt="Før musen over dette billede"
> style="border:none;" />

Prøvt at bruge id="link" i stedet for name="link".
Der skal ikke en slash til sidst, da du ikke skriver xhtml.

> </a>
>
> <img name="tal" src="billede3.gif" alt="Tal"
> style="border:none;" />
> <img name="bogstav" src="billede5.gif" alt="Bogstaver"
> style="border:none;" /></div>

> </body>
> </html>

Ellers ser det rigtigt ud (og med nogle tilfældige billeder, så ser
det også ud til at virke i min browser).

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Morten (21-04-2003)
Kommentar
Fra : Morten


Dato : 21-04-03 13:19

http://www.fri-web.dk/mortenmk/Alt_muligt/JS%20test/js_test.htm

Nu virker det.. men jeg vil gerne have det på en anden måde .. læs resten i
linket! plz

m.v.h Morten
// Morten@fri-web.dk



Lasse Reichstein Nie~ (21-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 21-04-03 14:01

"Morten" <morten@fri-web.dk> writes:

> http://www.fri-web.dk/mortenmk/Alt_muligt/JS%20test/js_test.htm
>
> Nu virker det.. men jeg vil gerne have det på en anden måde .. læs resten i
> linket! plz

Du har ankeret (<a>-tagget) omkring det første billede. Flyt det til
det andet billede. Skift så det andet billede ud med tekst hvis du
hellere vil have det.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Morten (21-04-2003)
Kommentar
Fra : Morten


Dato : 21-04-03 14:19

Tak da :)

virker nu, men jeg vil gerne have det på en anden måde.. sådan at du har et
link (*link*) og 2 billeder (*billede*) og når du så markere *link* så
skifter de 2 billeder;

*billede* *link* *billede*
*billede2* *link* *billede2*

m.v.h Morten
// Morten@fri-web.dk

PS: JEG ER 2TALT newbie til det her indlæg sjov.. har skrevet det her 2
gange...

pps: Hvor lang tid går der ca. inden man kan se det indlæg man lige har
smidt ind.. (har 1024/256)



Lasse Reichstein Nie~ (21-04-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 21-04-03 15:09

"Morten" <morten@fri-web.dk> writes:

> virker nu, men jeg vil gerne have det på en anden måde.. sådan at du har et
> link (*link*) og 2 billeder (*billede*) og når du så markere *link* så
> skifter de 2 billeder;
>
> *billede* *link* *billede*
> *billede2* *link* *billede2*

Som jeg svarede et andet sted, så flyt a-tagger fra det første billede
til det andet.

> PS: JEG ER 2TALT newbie til det her indlæg sjov.. har skrevet det her 2
> gange...

Fat mod, det er ikke så slemt igen. Man vænner sig hurtigt til det.
Det er en god idé at kaste et blik på <URL:http://www.usenet.dk/>,
der står alt hvad man behøver at vide om de danske nyhedsgrupper
(næsten).

> pps: Hvor lang tid går der ca. inden man kan se det indlæg man lige har
> smidt ind.. (har 1024/256)

Det afhænger af så meget, specielt hvilken nyhedsserver du bruger (nok
news.tele.dk). Den er relativt hurtig, men der kan godt gå nogle
minutter før den er klar. Din netforbindelse er ikke flaskehalsen :)

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

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

Månedens bedste
Årets bedste
Sidste års bedste