Rechercher : dans
Par :

JavaScript changer une image par un click

Dernière réponse le 22 jui 2009 à 09:28:04 youkisall, le 12 nov 2007 à 15:33:45 
 Signaler ce message aux modérateurs

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

Configuration: Windows Vista
Internet Explorer 7.0

Meilleures réponses pour « JavaScript changer une image par un click » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Changer l'image de Grub VoirChanger l'image de Grub     Pour changer l'image d'arrière plan de Grub, qui se trouve dans l'archive /boot/gfxmenu, il suffit de la remplacer par une autre de la même dimension et du même nom, à savoir: 800*600, back.jpg Ouvrez une console...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...

1

Dalida, le 12 nov 2007 à 17:29:02
  • +4

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

<a onclick="document.getElementById('toto').innerHTML='<img src="image_cafe.png" width="80" height="120" />';">Caf&eacute;</a>

[ Mathieu ]
"Les jeunes c'est l'insécurité
il faudrait tous les enfermer!" BxN 1985

Répondre à Dalida

2

 Zeos, le 22 jui 2009 à 09:28:04

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 :

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

Répondre à Zeos
Collection CommentÇaMarche.net