vider une div avant load.

Version imprimable

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:

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?

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:

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>

29/07/2009, 13h59
zoutigo

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