JavaScript changer une image par un click
youkisall
Messages postés
21
Statut
Membre
-
Zeos -
Zeos -
Bonjour,
Je veux de l'aide pour pouvoir avec JavaScript changer une image par une autre dans une cellule, mais le bouton sur le quel on clique n'est pas ds la meme cellule que celle ou l'image sera affichee
Exemple j ai 2 cellules ds la premiere j'ai deux chois possible permettant de choisir un plat dans un restaurant.
En cliquant sur un bouton parexemple , dans la cellule en bas l'image d'un cafe apparait.
En cliquant sur The sur la premiere cellule (au lieu d ecafe), l'image du cafe qui etait ds la deuxieme cellule sera remplace par une image differente representant un thé.
Si aucun n'est cliqué la cellule ou les images apparaissaient reste blanc (vide).
MErci
Je veux de l'aide pour pouvoir avec JavaScript changer une image par une autre dans une cellule, mais le bouton sur le quel on clique n'est pas ds la meme cellule que celle ou l'image sera affichee
Exemple j ai 2 cellules ds la premiere j'ai deux chois possible permettant de choisir un plat dans un restaurant.
En cliquant sur un bouton parexemple , dans la cellule en bas l'image d'un cafe apparait.
En cliquant sur The sur la premiere cellule (au lieu d ecafe), l'image du cafe qui etait ds la deuxieme cellule sera remplace par une image differente representant un thé.
Si aucun n'est cliqué la cellule ou les images apparaissaient reste blanc (vide).
MErci
A voir également:
- Javascript image change onclick
- Change dns - Guide
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
2 réponses
salut,
Je veux de l'aide
ça commence très mal.
pour l'image, dans la cellule tu ne mets rien mais tu lui donne un identifiant 'id="toto"'.
pour afficher tu utilises par exemple des liens '<a>' et tu gères l'évènement 'onclick'.
Je veux de l'aide
ça commence très mal.
pour l'image, dans la cellule tu ne mets rien mais tu lui donne un identifiant 'id="toto"'.
pour afficher tu utilises par exemple des liens '<a>' et tu gères l'évènement 'onclick'.
<a onclick="document.getElementById('toto').innerHTML='<img src="image_cafe.png" width="80" height="120" />';">Café</a>
Tu peut aussi bien le faire avec un iframe (Balise HTML) sauf que ce n'est pas très pratique d'un point de vue esthétique mais cela fonctionne très bien.
par exemple :
Première Cellule :
Deuxième Cellule :
(l'url de l'image est envoyer grâce a target="image_link" dans name="image_link" de l'iframe)
Voila . et bon code :) .
PS : Désoler pour les faute d'orthographe potentielle.
par exemple :
Première Cellule :
<a href="image1.jpg" target="image_link">Image 1</a> <a href="image2.jpg" target="image_link">Image 2</a> <a href="image3.jpg" target="image_link">Image 3</a>
Deuxième Cellule :
(l'url de l'image est envoyer grâce a target="image_link" dans name="image_link" de l'iframe)
<iframe src="image_par_defaut.jpg" name="image_link" width="590" height="470" allowtransparency="true" frameborder="0" hspace="0" vspace="0" >Votre image s'affichera dans ce cadre</iframe>
Voila . et bon code :) .
PS : Désoler pour les faute d'orthographe potentielle.