Comment faire popur actualiser le contenu d'un div?

**Ministar** · 13/09/2007, 19h21

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

**kohsaka** · 13/09/2007, 19h50

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

et ca pour le mettre dans ton div :

coté javascript

Code :

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

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

coté html

Code :

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

<p ID="bloc"></p>

**Ministar** · 13/09/2007, 19h55

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

Code :

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

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

donnee est la variable qui contient "zero" ou "cinq"

**kohsaka** · 13/09/2007, 20h06

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

**Ministar** · 13/09/2007, 20h41

Merci quand même!!

**Ministar** · 13/09/2007, 21h25

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?

**Ministar** · 13/09/2007, 23h46

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!!

Mon code pour afficher le contenue du div :

Code :

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

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 :

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
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!!

Comment faire popur actualiser le contenu d'un div?

JavaScript

Discussions similaires

Partager

Partager