Salut tout le monde, je suis tout nouveau sur ce forum donc désolé si je me suis trompé de section ^^
je réalise actuellement un site, comme chaque site il y a un contenu, mais il y a aussi une div appelé "flash" (pour information flash), dans la base de donnée il peut y avoir une, deux... X flash et ce que je souhaiterais, c'est que toutes les flash s'affichent dans le coin "flash" a intervalle régulière
Problème : j'arrive a afficher les info flash avec une intervalle, MAIS je suis obligé de cliquer sur chaque info flash (j'ai fais une boucle foreach en php pour afficher leurs id) ce qui signifie qu'elles ne se chargent pas automatiquement, autre problème, l'intervalle n'est pas régulière, j'ai crus voir que si je fixais une intervalle de 8secondes, pour 3 flash disponible, 2 flash feraient leurs apparitions en 1secondes chacune et la dernière prendrait les 8secondes restantes. J'espère avoir été le plus clair possible en ce qui concerne le contexte ^^
Maintenant un peu de code :
Le code JS qui me permet de faire ce qui a déjà été réalisé :
La partie Flash qui me permet de réaliser l'affichage :
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 <script type="text/javascript" charset="UTF-8"> function getRequeteHttp(){ var xhr=null; if (window.XMLHttpRequest){ //navigateurs non MS xhr=new XMLHttpRequest(); } else if (window.ActiveXObject){ //versions de MS IE xhr=new ActiveXObject("Microsoft.XMLHTTP"); } else { alert("navigateur non comptatible Ajax..."); } return xhr; } function recevoirReponse(xhr){ if (xhr.readyState == 4 && xhr.status==200) { interval = setTimeout(function(){changeMessage(xhr.responseText)},10000); //setinterval } } function getFlash(idFlash){ var xhr = getRequeteHttp(); xhr.open("POST", "vues/v_chercherFlash.php", true); xhr.onreadystatechange = function(){ recevoirReponse(xhr); } xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send("idFlash="+ idFlash); } function changeMessage(xhr){ texte=xhr.split('/'); document.getElementById("libelle").innerHTML=texte[1]; document.getElementById("Contenu").innerHTML=texte[2]; document.getElementById("dateD").innerHTML=texte[3]; document.getElementById("dateF").innerHTML=texte[4]; } </script>
Code php : 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 <div id="flash"> <span id="dateD"></span> <span id="dateF"></span><br> <span id="libelle"></span><br> <span id="Contenu"></span><br> <?php $i = 1; foreach ($desFlash as $uneFlash) { $id = $uneFlash['id']; ?> <a href='#' onclick='getFlash(<?php echo $id; ?>)'><?php echo $i; ?></a> <?php $i++; } ?> </div>
Enfin, si ça peut aider, la partie qui fabrique la ligne flash :
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 require_once '../include/class.pdoamicales.inc.php'; $pdo = PdoAmicales::getPdoAmicales(); $idFlash = $_POST['idFlash']; $flash=$pdo->getLesFlash($idFlash); echo $flash[0]['id']; if (count($flash) != 0) { echo $flash[0]['id'] . "/" . $flash[0]['libelle'] . "/" . $flash[0]['contenu'] . "/" . $flash[0]['dateD'] . "/" . $flash[0]['dateF'] . "/"; }
j'avais réalisé une recherche sur le net, mais rien ne correspondant a mon cas précis,
je vous remercie d'avances pour vos réponses et désolé si j'ai mal utilisé les balises!
Partager