Javascript - Modification dynamique de lien

Bonjour,

Déjà désolé pour le titre du sujet, je le modifierai après coup, je ne sais pas quoi mettre pour l'instant.

Donc je vous expose mon problème, voici un exemple de bout de code :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

// lien1.htm   <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a> // Partie fixe   <a href="lienX.htm"><img src="image1.jpg" /></a> // Partie "dynamique"       // lien2.htm   <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a> // Partie fixe   <a href="lienY.htm"><img src="image2.jpg" /></a> // Partie "dynamique"       // lien3.htm   <a href="lien1.htm">LIEN1</a> - <a href="lien2.htm">LIEN2</a> - <a href="lien3.htm">LIEN3</a> // Partie fixe   <a href="lienZ.htm"><img src="image3.jpg" /></a> // Partie "dynamique"

---

Donc je suis par défaut sur la page lien1.htm, où j'ai 3 liens et une image. Sur cette image un lien externe. Quand que je clique sur LIEN2, j'arrive sur lien2.htm avec une autre image et un autre lien dessus. Idem pour LIEN3.

J'ai pris l'exemple sur 3 liens, mais dans mon cas concret j'en ai une vingtaine, vous avez surement saisi le problème, cette méthode forçaient à utiliser 20 pages différentes du coup (super pour les modifs...).

Je précise au passage que je reprend ce projet, je ne suis pas à l'origine du code :mrgreen:

Donc dans mon cas, j'ai pensé à utiliser du javascript (seul possibilité que j'ai vu les limites de la plateforme utilisée), mais je ne connais que très peu ce langage.
J'ai trouvé le moyen de modifier dynamiquement l'image suivant le lien sur lequel je clique, mais je voudrais savoir si je pouvais également modifier le lien qui es sur l'image ?

J'espère avoir été assez précis dans mon explication, n'hésitez pas si vous avez des questions

Merci d'avance:)

Code:

---

<a href="truc.htm" id="lien_1">cliquez ici</a>

---

et pour le javascript :

Code:

---

document.getElementById('lien_1').href='autrepage.htm';

---

Bonjour ,

Si j'ai bien compris , pour modifier la cible du lien ?
Si oui :

Code:

---

1 2	document.getElementById('id_du_lien').href="lanouvellecible.htm";

---

Tu n'es pas obligé d'utiliser getElementById , il y a d'autres solutions :)

oui tu peux passer par

Code:

---

1 2	document.links[i] document.getElementsByTagName('a')

---

ou vu que tu mets déja la main sur les balises images

Code:

---

parentNode

---

entre autres

Merci bien pour ces réponses très rapides :D
Je test ça après le café et je vous tiens au courant.

oki et après Da gouket dustu !

Citation:

---

Envoyé par SpaceFrog

oki et après Da gouket dustu !

---

:mouarf:


Bon, j'ai tenté une adaptation bourrin je crois :lol:
http://www.gregorythepault.fr/docume...cript/test.htm
Vu que ma gestion d'image marchait bien, je me suis dis que je devais pouvoir adapter ça aux url mais j'ai dû me planter quelque part.

pas logique ton truc:

Code:

---

<a onclick="change_image(this,'img/1.jpg');change_lien(this,'http://www.willowcrea.com');"><img src="img/1focus.jpg" border="0" /></a>

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

<script type='text/javascript'> <!-- function change_image(source){ var bt1=new Image(); bt1.src= source; document.images.grand.src = bt1.src ; } function change_lien(obj,source2){ obj.href = bt2.href ; } //--> </script>

---

Bon j'avais fais une belle merde je crois.

Là ça a l'air de marcher. Sur les 2 premières images, ma méthode bourrin qui passe pas, sur les 2 dernières images, la méthode que vous m'avez donné qui marche à merveille :P

Juste comme ça, dans ma méthode, à quel endroit j'ai merdé ?


Edit : posté en même temps.

Bon ben je crois que c'est bon là !

Ah ba non, ça marche plus maintenant :?

oups :

Code:

---

1 2 3

function change_lien(obj,source2){ obj.href = source2 ; }

---

Okay je commence à piger un peu mieux le truc. Merci bien

http://www.developpez.net/forums/ima...ons/resolu.gif

Un dernier détail :

Code:

---

<a onclick="change_image(this,'img/1.jpg');change_lien(this,'http://www.willowcrea.com');return false"><img src="img/1focus.jpg" border="0" /></a>

---

rajoute un return false après les focntion du onclick d'une balise a ...
ça lui évitera de se perdre après dans son href ...