Discussion :

[finalfx]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

[dingoth]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[finalfx]

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.