"doublons" à l'exécution d'un load()

Version imprimable

26/02/2013, 16h06
Afeciouna

"doublons" à l'exécution d'un load()
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:

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:

$("#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:

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

Est tu sur que ce n'est pas ta page

Code:

index.php?site=portail #boutons

qui génère les doublons ... ???
26/02/2013, 16h28
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 ?
26/02/2013, 22h57
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.
27/02/2013, 10h20
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:

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

Code:

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

#bouton != #boutons

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

Code:

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é :ccool: