vider une div avant load.

**zoutigo** · 28/07/2009, 09h35

Bonjour!
Je souhaite vider le contenu d'une div, avant de la recharger par un load. Car plusieurs liens chargent leurs contenu dans cette div, mais un à la fois.

voici mon code:

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
$(document).ready(function () {  
 
   var joueur = $("#joueur").val();
   var sport = $("#sport").val();
 
  $("a.pilote").livequery('click', function(event) { 
   var cate = $(this).attr("href");
   $("#ecran").empty();
   $("#ecran").load("ecranchoix.php?sport="+sport+"&joueur="+joueur+"&cate="+cate+"")
  $("#ecran").show();
 
    return false;
  });
 
});

Malheureusement, la div ne se vide pas, donc les pages s'entassent les une au dessus des autres. Quelqun aurait-il déjà eu ce problème?

**danielhagnoul** · 28/07/2009, 12h32

Bonjour zoutigo.

Dans l'exemple ci-dessous à chaque click sur le bouton je vide/charge une page HTML dans la div sans problème, $(this).load() agit comme $(this).html() ils se chargent de vider la division au préalable :

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
 
    <script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var i = 2;
 
            $("#btn").live('click', function(){
                    if (i > 6) i = 2;    //efface2.html à efface6.html
                    $("#ecran").load("efface" + (i++) + ".html");
            });
 
        });
    </script>
</head>
<body>
    <div id="conteneur">
        <button id="btn" type="button">Vide/Charge</button>
        <div id="ecran"></div>
    </div>
</body>
</html>

**zoutigo** · 29/07/2009, 14h59

c'est effectivement celà!
ça marche bien.
Merci!

vider une div avant load.

jQuery

Discussions similaires

Partager

Partager