Ma page se recharge au lieu de juste modifier le div

Bonjour,

c'est encore moi avec ma galerie photo :-° ,

je voudrais au clic sur un lien modifier le contenu d'un tableau présent dans ma page, j'ai donc mis le code suivant en HTML

Code:

---

<a href='' onclick='navigation(-7);'><< Précédent </a>

---

et dans mon script je décris la fonction navigation de la manière suivante (mon tableau ayant l'id "mesphotos":

Code:

---

1 2 3 4

function navigation(k) { document.getElementById("mesphotos").innerHTML = "<script type='text/javascript'>"+document.write('<tr><td style=\'color:red;\'>Ceci est un test pour'+k+'</td></tr>');+"</script>"; }

---

Est-ce que j'ai déjà fait des fautes de syntaxe à ce niveau là ?

Lorsque je clique sur le lien ça recharge ma page au lieu de juste modifier le contenu du tableau o_O

Celà viendrait-il des autres scripts présents dans le même fichier js externe ?

Je vous poste l'adresse de mes fichiers HTML et JS :

http://www.kwispelkwaf.be/exercices2/photogallery.html

et

http://www.kwispelkwaf.be/exercices2/photogallery.js


Merci d'avance !!

Euh oui ... quelques fautes de syntaxe et de logique :-/

Que veux-tu faire exactement ? Ajouter du texte ou le remplacer ? le document.write ajoute du texte, tandis que le innerHTML = ... le remplace. J'attends de mieux comprendre ton attente avant de répondre à la partie JavaScript.

Pour le fait que ça recharge la page, c'est normal : tu dois écrire le caractère # dans l'attribut href du <a ></a>. Cela forcera le navigateur à rester sur la même page.

Ce qui donne :

Code:

---

<a href="#" onclick="navigation(-7);">&lt;&lt; Précédent </a>

---

P.S. J'ai remplacé les << par &lt;, ce qui permet d'éviter quelques soucis potentiels. L'affichage sera au final complètement identique. C'est juste plus propre.

Il s'agit de remplacer le contenu d'un tableau par d'autres images que celles actuellement présentes dans les td, mes images étant stockées dans un array en variable globale.