Object doesn't support avec IE8
Bonjour,
Le code suivant ne fonctionne pas avec IE7 et 8.
J'ai comme message d'erreur : Object doesn't support this property or method a la ligne 42 qui correspond a :
Code:
$("#Popup").animate({"width" : ""+largeur+"px"}, 300, function () {
Dans le code ci-dessous:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
| /*
LIGHTBOX TTM V0.2 PAR SKY
Auteur : Xavier FRACHOT
*/
$(document).ready(function() { /* Dès que le DOM est prêt */
$('a.lightbox').click(function() { /* Lorsque que l'on clique sur un lien "a" ayant comme class lightbox */
var typeElement = $(this).attr("rel"); /* On récupère avec attr() ce que contient l'attribut rel */
/* On va charger tout de suite le loader sans l'afficher */
$("#load").html("<img src='http://www.bonplanvoyage.com/ajax-loader.gif' alt='' />");
/* La on l'affiche avec un effet fade */
$("#load").fadeIn("fast");
/* Si rel="frame" */
if(typeElement == "frame"){
/* On récupère les infos des attributs title, name, et value */
var title = $(this).attr("title");
var ma_frame = $(this).attr("name");
var vars = $(this).attr("value");
/* Si value n'est pas défini on met des valeurs par défaut */
if(!vars ) {
var largeur = 1000;
var hauteur = 500;
}else{
/* sinon on split le champ value ce qui nous retourne un tableau avec deux éléments largeur et hauteur */
var mes_vars = vars.split('?');
var largeur = mes_vars[0];
var hauteur = mes_vars[1];
}
/* COMME POUR IMAGE CI DESSUS */
$("#load").fadeOut("fast");
$("#bgPopup").css({ "opacity": "0.8" });
$("#bgPopup").fadeIn("normal");
$("#Popup").animate({"width" : ""+largeur+"px"}, 300, function () {
$("#Popup").animate({"height" : ""+hauteur+"px"}, 300, function () {
popupcentre();
$("#my_logo").css({"width":""+largeur-50+"px"});
$("#my_logo").fadeIn("normal");
$("#my_logo").html(" <img style='margin-bottom:-2px;' src='image_comm.png' alt='' /> "+title+" ");
$("#Popup").fadeIn("normal");
$("#load").fadeOut("fast");
$("#contenu").fadeIn("normal");
/* SEUL ICI CHANGE, CHARGEMENT DU CONTENU FRAME DANS UNE IFRAME */
/* IFRAME AVEC UN overflow vertical , overflow horizontal caché */
$("#contenu").html("<iframe style='overflow-x:hidden;overflow-y:auto;' allowtransparency='true' src='"+ma_frame+"' width='"+largeur+"' height='"+hauteur+"' scrolling='yes' frameborder='0'></iframe>");
$("object").hide();
});
});
/* FIN DU SCRIPT SI REL EST FRAME */
}
/* FIN click(function... */
});
/* FERMETURE DE LA LIGHTBOX EN CLIQUANT SUR LE BACKGROUND */
$('#bgPopup').click(function() {
$("#bgPopup").fadeOut("normal");
$("#Popup").fadeOut("normal");
$("#my_logo").fadeOut("normal");
$("#contenu").hide();
/* On réaffiche les balises objects notemment pour les videos Youtube */
$("object").show();
});
/* FERMETURE DE LA LIGHTBOX EN CLIQUANT SUR LE BACKGROUND (X) */
$('#fermer').click(function() {
$("#bgPopup").fadeOut("normal");
$("#Popup").fadeOut("normal");
$("#my_logo").fadeOut("normal");
$("#contenu").hide();
$("object").show();
});
// CENTRAGE DE LA BOX
function popupcentre(){
var windowWidth = $(window).width();
var windowHeight = $(window).height();
var popupWidth = $("#Popup").width();
var popupHeight = $("#Popup").height();
var alih = windowWidth/2-popupWidth/2;
var alig = windowHeight/2-popupHeight/2;
$("#Popup").animate({"top":""+alig+"px", "left":""+alih+"px"}, 500, 'easeOutElastic');
// FIN CENTRAGE DE LA BOX
}
// FIN DOM READY
}); |
Quelqu'un a t-il une idee d'ou vient le probleme?
Merci de votre aide
