Changement de page

**Interface** · 29/11/2008, 11h58

Bonjour

J'aimerais savoir si en javascript c'est possible par exemple sur ma page index.php c'est possible de charger un nouveau calque à chaque 15 secondes.

par exmple : supposons que j'ai trois calques d'id différents:

Code :

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

1
2
3
<div> id="p1">éléments à afficher (informations dynamiques car provenant d'une base de donnée)</div> 
<div> id="p2">éléments à afficher (informations dynamiques car provenant d'une base de donnée)</div>
<div> id="p3">éléments à afficher (informations dynamiques car provenant d'une base de donnée)</div>

A chaque 15secondes on affiche un calque sans changer de page index.php.

Merci d'éclairer ma lanterne

**m.klaury** · 29/11/2008, 13h11

avec setTimeout() ça devrait être possible.

**Interface** · 29/11/2008, 13h34

merci pour la reponse et j'avoue que je vois pas trop comment l'utiliser mais je vais sur google pour en savoir plus.
Maintenant s'il ya plus d'éclaircissement ce serais cool

**Interface** · 29/11/2008, 14h38

Après recherche j'ai trouver que c'est setInterval() qui peut résorudre mon problème mais je bute sur la manière de l'utiliser. un exemple trouver :

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
<html>
<head>
<title>setInterval/clearInterval example</title>
 
<script type="text/javascript">
var intervalID;
 
function changeCouleur()
{
  intervalID = setInterval(flashText, 1000);
}
 
function flashText()
{
  var elem = document.getElementById("ma_boite");
  if (elem.style.color == 'red')
  {
    elem.style.color = 'blue';
  }
  else
  {
    elem.style.color = 'red';
  }
}
 
 
</script>
</head>
 
<body onload="changeCouleur();">
<div id="ma_boite">
<p>Salut tout le monde</p>
</div>
 
</body>
</html>

Ici c'est juste du texte qui est récharger moi c'est des calques que je veux charger. Alors je bute bcp sur le changement de code.

Si vous pouvez m'aider. merci

**Interface** · 29/11/2008, 17h05

C'est réglé merci encore à vous. pour ceux qui auront le même blème.

Code :

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

1
2
3
4
5
6
7
8
9
10
var calques = ["p1","p2","p3"];
var index = 0;
function calque()
{   
    for (var i in calques) {
         document.getElementById(calques[i]).style.display='none';
     }
     document.getElementById(calques[(index++)%calques.length]).style.display='block';
}
setInterval(calque,15000);

Bye

**Interface** · 29/11/2008, 18h03

oups je crois que j'ai trop vite crier victoire. parce que les différents calques étant dynamique le résultat ne fait pas en temps réel c'est à dire que lorsque la page se charge les requêtes à la BD se font une fois Alors les calques gardent la même information et n'interrogent plus la BD dc pa de résultat en temps réel.

Alors que le but c'est d'avoir un contenu dynamique.

Changement de page

JavaScript

Discussions similaires

Partager

Partager