Remplir un élément HTML

Version imprimable

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:

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 ?

07/02/2013, 15h20
vermine

Bonjour,

Par exemple le fait d'appeler et de mettre à jour un élément HTML avant que cet élément ne soit créé ?
07/02/2013, 15h48
thecatz

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

merci.

c'est bon j'ai fini par trouver :

Code:

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>

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:

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>

08/02/2013, 11h28
vermine

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. :P

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.
08/02/2013, 11h33
thecatz

je ne comprends pas pourquoi il faudrait appelé la fonction maFonctionAjax() et comment le faire :) , vu que la variable var MonAjax; doit normalement retourner la valeur, contenu dans mon fichier txt. Désolé mais je but vraiment:mouarf:
08/02/2013, 11h45
vermine

http://leportailduweb.free.fr/xavier/smilie/hum.gif

Puis-je vous suggérer de lire des tutoriels pour débutant ? :)
08/02/2013, 12h36
thecatz

je viens juste de comprendre qu'il fallait rajouter maFonctionAjax() pour exécuter la fonction :)