[Résolu] [debutant] aide javascript

aide javascript [Résolu] [debutant] - HTML/CSS - Programmation

Marsh Posté le 29-07-2011 à 11:57:53    

Bonjour,
 
je suis en train d'écrire mon tout premier Javasctipt qui a pour but d'afficher des images dans une page et de les modifier toutes les 1 secondes.
 
Voici mon code :

Code :
  1. var x = setInterval("changerImage()", 1000);
  3. function changerImage() {
  4. if (this.i > 3) {
  5.  this.i = 1;
  6. }
  8. document.getElementById('idTest').innerHTML+="<b>"+ this.i +"</b><br>";
  10. //Ciblage du paragraphe
  11. var e = document.getElementById("idTest" );
  12. //Création de l'image
  13. var img = document.createElement("img" );
  14. //Source de l'image
  15. img.src = "imgJS/" + this.i + ".jpg";
  16. //Modifiaction du texte (noeud #text)
  17. e.firstChild.nodeValue ="1";
  18. //Ajout de l'image avant le texte
  19. e.replaceChild(img, e.firstChild);
  20. this.i++;
  21. }


 
Le problème c'est que ce script ne fonctionne que si je laisse la ligne

Code :
  1. document.getElementById('idTest').innerHTML+="<b>"+ this.i +"</b><br>";


 
Elle affiche le numéro de l'image quand celle-ci est affiché. Si je l'enlève, rien ne se passe...
 
Auriez-vous une idée d'où cela peut venir ?
 
Je vous en remercie déjà :)
Léo


Message édité par leo62 le 29-07-2011 à 14:25:59
Reply

Marsh Posté le 29-07-2011 à 11:57:53   

Reply

Marsh Posté le 29-07-2011 à 14:25:06    

Bon, je m'auto-réponds puisqu'on m'a filé la réponse sur un autre forum.
 
En fait cela vient du fait que ma balise est vide, il ne peut donc pas remplacer le 1er élément enfant, donc n'affiche pas les images, en mettant un simple espace dans ma div, ça fonctionne !! :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed