Discussion :

[Afeciouna]

Bonjour à tous :-)
J'ai un petit problème qui me prend la tête depuis quelques jours et malgré le temps passé sur Google je n'arrive toujours pas à solutionner mon problème

Voila j'ai ce script qui me permet de rafraichir ma div "boutons"

Code :

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

1
2
3
4
function refresh_boutons(){
	$("#boutons").load('index.php?site=portail #boutons');
}
var auto_ref_btn = setInterval('refresh_boutons()', 15000);

Malheureusement lors du rafraichissement mes boutons s'affichent en double ... Je ne comprend pas ! J'ai essayer de rajouter

Code :

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

$("#bouton").empty();

un peu partout dans le code de mon script mais j'ai l'impression que sa ne fait rien ....
Est-ce qu'il y aurait un moyen pour éviter ce doublon ? Ou dois-je essayer un autre script pour rafraichir ma div ?


Code de ma div :

Code php :

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

1
2
3
4
5
<div id="boutons" style="margin-bottom:5px;"  > 
	<?php
	      include('vue/portail/boutons.php');
	?>
</div>

[SpaceFrog]

Est tu sur que ce n'est pas ta page

Code :

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

index.php?site=portail #boutons

qui génère les doublons ... ???

[Afeciouna]

Celà se pourrait bien car je me trouve sur la page index.php?site=portail

Je veux seulement "rafraichir" la div "boutons" toutes les 15 secondes ...

Comment pourrais-je faire ?

[danielhagnoul]

Bonsoir

Un ID doit être unique !

Vous chargez l'élément du DOM portant l'ID "boutons" dans un élément du DOM portant l'ID "boutons".

La solution est simple, modifiez l'un des ID.

[SpaceFrog]

Ha oui si il y a déja un id bouton sur la page et que tu en importes un dans le load ...

sinon autre bug

Code :

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

$("#bouton").empty();

Code :

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

$("#boutons").load('index.php?site=portail #boutons');

#bouton != #boutons

[Afeciouna]

J'ai résolu mon problème
C'est un peu barbare mais efficace

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script>
 
$(document).ready(function() {
	$("#boutons").load("vue/portail/boutons.php?demande=1");
var refreshId = setInterval(function() {
    $("#boutons").load('vue/portail/boutons.php?randval='+ Math.random());
 }, 15000);
$.ajaxSetup({ cache: false });
});
 
</script>

Voilou, merci à ceux qui m'ont aidé