Bonjour,
Alors voila mon soucis, j'ai plusieurs div disposées en cercle auxquelles j'ai attribué un style css appelé "bulle".
Sur tout les navigateur (dont IE) lorsque je survol une div elle va au centre et change de taille. Parfait !
Le soucis est que lorsque je survol une autre div, j'aimerais que celle du centre reprenne sa place initiale (chose qui marche partout sauf IE).
Voici le code JS :
IE se comporte comme si il ne connaissait pas positionX et positionY. Une idée ? je sèche vraiment..
http://www.lileye.fr/fr/album.php pour l'aperçu
Merci d'avance !
Alors voila mon soucis, j'ai plusieurs div disposées en cercle auxquelles j'ai attribué un style css appelé "bulle".
Sur tout les navigateur (dont IE) lorsque je survol une div elle va au centre et change de taille. Parfait !
Le soucis est que lorsque je survol une autre div, j'aimerais que celle du centre reprenne sa place initiale (chose qui marche partout sauf IE).
Voici le code JS :
var infosAncienneBulle = new Array();
$(function() {
$(".bulle").mouseenter(function() {
survolBulle($(this));
});
});
function survolBulle(bulle) {
bulle.css({
"width": "300px",
"height": "300px",
"margin-top": "270px",
"margin-left": "335px"
});
bulle.unbind("mouseenter");
basculerBulles(bulle);
}
function basculerBulles(nouvelleBulle) {
if(infosAncienneBulle.length != 0) {
var bulle = $("#" + infosAncienneBulle[0]);
var positionY = infosAncienneBulle[1];
var positionX = infosAncienneBulle[2];
bulle.css({
"width": "100px",
"height": "100px",
"margin-top": positionY,
"margin-left": positionX
});
bulle.mouseenter(function() {
survolBulle($(this));
});
}
infosAncienneBulle[0] = nouvelleBulle.attr("id");
infosAncienneBulle[1] = nouvelleBulle.css("margin-top");
infosAncienneBulle[2] = nouvelleBulle.css("margin-left");
}
IE se comporte comme si il ne connaissait pas positionX et positionY. Une idée ? je sèche vraiment..
http://www.lileye.fr/fr/album.php pour l'aperçu
Merci d'avance !