Discussion :

[artenis]

Bonjour,

j'ai un probleme d'utlisation de empty() et append():

j'ai une carte geographique, dessus: des points indiquant des lieux, à la droite de la carte j'ai deux blocs :1) texte, 2) gg maps.
Ainsi lorsque je clique sur l'un d'entre eux (points) je voudrais que jquery efface (vide) d'abord ce qui est contenu dans les blocs afin d'y ajouter un nouveau contenu (lieux geographique). et ce pour chaque point de ma carte.

voici mon code qui ne marche pas: (j'ai bien tenté 5 à 6 scenarios de syntaxe mais aucun ne marche.

Code :

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

$('#point-localisation-VER').click(function(){	$('.zone').empty().show(); $('#local-VER,#gg-VER').show();});

la classe "zone" est la div qui contient tout les id de type "local-lieux geographique" et "gg-lieux geographique"

[SpaceFrog]

Il nous eût été utile de voir le htlm associé afin de voir sur quelle structure su travaille ...

[artenis]

Bonjour SpaceFrog, désolé je pensais que seul mon jquery avait un probleme de syntaxe ou fonction:

voici le html:

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
<div id="carte">
 
                	<div id="point-localisation-VER" class="point" ></div>
                    <div id="point-localisation-SQY" class="point" ></div>
                    <div id="point-localisation-VEL" class="point"></div>
                    <div id="point-localisation-LCSC" class="point" ></div>
                    <div id="point-localisation-SG" class="point"></div>
                    <div id="point-localisation-C" class="point"></div>
                    <div id="point-localisation-ML" class="point"></div>
                    <div id="point-localisation-S" class="point" ></div>
                    <div id="point-localisation-M" class="point"></div>
                    <div id="point-localisation-B" class="point"></div>
                    <div id="point-localisation-JJ" class="point" ></div>
 
                </div>
                <div id="info-localisation">
                <?php  include('Adresse.php'); ?>
                </div>
                <div id="info-sup">
                 <?php  include('Googlemaps.php'); ?>
                </div>

la page Adresse.php:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div class="zone">
    <div id="local-VER">
        <?php query_posts('p=329'); while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
        <?php endwhile; ?>
    </div>
 
    <div id="local-SQY">
 
    </div>
etc.....
</div>

la page Googlemaps.php:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="zone">
    <div id="gg-VER">
            <?php query_posts('p=333'); while (have_posts()) : the_post(); ?>
            <?php the_content(); ?>
            <?php endwhile; ?>
    </div>
    <div id="gg-SQY">
            <?php query_posts('p=321'); while (have_posts()) : the_post(); ?>
            <?php the_content(); ?>
            <?php endwhile; ?>
    </div>
etc.....
</div>

[Bovino]

je pensais que seul mon jquery avait un probleme

Oui, il y en a déjà un...
D'après ton titre :

utilisation .empty() et append()

Mais dans ton code

Code :

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

$('.zone').empty().show();

point de trace de .append()... alors du coup, vouloir faire apparaitre un élément que tu viens de vider, c'est un peu ballot !

[artenis]

ok, j'ai bugger dans mon message, j'ai fait tellement de tests qu'au final je vous expose mal les éléments de mon probleme:

Voici mon script qui ne marche pas

Code :

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

$('#point-localisation-VER').click(function(){$('.zone').empty().append(); $('#local-VER,#gg-VER').show();});

a présent pouvez-vous me guider vers la bonne syntaxe pour effectuer ma fonction : effacer un contenu puis en afficher un autre lors d'un clique ?
1ere question

j'ai egalement essayé ceci: (en vain)

Code :

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

$('#point-localisation-VER').click(function(){$('.zone').empty().append(function(){ $('#local-VER,#gg-VER').show();});});

Code :

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

$('#point-localisation-VER').click(function(){$('.zone').empty().prepend(function(){ $('#local-VER,#gg-VER').show();});});

merci par avance pour votre aide
Personne ne peut m'aider ?