Discussion :

[Eisen]

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 :

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
 
<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.

[Eisen]

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

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
 
<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

[Bovino]

Code :

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

$("#cible".children)

Ca veut rien dire ça...

[Eisen]

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

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
<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.

[Bovino]

Code :

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

var x = (4 < 8);

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

Code :

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

var x = true;

te semblait trop compliqué ?

Code :

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

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

[Eisen]

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

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

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...