afficher une image différentes dans la même fenetre

Question

Bonjour,

Je suis débutant en javascript et je souhaite réaliser une page internet ou on aurait une image qui changerait lorsque qu'on clique sur un lien à coté de l'image 
Comment je dois mis prendre?

Bul3 · Answer

bonjour,
tu mets une balise Bul

cs_HF974 · Answer

oui , en fait j'ai une image affichée dans un cadre et je souhaite lorsque je clic sur  un bouton afficher  à la même place une autre image

En fait j'affiche des cartes géographiques je clic sur un bouton et c'est une autres cartes qui s'affiches 

Je pense que cela doit ce faire en  javascript ??

Bul3 · Answer

tu n'y parviens pas ?
fais un ch'tiot extrait de ce que tu tentes.. on t'aidera
          [mon Site]  [M'écrire] Bul

Bul3 · Answer

ah... on s'est croisé....
>>Je pense que cela doit ce faire en  javascript ??
euh.. ça peut.
le javascript n'est jamais obligatoire
[mon Site][M'écrire]Bul

cs_HF974 · Answer

Voila un bout de ce j'essaye maladroitement de faire 
























                       
 Etat
d'avancement du Projet  



   >           




lien affiche
autre carte    


Comment je dois faire le lien pour que je puisse changer l’image
dans la balise a img

Bul3 · Answer

tu essayes d'inventer : ça ne marchera pas 
mon Site][M'écrire]Bul

cs_HF974 · Answer

OUI c sur 

Je veux changer l'mage dans la balise img 

Merci

Bul3 · Answer

>>Je veux changer l'mage dans la balise img 
donc... : change en le .src. 
dans le href de la balise [javascript:.... 
et il faut que tu puisses t'adresse à la balise qui contient l'image
id ou 
name dans une balise form pour la compatibilité
          []mon Site] [M'écrire] Bul

cs_HF974 · Answer

"change en le .src." je comprend ce que tu veux dire 
     
    [javascript: ... carto hydro]
il faut que j'arrive à m'adresser a id de img ?mais comment?

Bul3 · Answer

tu mets un id à la balise Bul

cs_HF974 · Answer

J'essaye cela mais je crois que j'ai un probleme au niveau des  guillemets

         Etat d'avancement du Projet   

          
              
  
   [ javascript :  document.getElementById(  carte numero 2 ]

Bul3 · Answer

prend un éditeur avec coloration syntaxique
par exemple : tu aurais vu img_carto de cette couleur ( et d'autres )
et un 
 en trop
et des " qui manquaient

         Etat d'avancement du Projet   

          
   [javascript:document.getElementById('img_carto').src='../../../fichiers/reg_mpy.jpg'; carte numero 2]
            

c'était réellement pas loin...

[mon Site][M'écrire]Bul

cs_HF974 · Answer

Oui je sens que je suis pas loin , mais quand j'intègre ton code et que et que je clique sur le lien il m'ouvre une autre page et affiche   ../../../fichiers/reg_mpy.jpg

donc dans la barre d'adresse j'ai ceci:
javascript:document.getElementById('img_carto').src='../../../fichiers/reg_mpy.jpg';

Bul3 · Answer

mea culpa, mea culpa, mea maxima culpa : 

il faut : 
   [javascript:void(document.getElementById('img_carto').src='../../../fichiers/reg_mpy.jpg'); carte numero 2]

[mon Site][M'écrire]Bul

cs_HF974 · Answer

OUI,

Merci beaucoup pour ton aide , merci 
trés interessant ce  void()

Mais je crois que il faut que j'étudie les base de javascript avant d'aller plus loin 
Si tu es sais ou je peux peut trouver des tutoriaux et surtout des exo avec corrigé fait  moi signe

Merci encore pour ton aide

Afficher une image différentes dans la même fenetre

15 réponses

Votre réponse

Discussions similaires