Problème IE JS

27 mai 2010, 03:00

Bonjour,

J'ai un problème sur deux lignes (les deux, pas seulement une seule) avec IE (mais sous Firefox et Opéra ça marche !) :

Code : Tout sélectionner

objet.css({position:'absolute',left: (largeur/2 - contact_largeur/2) + 'px',top: (hauteur/2 - contact_hauteur/2) + 'px','z-index':'1000'});
	$('#fond').css({position:'absolute',top:'0px',left:'0px',width: largeur + 'px',height: hauteur2 + 'px',backgroundColor:'#000000'});

D'autant que : $(this).children('a').css({padding: mmm + 'px 12px'}); fonctionne (plus haut dans mon code.

Pour l'environnement, voici la fonction :

Code : Tout sélectionner

function reactualiser_fenetre (objet) {

var largeur = $(window).width() + window.scrollX*2;
var hauteur = $(window).height() + window.scrollY*2;
var contact_largeur = objet.width();
var contact_hauteur = objet.height();
objet.css({position:'absolute',left: (largeur/2 - contact_largeur/2) + 'px',top: (hauteur/2 - contact_hauteur/2) + 'px','z-index':'1000'});
var hauteur2 = $('body').height();
$('#fond').css({position:'absolute',top:'0px',left:'0px',width: largeur + 'px',height: hauteur2 + 'px',backgroundColor:'#000000'});					
return objet;
}

Quelqu'un a-t-il une idée ??? Merci

27 mai 2010, 04:19

slt ::

t'as testé :
[javascript]objet.css({position:'absolute',left: ((largeur - contact_largeur)/2) + 'px',top: ((hauteur - contact_hauteur)/2) + 'px','z-index':'1000'});
$('#fond').css({position:'absolute',top:'0px',left:'0px',width: largeur + 'px',height: hauteur2 + 'px',backgroundColor:'#000000'}); [/javascript]

sinon, tu peux aussi mettre un try :
[javascript]function reactualiser_fenetre (objet) {

try{
var largeur = $(window).width() + window.scrollX*2;
var hauteur = $(window).height() + window.scrollY*2;
var contact_largeur = objet.width();
var contact_hauteur = objet.height();
objet.css({position:'absolute',left: (largeur/2 - contact_largeur/2) + 'px',top: (hauteur/2 - contact_hauteur/2) + 'px','z-index':'1000'});
var hauteur2 = $('body').height();
$('#fond').css({position:'absolute',top:'0px',left:'0px',width: largeur + 'px',height: hauteur2 + 'px',backgroundColor:'#000000'});
} catch(e){alert(e);}
return objet;
}[/javascript]

@+

27 mai 2010, 12:48

Le try je l'utilise des fois mais là c'est très important qu'il y arrive. C'est une fenêtre et elle se place au milieu de la page. Alors, si seulement elle ne se mettait pas pile poil au milieu ... mais là non ... ! C'est pas la première fois que j'ai des problèmes avec IE sur des animate() mais là je vois pas pourquoi le deuxième ne fonctionne pas (le premier pourrait s'expliquer par les divisions etc). C'est très embêtant d'autant que le résultat est tout à fait ce que je cherchais ... !!!

Mon code entier :

Code : Tout sélectionner

						function reactualiser_fenetre (objet) {
						
						var largeur = $(window).width() + window.scrollX*2;
						var hauteur = $(window).height() + window.scrollY*2;
						var contact_largeur = objet.width();
						var contact_hauteur = objet.height();
						objet.css({position:'absolute',left: (largeur/2 - contact_largeur/2) + 'px',top: (hauteur/2 - contact_hauteur/2) + 'px','z-index':'1000'});
						var hauteur2 = $('body').height();
						$('#fond').css({position:'absolute',top:'0px',left:'0px',width: largeur + 'px',height: hauteur2 + 'px',backgroundColor:'#000000'});					
						return objet;
						}
						
						function fenetre (objet) {

						objet.css({opacity:'0'});
						if ($('#fond').is('div') == false) $(objet).before('<div id="fond" style="padding:0px;margin:0px;"></div>');
						$('#fond').css({opacity:'0'});
						reactualiser_fenetre (objet);
						objet.animate({opacity:'1'},2000);
						$('#fond').animate({opacity:'0.8'},2000);
						$(window).resize(function() {  reactualiser_fenetre (objet);});
						$(window).scroll(function() {  reactualiser_fenetre (objet);});

						$(window).keydown( function(event) {
						if (event.keyCode == '27') {
						$('#fond').remove();
						objet.remove();
						$(window).unbind('resize');
						$(window).unbind('scroll');
						$(window).unbind('keydown');
						}
						});
						
						return objet;

						}						
				
// ON CREE L'EVENEMENT DU FORMULAIRE DE CONTACT
				
						$('#modal_c').click(function() {
						$('body').append('<div id="contactme" style="padding:0px;margin:0px;width:400px;height:373px;background-image:url(inc/template/images/contact.png);background-repeat:no-repeat;overflow:hidden;"><div style="text-align:center;"><p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />En Construction</p></div></div>');
						fenetre($('#contactme'));
						return false;
						});

27 mai 2010, 14:53

Le problème vient de là :

var largeur = $(window).width() + window.scrollX*2;
var hauteur = $(window).height() + window.scrollY*2;

C'est un problème de typage. Il me renvoie NaN et en fait $(window).width() me renvoie une valeur. parseInt ne fonctionne pas là mais j'y travaille.

27 mai 2010, 15:01

var scrollXX = window.scrollX || document.body.parentNode.scrollLeft;
var scrollYY = window.scrollY || document.body.parentNode.scrollTop;
var largeur = $(window).width() + scrollXX*2;
var hauteur = $(window).height() + scrollYY*2;

est la solution ... Encore merci IE ...

Problème IE JS

Qui est en ligne