Chargement et remplacement de données

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous je suis confronté a un petit problème dans mon script jquery. Je cherche à copier un élément de ma page pour l'injecter dans un div plus bas dans ma page, et ensuite juste remplacer le contenu du div cible.

lorsque je clique la première fois tout se passe bien le contenu est bien charger et la taille est bien modifiée en fonction du contenu et le pied de page descend. Cependant lorsque je clic sur un autre event il ne me remplace pas le contenu mais me l'ajoute au dessus du premier...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <script type="text/javascript"> var x = 0; $(document).ready(function() { if ( x == 0 ){ $(".event").click(function() { $(this.children).clone().prependTo("#cible"); var x = 1 ; }); } else { $(".event").click(function() { $("#cible".children).replaceWith(this.children); }); } }); </script>
j'ai ajouter le fichier complet en fin de page.

auriez vous une idée d'ou le problème peux t'il venir ?
Merci d'avance pour votre aide.

hum j'ai trouver pourquoi mon if ne fonctionnait pas
j'en suis donc à

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
var x = (4 < 8);
$(document).ready(function() {
	$(".event").click(function() {
		if (x){
			$(this.children).clone().prependTo("#cible");
			x = (4 > 8)
		}
		else {
			$("#cible".children).replaceWith(this.children);			
			}
	});
});
</script>

et c'est dont le code de remplacement qui n'est pas correct

13/11/2012, 13h45
Bovino

Code:

$("#cible".children)

Ca veut rien dire ça... :koi:

j'ai réussis a faire ce que je voulais. Mais il me reste un bug...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript"> var x = (4 < 8); $(document).ready(function() { $(".event").click(function() { if (x){ $(this.children).clone().prependTo("#cible"); x = (4 > 8) } else { $("#cible p").replaceWith(this.children); } }); }); </script>
lorsque je clique plusieurs fois sur le même élément il efface le contenu de mon div cible et plus moyen de recharger un autre éléments dans le div cible.

13/11/2012, 14h05
Bovino

Code:

var x = (4 < 8);

C'est quoi l'intérêt de cette ligne ? :koi:

Code:

var x = true;

te semblait trop compliqué ? :aie:

Code:

$("#cible p").replaceWith(this.children);

Si this.children ne contient pas de balise <p>, dans ce cas, $("#cible p") ne renverra aucun élément et donc tu ne peux effectivement plus faire de remplacement !

1 pièce(s) jointe(s)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
 
<script type="text/javascript">
var x = true;
$(document).ready(function() {
	$(".event").click(function() {
		if (x){
			$(this.children).clone().prependTo("#cible");
			x = false
		}
		else {
			$("#cible p").replaceWith(this.children);
 
			}
	});
});
</script>

Code:

1
2
3
4
5
6
7
8
 
 
<div class="event"><p>1 Aenean felis orci, tempor nec blandit</p></div>
<div class="event"><p>2 Aenean felis orci, tempor nec blandit</p></div>
<div class="event"><p>3 Aenean felis orci, tempor nec blandit</p></div>
<div class="event"><p>4 Aenean felis orci, tempor nec blandit</p></div>
 
<div id="cible"></div>

le contenu de this.children est bien un <p> cela fonctionne bien pour le premier chargement et les suivant sauf si je clic sur le même bloc deux fois de suite...

Bonsoir

La méthode clone() permet de faire une copie. Remplacer votre code par :
Code:

1 2 3 $( ".event" ).on( "click", function(){ $( "#cible" ).html( $( this ).children().clone( true, true ) ); });

15/11/2012, 10h28
Eisen

Super merci c'est exactement ce que je cherchais a faire.