Ma page se recharge au lieu de juste modifier le div

Bonjour,

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>[/CODE]

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

[CODE]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>";
}[/CODE]

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 !!

B onjour...
essaies simplement

//--------------------
function navigation(k){
  var Html = "<tr><td style='color:red;'>Ceci est un test pour" +k +"</td></tr>";
  document.getElementById("mesphotos").innerHTML = Html;
}
le fait de faire un document.write remplace le contenu de ton document par le texte obligeant ainsi l'événement sur le BODY à se déclencher, d'ou le rechargement apparent...

;0)

J'ai testé avec le code proposé mais après apparition de la page voulue celle ci se recharge automatiquement après quelques instants comme auparavant ! Est-ce qu'il y a quelque chose dans ma page de script qui provoque celà ?

B onjour...

essaies en remplaçant les deux lignes ci dessous
document.write("<a href='' onclick='navigation(-7);'><< Précédent </a> - ");
document.write("<a href='' onclick='navigation(7);'>Suivant >></a>");

par
document.write("<a href='javascript:void(0);' onclick='navigation(-7);'><< Précédent </a> - ");
document.write("<a href=' javascript:void(0); ' onclick='navigation(7);'>Suivant >></a>");

;0)

href='javascript:void(0);' (ou href='#') : c'est la bonne solution...

Pourquoi notre PC fait-il toujours ce qu'on lui dit ... et pas ce qu'on veut ???

Merci mon problème est résolu !!

<a href="javascript:void(0);"  // ne fait rien de rien
<a href="#"                    // remonte en haut de la page si la page est scrollée
<a href="" onclick="action();return(false);" // ne propage pas l'événement click à l'élément a quelque soit la valeur du href

;0)

Ouille, ça je ne savais pas non plus !!!

Pourtant je viens de tester sous IE6 et Ie 7 ainsi que sous Firefox 2 et ça marche ...

Pourrais-tu me réexpliquer  le dernier commentaire "ne propage pas l'événement click à l'élément a quelque soit la valeur du href" ? Je comprends pas très bien ce que tu veux dire par là

Merci d'avance !

CITATION :

---

<a href="#"   // remonte en haut de la page si la page est scrollée

---

Tu est sûr de ce que tu avances ?

Pourquoi notre PC fait-il toujours ce qu'on lui dit ... et pas ce qu'on veut ???

B onjour à tous et bonne année de prog...

<a href="#" // remonte en haut de la page si la page est scrollée
il suffit d'essayer pour constater

<a href="" onclick="action();return(false);" // ne propage pas l'événement click à l'élément a quelque soit la valeur du href
cela signifie juste que si un événement on click ne retourne rien ou true le lien sur le HREF s'excécutera, si l'événement return false alors il n'y aura aucune prise en compte du HREF
Un petit essai valant mieux qu'un long écrit...
<a href="index.html" onclick="alert('COUCOU False'); return(false);">GO False</a><br>
<a href="index.html" onclick="alert('COUCOU True'); return(true);">GO True</a><br>
<a href="index.html" onclick="alert('COUCOU Rien');">GO Rien</a><br>

;0)