Document.getElementById
Power
-
Power -
Power -
Bonjour,
Bon je suis pas expert en programmation, je viens de terminer un petit cours de programmation dans la conception de site web, je suis en train de finaliser mon site web. Et me voilà pour la première fois à participer à un forum afin d'avoir de l'aide !!!
Voilà j'ai bien de la difficulté avec le javascript, je sais pas si quelqu'un pourrait m'aider ?
Je désire changer une image par la deuxième en cliquant sur un bouton,
le premier bouton envoie la valeur de la fonction de la première image
<a onClick="javascript:setimage('<?php echo $data['image'];?>');var value=<?php echo $data['id']; ?>;" > <img src="images/image1.jpg" width="70" height="20" style="margin-left:10px;" /></a>
et le deuxième envoie la valeur pour la 2ièmes images
<a onClick="javascript:setimage('<?php echo $data['image2']; ?>');var value=<?php echo $data['id']; ?>; "> <img src="images/image2.jpg" width="70" height="20" style="margin-left:10px;" /></a>
et la fonction :
<script type="text/javascript">
function setimage(nouvelleImage) {
if (document.getElementById)
{
document.getElementById("image").innerHTML = '<img src="../images_exercices/' + nouvelleImage + '" />';
}
else if (document.all)
{
document.all["image"].innerHTML = '<img src="../images_exercices/' + nouvelleImage + '" />';
}
}
</script>
j'ai plusieurs images qui s'affiche lors d'une reqête avec Mysql
et à l'affichage de l'image j'ai nommé l'id=image ce qui donne la même chose pour toute les autres ...
<div id="image" width="209"> <img src="../images_exercices/<?php echo $data['image']; ?>" width="209" /></div>
Bon je sais que je dois identifier le div id"par le # de l'id de l'image afin d'avoir un id différent pour chaque"
le problème est dans le script comment envoyer également cette valeur en cliquant sur le lien afin de l'associer à la bonne image
document.all["image"].innerHTML
C'est ça le hick j'ai tout essayé, désespéré ;( mais je ne suis pas assez expert, je sais pas si je me suis bien expliqué, quelqu'un pourrait me donner une réponse ou encore une meilleur solution?
bien merci à celui qui me donnera une réponse !
Bon je suis pas expert en programmation, je viens de terminer un petit cours de programmation dans la conception de site web, je suis en train de finaliser mon site web. Et me voilà pour la première fois à participer à un forum afin d'avoir de l'aide !!!
Voilà j'ai bien de la difficulté avec le javascript, je sais pas si quelqu'un pourrait m'aider ?
Je désire changer une image par la deuxième en cliquant sur un bouton,
le premier bouton envoie la valeur de la fonction de la première image
<a onClick="javascript:setimage('<?php echo $data['image'];?>');var value=<?php echo $data['id']; ?>;" > <img src="images/image1.jpg" width="70" height="20" style="margin-left:10px;" /></a>
et le deuxième envoie la valeur pour la 2ièmes images
<a onClick="javascript:setimage('<?php echo $data['image2']; ?>');var value=<?php echo $data['id']; ?>; "> <img src="images/image2.jpg" width="70" height="20" style="margin-left:10px;" /></a>
et la fonction :
<script type="text/javascript">
function setimage(nouvelleImage) {
if (document.getElementById)
{
document.getElementById("image").innerHTML = '<img src="../images_exercices/' + nouvelleImage + '" />';
}
else if (document.all)
{
document.all["image"].innerHTML = '<img src="../images_exercices/' + nouvelleImage + '" />';
}
}
</script>
j'ai plusieurs images qui s'affiche lors d'une reqête avec Mysql
et à l'affichage de l'image j'ai nommé l'id=image ce qui donne la même chose pour toute les autres ...
<div id="image" width="209"> <img src="../images_exercices/<?php echo $data['image']; ?>" width="209" /></div>
Bon je sais que je dois identifier le div id"par le # de l'id de l'image afin d'avoir un id différent pour chaque"
le problème est dans le script comment envoyer également cette valeur en cliquant sur le lien afin de l'associer à la bonne image
document.all["image"].innerHTML
C'est ça le hick j'ai tout essayé, désespéré ;( mais je ne suis pas assez expert, je sais pas si je me suis bien expliqué, quelqu'un pourrait me donner une réponse ou encore une meilleur solution?
bien merci à celui qui me donnera une réponse !
1 réponse
Bonsoir Power,
Insère ce code tout au début de ton fichier javascript si tu veux bien. C'est une fonction qui définit getElementById pour les navigateurs (anciens) qui ne connaissent pas cette fonction. Ainsi tu n'auras plus besoin de ton if/else, tu pourras utiliser getElementById sans te soucier du navigateur.
Bien cordialement,
Insère ce code tout au début de ton fichier javascript si tu veux bien. C'est une fonction qui définit getElementById pour les navigateurs (anciens) qui ne connaissent pas cette fonction. Ainsi tu n'auras plus besoin de ton if/else, tu pourras utiliser getElementById sans te soucier du navigateur.
if (!document.getElementById) {
if (document.all)
document.getElementById=function() {
if ( typeof(document.all[arguments[0]]) != "undefined")
return document.all[arguments[0]];
else
return null;
}
else if (document.layers)
document.getElementById=function() {
if ( typeof(document[arguments[0]]) != "undefined")
return document[arguments[0]];
else
return null;
}
}
Bien cordialement,
if(!document.getElementById)
{
if(document.all)
{
document.getElementById=function()
{
if(typeof document.all[arguments[0]]!="undefined"){return document.all[arguments[0]]}else{return null}
}
}
else if(document.layers)
{
document.getElementById=function()
{
if(typeof document[arguments[0]]!="undefined"){return document[arguments[0]]}else{return null}
}
}
}
sauf surement que je mets du code inutile par la suite va falloir je regarde ça de prêt mais merci pour l'info au moins ça me confirme qu'il y a des gens qui regarde le forum, c'est la première fois que j'y participe ;)
Sinon c'est pas mal ce que tu fais : pour une première expérience de développement de site, utiliser en même temps du Php et du javascript c'est pas mal je trouve.
En ce qui concerne le forum, il y a effectivement "des gens qui regardent le forum" :). Le problème c'est qu'on n'est pas très nombreux à être réguliers donc on est souvent submergé par la quantité. Et puis on est aussi loin de tout savoir, donc parfois bien qu'on lise les posts, on peut aussi ne pas connaître les réponses.
N'hésite pas à relancer si jamais tu as un autre problème.
Bien cordialement,