Comment faire popur actualiser le contenu d'un div?

Version imprimable

13/09/2007, 19h21
Ministar

Comment faire popur actualiser le contenu d'un div?

Bonsoir!
J'aimerais, lorsque l'utilisateur saisie "0" dans un champs de formulaire qu'un div (appelons le nomdiv :p) soit complété par la valeur "zéro".
Idem, si l'utilisateur saisie 5 que le div recoit "cinq"
Vous avez une idée?
Merci!
ps : j'ai juste besoin d'afficher "zéro" ou "cinq", c'est pour faire un test :p
13/09/2007, 19h50
kohsaka

hum essaye avec ca :
http://javascript.developpez.com/faq...nt#appuiTouche

et ca pour le mettre dans ton div :

coté javascript

Code:

document.getElementById('bloc').innerHTML= var;

coté html

Code:

<p ID="bloc"></p>
13/09/2007, 19h55
Ministar

Ca me parait un peu compliquer, j'ai trouvé une solution mais ca parait simple comparait à ce que tu me montre 8O

Code:

<div><script type="text/javascript">document.write(donnee);</script></div>

donnee est la variable qui contient "zero" ou "cinq"
13/09/2007, 20h06
kohsaka

peut être, je ne suis pas un pro en javascript je débute aussi, j'ai juste tenté de t'aider avec mes connaissances.
si tu as trouvé plus simple, tant mieux ;)
13/09/2007, 20h41
Ministar

Merci quand même!! :P
13/09/2007, 21h25
Ministar

J'ai pas mal progressé depuis tout à l'heure.
En fait mon but est d'actualiser le contenu d'un div toutes les 10 secondes avec des infos se trouvant dans ma base de donnée.

J'ai réussi à récupérer les informations de ma base de donnée, cela se fait lorsque l'on clique sur un lien.

J'aimerais maintenant que ce div s'actualise toutes les 10 secondes, comment faire? :roll:

J'ai réussis à actuliser mon div toutes les 5 secondes, ca marche bien sous firefox par contre sous ie6 il n'y a aucune actualisation, la je ne sais pas su tout comment faire!! :cry:

Mon code pour afficher le contenue du div :

Code:

1
2
3
4
<body onload="affichermessage('./affichermessagechat.php','mondiv');initialiserchrono();calculerchrono();">
<script type="text/javascript" src="script.js"></script>
<div id="chrono"></div>
<div id="mondiv" onchange="initialiserchrono();calculerchrono();"></div>

Le fichier javascript qui fait intervenir de l'AJAX :

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
49
50
51
52
53
54
55
56
57
58
59
function affichermessage(url,cadre) {
  var XHR = null;
 
   var XHR=null;
  if(window.XMLHttpRequest) // Firefox et autres
  XHR = new XMLHttpRequest();
  else if(window.ActiveXObject){ // Internet Explorer
    try {
      XHR = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        XHR = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e1) {
        XHR = null;
      }
    }
  }
  else { // XMLHttpRequest non supporté par le navigateur
    alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
  }
    // envoie de la requête, methode GET et de l'url
  XHR.open("GET",url, true);
 
    // on guette les changements d'état de l'objet
  XHR.onreadystatechange = function attente() {
 
    // l'état est à 4, requête reçu !
  if(XHR.readyState == 4)     {
 
    // ecriture de la réponse
  document.getElementById(cadre).innerHTML = XHR.responseText;
   }
  }
  XHR.send(null);    // le travail est terminé
  return;
}
 
var compteur = 0;
function calculerchrono()
{
  if(compteur!=50)
  {
    compteur++;
    document.getElementById('chrono').value=compteur;
    compte=setTimeout('calculerchrono()',100);
  }
  else
  {
    compteur=0;
    calculerchrono();
    affichermessage('./affichermessagechat.php','mondiv');
  }
}
 
function initialiserchrono()
{
  document.getElementById('chrono').value=0;
  return;
}

j'ai besoin d'aide svp!! :oops: