boucle switch liens

Version imprimable

boucle switch liens

Bonjour,
je souhaiterai faire un boucle en javascript qui me permettrai suivant le lien sur
lequel on clic une animation différente apparait par exemple:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
switch (lien url)
 
{
 
case lien url les remparts:
affichage de l'animation1;
break;
case lien url fournaise:
affichage de l'animation2;
break;
 
}

et je ne sais pas comment faire puisque le lien url est toujours différent:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script>
switch (lien url)
{
case <img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Remparts</a><br/>:	<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<P><A HREF="javascript:newSlide(-1)"><IMG SRC="images/bouton_arriere.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom></A>
<IMG SRC="images/slide1.jpg" WIDTH=390 HEIGHT=350 BORDER=0 ALIGN=middle name=slider>
<A HREF="javascript:newSlide(1)"><IMG SRC="images/bouton_suivante.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom></A></P>
</TD>
</TR>
</TABLE>;
break;
}
</script>

Merci de m'aider svp

26/08/2008, 10h26
SpaceFrog

????? oulà !!!!!!!!!!!!!!

ben il suffit tout simplement sur le onclick du lien de declencher une focntion avec en paramètre l'origine du click...

Mais là tu mélange du javascript et du html ...

peux tu mettre juste le html concerné (le code des liens et images) ?

alors pour les liens c ca

Code:

1
2
3
4
5
<img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Fournaise du Sang</a><br/>
<img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Salles Bris&eacute;es</a><br/>
<img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Enclos aux Esclaves</a><br/>
<img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Basse-Tourbi&egrave;re</a><br/>
<img src="BD14984_.GIF"/><a href="http://www.freewebsitetemplates.com">Caveau de la Vapeur</a><br/>

aprés ce qui doit apparaitre quand on clic dessus c ca mais ca doit etre différents a chaque fois

Code:

1
2
3
4
5
6
7
8
9
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD>
<P><A HREF="javascript:newSlide(-1)"><IMG SRC="images/bouton_arriere.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom></A><!--Le bouton pour passer l'image prcdente doit s'appeler bouton_arriere.gif-->
<!--Les images doivent faire 640x480, s'appeler slidex.jpg et se trouver dans un dossier "images" juste cote de ce fichier --><IMG SRC="images/slide1.jpg" WIDTH=390 HEIGHT=350 BORDER=0 ALIGN=middle name=slider>
<!--Le bouton pour passer l'image suivante doit s'appeler bouton_suivante.gif--><A HREF="javascript:newSlide(1)"><IMG SRC="images/bouton_suivante.gif" WIDTH=20 HEIGHT=20 ALIGN=bottom></A></P>
</TD>
</TR>
</TABLE>

:D merci