Discussion :

[Thomus38]

Bonjour,

Voici ma page :
- un div "content" qui contient une balise <img>.
- un div "menuDroite" qui contient plusieurs liens :
-image1
-image2
-image3
J'aimerais qu'en cliquant sur un des liens, l'image dans le div "content" soit mise a jour sans recharger la page.

J'ai lu des tutoriaux qui parlait surtout de recharger le div "content" grace a des fichiers HTML... Mais moi, je veux recharger simplement la balise image en allant rechercher l'image dans un repertoire.

Je ne trouve pas beaucoup de documentation concernant l'Ajax donc je me trouve vers notre communauté !

Merci d'avance

[javatwister]

laisse tomber ajax; une adresse d'image s'insère dynamiquement sans problème:

Code :

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

element_image.src="image_numero.jpg";

[Thomus38]

En incluant cette ligne:
element_image.src="image_numero.jpg";
sur mon lien, l'image se rechargera automatiquement ? Ou alors il faut faire autre chose en plus ?

[javatwister]

ben rien d'autre! il suffit de faire correspondre logiquement le texte du lien avec le nom de l'image voulue;

[Thomus38]

oki, c'est cool alors.
Si je souhaite afficher une gif pendant le chargement de l'image, est-ce compliqué ?

[Thomus38]

J'ai mis mon code javascript comme ça :

Code :

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

1
2
 
<a onclick="imagecourante.src=produits/mini_pelles/tb175/photo-de-cote.jpg;">Photo de cote</a><br />

Avec dans ma page contenu ça :

Code :

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

1
2
 
<img id="imagecourante" />

Mais ca ne fonctionne pas....

[Thomus38]

arf, j'avais oublier les guillemets !

[atlantis2004]

bonsoir messieurs

je m'approche de vous car la question posée m'interesse beaucoup. elle répond parfaitement ç ce que je cherche à faire.

par contre, j'ai eu beau refaire point par point les phases de votre échanges, je ne parviens pas à un résultat...

pourriez vous me dire précisemment comment le faire ?

je viens de prendre une page blanche.
insertion d'un div pour la liste de "menus". DIV nommé "menu"
insertion d'un second div, nommé "content", pour recevoir le chargement des images.

pour le reste, je préfère ne pas vous dire dans le détail car je pense que ça va + perturber qu'autre chose...

Alors si vous pouviez me décrire les étapes une à une, ça m'arrangerait fort.
au mieux, vous pouvez peut être me filer un fichier basique avec le tout déjà fait... ça me permettra peut être de comprendre où est ce que je bugge et je tenrerai de corriger le problème sur mon propre fichier.

merci d'avance de l'aide