Remplir un élément HTML

**thecatz** · 07/02/2013, 15h15

Bonjour,

j'ai une question voici mon code de quelques lignes qui ne me retourne aucune erreur dans aucun navigateur mais qui pourtant ne fonctionne pas, j'ai vu sur ce forum qu'il exister des sites de debug javascript, je suis aller sur js bin et la mon code fonctionne parfaitement.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"> 
var prenom = "toto";
document.getElementById("affichage").innerHTML = prenom;
 
</script>
 
</head>
<body>
 
  <div id="affichage">test</div>
</body>
</html>

Si quelqu'un pourrait me dire où j'ai fais une bêtise ?

**vermine** · 07/02/2013, 15h20

Bonjour,

Par exemple le fait d'appeler et de mettre à jour un élément HTML avant que cet élément ne soit créé ?

**thecatz** · 07/02/2013, 15h48

ok je comprends mon erreur, cela fait référence a quel chapitre de la documentation javascript présent sur le forum ?

merci.

**thecatz** · 07/02/2013, 16h56

c'est bon j'ai fini par trouver :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
</head>
<body>
 
  <div id="affichage">test</div>
  <script type="text/javascript"> 
var prenom = "toto";
document.getElementById("affichage").innerHTML = prenom;
 
</script>
 
</body>
</html>

**thecatz** · 08/02/2013, 10h59

bonjour, en faite je reviens sur ce sujet, car je crois que je n'ai pas vraiment compris le fonctionnement, j'essaye maintenant de récupérer la valeur d'un text contenu dans un fichier txt : celui ci contient "hello".

Encore une fois je n'ai aucune erreur dans la console de chrome mais toujours rien ne s'affiche :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
<html>
<head>
		<script type='text/JavaScript'>
 
function maFonctionAjax()
{
   var MonAjax;
   if (window.XMLHttpRequest)
   {
      // Mozilla, Safari, ...
      MonAjax = new XMLHttpRequest();
   }
   else if (window.ActiveXObject)
   {  
      // IE
      MonAjax = new ActiveXObject('Microsoft.XMLHTTP');
   }
   else 
   {
      alert("Votre navigateur n'est pas adapté pour faire des requêtes AJAX..."); 
      MonAjax = false;
   }
 
   MonAjax.open('GET',"txt.txt",true); 
 
   MonAjax.onreadystatechange = function()
   {
      if (MonAjax.readyState == 4 && MonAjax.status == 200)
      {
         document.getElementById('ma_div').innerHTML = MonAjax.responseText;
 
	}
 
    }
	MonAjax.send(null);  
   }
 
		</script>
 
</head>
 
<body>
		<div id="ma_div"></div>
 
	</body>
 
</html>

**vermine** · 08/02/2013, 11h28

Ce n'est plus vraiment la même question même si le principe évoqué reste le même.

Ici, de toute façon, vous n'appelez pas votre fonction maFonctionAjax. Si vous ne l'appelez pas, il y a très peu de chance qu'elle se déclenche.

PS : si ça concerne des soucis purement AJAX, merci d'utiliser le forum AJAX. Là ça reste du JavaScript, on va dire, vu que c'est un simple appel de fonction.