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 : Sélectionner tout - Visualiser dans une fenêtre à part
$("#Popup").animate({"width" : ""+largeur+"px"}, 300, function () {
Dans le code ci-dessous:

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
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("&nbsp;<img style='margin-bottom:-2px;' src='image_comm.png' alt='' />&nbsp;"+title+"&nbsp;&nbsp;");
$("#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