Notifikationer

Markér alle som læst Log ud

svenne182 Nybegynder

14. april 2004 - 20:33 Der er 8 kommentarer og
1 løsning

Mouse Over, Mouse Click problem

jeg har et problem med dette script:

min kode ser sådan her ud

<script>
var mit_billede1 = new Image();
mit_billede1.src = "billeder/frontpage_b_01.gif";
var mit_billede1 = new Image();
mit_billede1.src = "billeder/frontpage_c_01.gif";
</script>
</head><body>
<a href="#"
onMouseOver="document.mit_billede1.src='billeder/frontpage_b_01.gif';"
onClick="document.mit_billede1.src='billeder/frontpageca_0.gif';"></a>

</head>

<body>

a href="frontpage.htm" target="mainFrame"
onClick="document.mit_billede1.src='billeder/frontpage_c_01.gif';"
onMouseOver="document.mit_billede1.src='billeder/frontpage_b_01.gif';"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="Frontpage"></a>

a href="news.htm" target="mainFrame"
onClick="document.mit_billede1.src='billeder/news_c_01.gif';"
onMouseOver="document.mit_billede1.src='billeder/news_b_01.gif';"><img src="billeder/news_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="News"></a>

Problemet er at scriptet kun virker når jeg kun har frontpage_a_01.gif/frontpage_b_01.gif/frontpage_b_01.gif

men ikke hvis jeg indsætter news_a_01.gif/news_b_01.gif/news_b_01.gif

jeg har lavet denne her menu, og vil have at billederne laver disse over og onclick effekter, men jeg kan, som sagt, kun få det til at virke hvis der kun er 1 knap (billede)

det er sikkert noget med <head> og <body> men jeg kan ikke lige overskue hvad.

Synes godt om

roenving Novice

14. april 2004 - 20:53 #1

Nej, du har bare brugt de samme navne flere gange, du skal bare give dem forskellige navne !-)

Pladsbilletter ville ikke være meget værd i et tog, hvis alle pladser hed nummer 1 ...

<script>
var pics = new Array();
pics[1] = new Image();
pics[1].src = "billeder/frontpage_b_01.gif";
pics[2] = new Image();
pics[2].src = "billeder/frontpage_c_01.gif";
pics[3] = new Image();
pics[3].src = "billeder/news_b_01.gif";
pics[4] = new Image();
pics[4].src = "billeder/news_c_01.gif";
</script>
</head>

<body>

a href="frontpage.htm" target="mainFrame"
onClick="document.mit_billede1.src=pics[2].src;"
onMouseOver="document.mit_billede1.src=pics[1].src;"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="Frontpage"></a>

a href="news.htm" target="mainFrame"
onClick="document.mit_billede2.src=pics[4].src;"
onMouseOver="document.mit_billede2.src=pics[3].src;"><img src="billeder/news_a_01.gif" name="mit_billede2" border="0"
width="170" height="35" alt="News"></a>

-- jeg ændrede også peoloaderen til noget, som vriker og ikke kan forårsage forvirring !-)

Synes godt om

svenne182 Nybegynder

15. april 2004 - 11:42 #2

nu er jeg kommet frem til det her:

<script>
var pics = new Array();

pics[0] = new Image();
pics[0].src = "billeder/frontpage_a_01.gif";
pics[1] = new Image();
pics[1].src = "billeder/frontpage_b_01.gif";
pics[2] = new Image();
pics[2].src = "billeder/frontpage_c_01.gif";
pics[3] = new Image();
pics[3].src = "billeder/news_b_01.gif";
pics[4] = new Image();
pics[4].src = "billeder/news_c_01.gif";
</script>
</head>

<body>

<a href="frontpage.htm" target="mainFrame"
onClick="document.mit_billede1.src=pics[2].src;"
onMouseOver="document.mit_billede1.src=pics[1].src;"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="Frontpage"></a>

<a href="news.htm" target="mainFrame"
onClick="document.mit_billede2.src=pics[4].src;"
onMouseOver="document.mit_billede2.src=pics[3].src;"><img src="billeder/news_a_01.gif" name="mit_billede2" border="0"
width="170" height="35" alt="News"></a>

</body>

nu er problemet bare at jeg skal bruge sådan en onMouseOut funktion, så billedet kommer tilbage til f.eks. frontpage_a_01.gif

se her: http://www.danishsouvenir.dk/main_frameset.htm

Synes godt om

svenne182 Nybegynder

15. april 2004 - 12:09 #3

opdateret:
----------
----------

<script>
var pics = new Array();

pics[0] = new Image();
pics[0].src = "billeder/frontpage_a_01.gif";
pics[1] = new Image();
pics[1].src = "billeder/frontpage_b_01.gif";
pics[2] = new Image();
pics[2].src = "billeder/frontpage_c_01.gif";
pics[3] = new Image();
pics[3].src = "billeder/news_a_01.gif";
pics[4] = new Image();
pics[4].src = "billeder/news_b_01.gif";
pics[5] = new Image();
pics[5].src = "billeder/news_c_01.gif";
pics[6] = new Image();
pics[6].src = "billeder/band_a_01.gif";
pics[7] = new Image();
pics[7].src = "billeder/band_b_01.gif";
pics[8] = new Image();
pics[8].src = "billeder/band_c_01.gif";
pics[9] = new Image();
pics[9].src = "billeder/media_a_01.gif";
pics[10] = new Image();
pics[10].src = "billeder/media_b_01.gif";
pics[11] = new Image();
pics[11].src = "billeder/media_c_01.gif";
pics[12] = new Image();
pics[12].src = "billeder/history_a_01.gif";
pics[13] = new Image();
pics[13].src = "billeder/history_b_01.gif";
pics[14] = new Image();
pics[14].src = "billeder/history_c_01.gif";
</script>
</head>

<body>
<p align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="137" height="82">
<param name="movie" value="danish_01.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<embed src="danish_01.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="137" height="82" bgcolor="#000000"></embed>
</object>
<p align="center">

<a href="frontpage.htm" target="mainFrame"
onClick="document.mit_billede1.src=pics[2].src;"
onMouseOver="document.mit_billede1.src=pics[1].src;"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="Frontpage"></a>

<p align="center"><a href="news.htm" target="mainFrame"
onClick="document.mit_billede2.src=pics[5].src;"
onMouseOver="document.mit_billede2.src=pics[4].src;"><img src="billeder/news_a_01.gif" name="mit_billede2" border="0"
width="170" height="35" alt="News"></a>
<p align="center">

<a href="band.htm" target="mainFrame"
onClick="document.mit_billede3.src=pics[8].src;"
onMouseOver="document.mit_billede3.src=pics[7].src;"><img src="billeder/band_a_01.gif" name="mit_billede3" border="0"
width="170" height="35" alt="The Band"></a>
<p align="center">

<a href="media.htm" target="mainFrame"
onClick="document.mit_billede4.src=pics[11].src;"
onMouseOver="document.mit_billede4.src=pics[10].src;"><img src="billeder/media_a_01.gif" name="mit_billede4" border="0"
width="170" height="35" alt="Media - Pictures, Lyrics and MP3s"></a>
<p align="center">

<a href="history.htm" target="mainFrame"
onClick="document.mit_billede5.src=pics[14].src;"
onMouseOver="document.mit_billede5.src=pics[13].src;"><img src="billeder/history_a_01.gif" name="mit_billede5" border="0"
width="170" height="35" alt="History"></a>
<p align="center">

Synes godt om

svenne182 Nybegynder

15. april 2004 - 12:11 #4

ups... sådan her:

-----------------

<head>

<script>

var pics = new Array();

pics[0] = new Image();
pics[0].src = "billeder/frontpage_a_01.gif";
pics[1] = new Image();
pics[1].src = "billeder/frontpage_b_01.gif";
pics[2] = new Image();
pics[2].src = "billeder/frontpage_c_01.gif";
pics[3] = new Image();
pics[3].src = "billeder/news_a_01.gif";
pics[4] = new Image();
pics[4].src = "billeder/news_b_01.gif";
pics[5] = new Image();
pics[5].src = "billeder/news_c_01.gif";
pics[6] = new Image();
pics[6].src = "billeder/band_a_01.gif";
pics[7] = new Image();
pics[7].src = "billeder/band_b_01.gif";
pics[8] = new Image();
pics[8].src = "billeder/band_c_01.gif";
pics[9] = new Image();
pics[9].src = "billeder/media_a_01.gif";
pics[10] = new Image();
pics[10].src = "billeder/media_b_01.gif";
pics[11] = new Image();
pics[11].src = "billeder/media_c_01.gif";
pics[12] = new Image();
pics[12].src = "billeder/history_a_01.gif";
pics[13] = new Image();
pics[13].src = "billeder/history_b_01.gif";
pics[14] = new Image();
pics[14].src = "billeder/history_c_01.gif";

</script>

</head>

<body>

<p align="center">
<a href="frontpage.htm" target="mainFrame"
onClick="document.mit_billede1.src=pics[2].src;"
onMouseOver="document.mit_billede1.src=pics[1].src;"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0"
width="170" height="35" alt="Frontpage"></a>

<p align="center"><a href="news.htm" target="mainFrame"
onClick="document.mit_billede2.src=pics[5].src;"
onMouseOver="document.mit_billede2.src=pics[4].src;"><img src="billeder/news_a_01.gif" name="mit_billede2" border="0"
width="170" height="35" alt="News"></a>
<p align="center">

<a href="band.htm" target="mainFrame"
onClick="document.mit_billede3.src=pics[8].src;"
onMouseOver="document.mit_billede3.src=pics[7].src;"><img src="billeder/band_a_01.gif" name="mit_billede3" border="0"
width="170" height="35" alt="The Band"></a>
<p align="center">

<a href="media.htm" target="mainFrame"
onClick="document.mit_billede4.src=pics[11].src;"
onMouseOver="document.mit_billede4.src=pics[10].src;"><img src="billeder/media_a_01.gif" name="mit_billede4" border="0"
width="170" height="35" alt="Media - Pictures, Lyrics and MP3s"></a>
<p align="center">

<a href="history.htm" target="mainFrame"
onClick="document.mit_billede5.src=pics[14].src;"
onMouseOver="document.mit_billede5.src=pics[13].src;"><img src="billeder/history_a_01.gif" name="mit_billede5" border="0"
width="170" height="35" alt="History"></a>
<p align="center">

</body>

Synes godt om

roenving Novice

16. april 2004 - 02:52 #5

Synes godt om

svenne182 Nybegynder

16. april 2004 - 13:36 #6

Det virkede en gang.... nu virker det ikke ... ?!

kan man gøre sådan så det kun er OnMouseOut når man IKKE har klikket på knappen..

altså når har klikket på en knap, så forbliver den som onClick, og ændrer sig først når man trykker på en anden ?

Synes godt om

roenving Novice

16. april 2004 - 20:46 #7

Tjah, f.eks. sådan:

<head>
<script type="text/javascript">

var pics = new Array(),clicked = new Array();

pics[0] = new Image();
pics[0].src = "billeder/frontpage_a_01.gif";
pics[1] = new Image();
pics[1].src = "billeder/frontpage_b_01.gif";
pics[2] = new Image();
pics[2].src = "billeder/frontpage_c_01.gif";
pics[3] = new Image();
pics[3].src = "billeder/news_a_01.gif";
pics[4] = new Image();
pics[4].src = "billeder/news_b_01.gif";
pics[5] = new Image();
pics[5].src = "billeder/news_c_01.gif";
pics[6] = new Image();
pics[6].src = "billeder/band_a_01.gif";
pics[7] = new Image();
pics[7].src = "billeder/band_b_01.gif";
pics[8] = new Image();
pics[8].src = "billeder/band_c_01.gif";
pics[9] = new Image();
pics[9].src = "billeder/media_a_01.gif";
pics[10] = new Image();
pics[10].src = "billeder/media_b_01.gif";
pics[11] = new Image();
pics[11].src = "billeder/media_c_01.gif";
pics[12] = new Image();
pics[12].src = "billeder/history_a_01.gif";
pics[13] = new Image();
pics[13].src = "billeder/history_b_01.gif";
pics[14] = new Image();
pics[14].src = "billeder/history_c_01.gif";

for(i=0;pics.length/3>i;i++)clicked[i] = false;

function thisClick(idx){
for(i=0;clicked.length>i;i++){
clicked[i]=false;
document.images['mit_billede'+(i+1)].src = pics[i*3].src;
}
clicked[idx]=true;
}
</script>

</head>

<body>

<p align="center">
<a href="frontpage.htm" target="mainFrame" onClick="thisClick(0);document.mit_billede1.src=pics[2].src;" onMouseOver="document.mit_billede1.src=pics[1].src;" onMouseOut="document.mit_billede1.src=(!clicked[0])?pics[0].src:pics[2].src;"><img src="billeder/frontpage_a_01.gif" name="mit_billede1" border="0" width="570" height="35" alt="Frontpage"></a>
<p align="center">
<a href="news.htm" target="mainFrame" onClick="thisClick(1);document.mit_billede2.src=pics[5].src;" onMouseOver="document.mit_billede2.src=pics[4].src;" onMouseOut="document.mit_billede2.src=(!clicked[1])?pics[3].src:pics[5].src;"><img src="billeder/news_a_01.gif" name="mit_billede2" border="0" width="570" height="35" alt="News"></a>
<p align="center">
<a href="band.htm" target="mainFrame" onClick="thisClick(2);document.mit_billede3.src=pics[8].src;" onMouseOver="document.mit_billede3.src=pics[7].src;" onMouseOut="document.mit_billede3.src=(!clicked[2])?pics[6].src:pics[8].src;"><img src="billeder/band_a_01.gif" name="mit_billede3" border="0" width="570" height="35" alt="The Band"></a>
<p align="center">
<a href="media.htm" target="mainFrame" onClick="thisClick(3);document.mit_billede4.src=pics[11].src;" onMouseOver="document.mit_billede4.src=pics[10].src;" onMouseOut="document.mit_billede4.src=(!clicked[3])?pics[9].src:pics[11].src;"><img src="billeder/media_a_01.gif" name="mit_billede4" border="0" width="570" height="35" alt="Media - Pictures, Lyrics and MP3s"></a>
<p align="center">
<a href="history.htm" target="mainFrame" onClick="thisClick(4);document.mit_billede5.src=pics[14].src;" onMouseOver="document.mit_billede5.src=pics[13].src;" onMouseOut="document.mit_billede5.src=(!clicked[4])?pics[12].src:pics[14].src;"><img src="billeder/history_a_01.gif" name="mit_billede5" border="0" width="570" height="35" alt="History"></a>
<p align="center">

</body>

-- jeg smed ikke det hele over i funktioner, som ellers kodemæssigt ville være lettere, men så skulle jeg lave en masse om !-)

Synes godt om

svenne182 Nybegynder

20. maj 2004 - 21:30 #8

har opgivet billede links, og er gået over til tekst med simpel link,hover,active funktion

Synes godt om

svenne182 Nybegynder

20. maj 2004 - 21:31 #9

hov sådan

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS