11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je suis un peu gêné car j'ai effectuer des actions qui permettent d'ouvrir une popin dont le contenu se charge à l'aide d'une requête AJAX.

Dans ce contenu, il y a un lien appelant une nouvelle popin. Cette popin s'ouvre grâce à la même fonction JQuery qui ouvre la première.

Sauf que rien ne se passe pour la deuxième ouverture sous IE6 et7 (mais fonctionne sur tous les autres navigateurs).

Je pense donc qu'il s'agit d'un soucis avec le DOM, que ce qui n'existe pas au chargement de la page ne peut pas interagir ensuite avec toutes les fonctions JQuery (sous IE6&7).

Voici un bout de code qui vous permettra de m'aider :

Je détecte l'ouverture d'une popin :
//Popin - Open
	$j(".pop").live("click",function(e){
		e.preventDefault();
		var a = $j(this).attr("href");
		var b = $j(this).attr("data");
                $j(a).fadeIn();
		cboy.loadContent(a,b);
       });


je détecte le quel type de popin il s'agit et donc quoi mettre à l'intérieur :
cboy.loadContent = function(a,b){
if(container == "#product"){
			loadDiv(container,data);
		}
}


ensuite je fais mon appelle ajax qui va me créer le contenu que je vais mettre dans la popin à l'aide de :
temp += '<ul><li><a class="pop" data="allBags" href="#allBags" title="">Tous les sacs</a></li></ul>';
			$j("#menu-product").html(temp);


voilà, évidemment dans la fonction loadContent il y a un if(container == "#product"){...}
Si jamais quelqu'un peut m'éclairer sur ce problème, j'en serai ravi ^^