Changement de page

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

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, 14h11

avec setTimeout() ça devrait être possible.

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

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, 15h38

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, 18h05

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, 19h03

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

Vue hybride

Discussions similaires

Partager

Partager