bonjour,
voici mon probleme:
j'ai une photo dans une cellule de mon tableau
quand je clique sur un onglet qui est à coté
je veux que ce soit une autre photo qui s'affiche.
avec ce code lorsque je clique sur l'onglet
ma photo apparait en dessous et non à la place
Tout d'abord,
Salut malouloutte , et bienvenue sur MoteurProg.
Quand tu marque du code sur le forum, n'oublie pas de mettre les balise code.
Sur ton onClick, pourquoi ne ferais tu pas juste changé la source de l'image?
__________________________
Celui qui tue un homme est un meurtrier,
Celui qui tue un peuple est un tyran,
Celui qui tue des millions de gens est un dieu.
(Désolé pour les fautes d'orthographe que j'ai commises, et celles que je vais faire!)
bonjour,
j'ai changé la source de mon onclick mais ça ne fonctionne pas.
je vous remontre mon code (avec des balises..)
<!
<td align="center" width="351" valign="top">
<div id="Layer1" style="position:relative"><img src="media/bateau_pix_A.gif" width="312" height="311" usemap="#Map4" border="0" name="pix_a"><map name="Map4">
<area shape="rect" coords="275,265,306,308" href="#" onClick="MM_showHideLayers('Layer1','','hide','Layer2','','show')"></map></div>
<div id="Layer2" style="position:relative; visibility: hidden"><img src="media/bateau_pix_B.gif" width="312" height="311" name="pix_b" usemap="#pix_bMap" border="0"><map name="pix_bMap"><area shape="rect" coords="8,263,38,308" href="#" onClick="MM_showHideLayers('Layer1','','show','Layer2','','hide')"></map></div></td>
!>
je veux que mon image media/bateau_pix_B.gif s'affiche à la place de media/bateau_pix_A.gif quand je clic
ce code affiche media/bateau_pix_B.gif en dessous de media/bateau_pix_A.gif quand je clic
merci d'avance
La solution que je te propose ressemblerais a sa... ( pas sure de la syntax)
__________________________
Celui qui tue un homme est un meurtrier,
Celui qui tue un peuple est un tyran,
Celui qui tue des millions de gens est un dieu.
(Désolé pour les fautes d'orthographe que j'ai commises, et celles que je vais faire!)
cela fonctionne!!!
la deuxième image se place bien sur la 1ère image
le problème est que lorsque la deuxième image s'affiche, l'onglet ne fonctionne plus pour retourner sur la 1ère image
<!
<div id="Layer1"><img src="media/bateauivre_pix_A.gif" width="312" height="311" usemap="#Map4" border="0" name="pix_a"><map name="Map4">
<area shape="rect" coords="275,265,306,308" href="#" onClick="document.pix_a.src = 'media/bateauivre_pix_B.gif'"></map></div>
<div id="Layer2" style="visibility: hidden">
<area shape="rect" coords="8,263,38,308" href="#" onClick="document.pix_b.src = 'media/bateauivre_pix_A.gif'">
</div>
!>
Je te rapelle que lorsque tu met du code sur le forum, il serait apprécié que tu emploi les balises code, il s'agit du premier icone sous Éléments Dynamique <?
Donc, si tu veux que tu rechangé l'image une fois que qu'elle a été changé, il faut que tu sache qu'elle image est présentement affiché, donc tu uttilise un IF, ensuite tu change en conséquence le src de ton image. Tout sa dans une petite function pour pas que sa soit trop mélangé...
function getImage( srcImage)
{
if (nomImage = ".....................")
{
//Alors tu change l'image pour telle image
}
else
{
//si non tu change pour telle image
}
}
ensuite dans ton onClick tu appelle ta fonction avec comme argument le src de ton image
onClick="getImage(document.pix_a.src)"
Ps. Je rapelle que je ne suis pas sure de ma syntax
__________________________
Celui qui tue un homme est un meurtrier,
Celui qui tue un peuple est un tyran,
Celui qui tue des millions de gens est un dieu.
(Désolé pour les fautes d'orthographe que j'ai commises, et celles que je vais faire!)