[DOM] Insertion de texte dans un div (innerHTML)

**jeremdu94** · 15/02/2009, 19h27

Bonjour,

Je suis un tout débutant donc je ne connais pas tout et même pas grand chose.

J'ai un div dans ma page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="barre">&nbsp;</div>

Il est pré formaté avec une feuille de style.

Et donc avec une fonction que j'ai écrite qui est un booléen je voudrais que dans mon div s'affiche soit un message, soit l'autre mais je ne parvient pas à changer son contenu en fait...

Voilà ce que j'essaye:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("barre").innerHTML = "TEST TEST";

Je ne sais pas si c'est bon, surement que non puisque ca ne fonctionne pas ( rien de s'affiche jamais dans le div).

Là il est dans mon fichier .js directement (pas dans une fonction) car c'est la première fois que j'essaye de faire ca donc j'y vais pas à pas.

Donc, je ne vois pas mon erreur.. Peut-être que j'utilise mal innerHTML ?

Sauf que la console d'erreur de Firefox me renvoit:

Erreur*: document.getElementById("barre") is null

Moi ce que je comprends c'est qu'il n'y a rien dans mon div, donc j'ai mis un   et même du texte mais ca ne change rien donc je ne sais pas ..

C'est surement simple mais bon là je sèche et Google n'est pas mon amis sur ce coup on dirait

Merci beaucoup si vous m'aidez
Cdlt

**dragonno** · 15/02/2009, 19h40

Salut^^
Essaie avec : 'barre'
Même s'il n'y a rien dans ton div ça ne doit pas faire d'erreur un appel juste.

Que je suis nul, j'avais oublié le principal^^
Le pc lit les instructions une par une

Donc il charge ton fichier javascript ok ^^ mais à ce moment-là il ne connait pas ce que représente "barre" puisque il n'a pas encore chargé le reste de la page^^
par contre si tu appelle le div juste aprés que le pc en a eu connaissance ça marchera^^

**jeremdu94** · 15/02/2009, 19h46

Bonsoir,

Merci pour ta réponse!

Alors avec les simples quote ca fait pareil.

Et sinon j'ai fait comme ceci dans mon <head></head>:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="scripts/script.js"></script>

C'est bon? c'était de ça que tu parlais?

Merci!

EDIT: Comment faire pour appeler le div juste apres? :S
Je le met dans une fonction?

**dragonno** · 15/02/2009, 19h49

UP on s'est croisé^^

Relis-moi

**jeremdu94** · 15/02/2009, 20h40

Re,

J'ai bien relu ton édition mais je ne vois pas comment appeler le fichier de mes scripts après la page puisque c'est dans le head?
Il faut le mettre dans une fonction? qui se chargera en mémoire et comme ca quand on l'exécutera le div sera chargé?

J'ai un peu de mal là ...

PS: je ferais attention à mes nom de fichiers JS

Merci !!

**dragonno** · 15/02/2009, 21h57

Tu as deux possibilités :

Soit tu place ton script directement dans la page, apres le div au lieu de le mettre dans le head.

Soit tu le laisse dans une page javascript mais alors tu le met dans une fonction que tu appelle à partir d'un script dans le body après le div ou bien à partir de n'importe quel évennement Onclick=" " de ta page.
par exemple avec un bouton ca ferait :

Dans ton fichier JS tu met ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function test()
{
if (document.getElementById)
  {
  document.getElementById("barre").innerHTML="Chui là !!!";
  }
}

La page HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<Body>
<div id="barre"></div>
 
<input type="button" value="tester" onclick="test()">
 
</body>

Mais en gros ta compris le truc du javascript ^^ il execute que les codes et valeurs qu'il a chargé en mémoire déjà et donc qu'il connaît.

[DOM] Insertion de texte dans un div (innerHTML)

JavaScript

Vue hybride

Discussions similaires

Partager

Partager