Discussion :

[LeHibou2]

Bonjour à tous,

Je bute sur un problème très con.

J'ai :

Code html :

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

1
2
3
<p id="clap">Click me</p>
<div id="madiv"></div>
<p id="changepourvoir">Changement</p>

Code :

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

1
2
3
4
5
6
7
8
9
var hypo = $("#madiv");
var probs =$("#laproblématique");
 
$("#clap").on("click",function(e){
 
$("#madiv").load("mapage2.html");
probs.animate({"left":"-200%"});
 
});

Et ma page 2 :

Code html :

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

1
2
<div id="div2"><p>Salut tout le monde</p></div>
<div id="laproblematique"><p>C'est moi qui pose problème</p></div>

Mon problème se situe au niveau de l'existence de la variable. En effet, elle n'apparaît qu'après l'appel ajax.

J'ai essayé :

Code :

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

1
2
3
$(document).on("load","laproblématique",function (r){
alert("coucou");
});

Sans succès... Il faut donc que je charge ma div externe et que je fasse bouger une sous div juste après son appel. Une idée ?

Merci à vous,

A bientôt.

[danielhagnoul]

Bonsoir

Code :

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

1
2
3
4
5
$( "#madiv" ).load( "mapage2.html", function(){
	$( "#laproblematique" )
		.css( "position", "relative" ) // indispensable pour l'animation
		.animate({ "left" : "-200%" });
});

[LeHibou2]

Bonjour Daniel,

Bien vu

Merci beaucoup,

A bientôt,

leHibou2