Discussion :

[renard13]

Salut à tous,
J'ai un problème et après avoir écrit la condition sous différentes formes:
avec des if else if.... des ternaires, rajout de condition et etc
J'arrive à un fonctionnellement sous Firefox, safari et google.
Pour Ie et Opera, il rentre dans la condition suivante :
cible.currentStyle && cible.currentStyle !=='none'
alors que la valeur est égale à none !!!!
La fonction permet de déterminer la valeur de la propriété (passer en paramètre) pour l’élément cible (passer en paramètre).
Je regarde d'abord dans style sinon dans la feuille css sinon 0px par défault.

Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
value = function(property,cible){
	switch(property){
		case 'width': return {t : cible.offsetWidth, i : 'W'} ;
		case 'height': return {t : cible.offsetheight, i : 'H'};
		case 'max-width': var val = '0px';if(cible.style.maxWidth){alert('cible.style');val = cible.style.maxWidth;}else if(cible.currentStyle && cible.currentStyle !=='none'){val = cible.currentStyle.maxWidth;alert('currentStyle'+' '+val); }else if(getComputedStyle(cible,null).getPropertyValue('max-width') && getComputedStyle(cible,null).getPropertyValue('max-width') !=='none'){alert('getComputedStyle');val = getComputedStyle(cible,null).getPropertyValue('max-width');};return {t : val, i : 'W'} ;
		case 'top': return {t : myFonctions.getPos(cible).t, i : 'H'};
		case 'bottom': return {t : myFonctions.getPos(cible).b, i : 'H'};
		case 'left': return {t : myFonctions.getPos(cible).l, i : 'W'};
		case 'right': return {t : myFonctions.getPos(cible).r, i : 'W'};
	}
};
var tata = value('max-width',document.getElementById('cible3'));
alert(tata.t);

j'ai aussi essayé cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
value = function(property,cible){
	switch(property){
		case 'width': return {t : cible.offsetWidth, i : 'W'} ;
		case 'height': return {t : cible.offsetheight, i : 'H'};
		case 'max-width': var val = cible.style.maxWidth || cible.currentStyle.maxWidth || getComputedStyle(cible,null).getPropertyValue('max-width') || 0;return {t : val, i : 'W'} ;
		case 'max-height': return {t : cible.offsetWidth, i : 'W'} ;
		case 'top': return {t : myFonctions.getPos(cible).t, i : 'H'};
		case 'bottom': return {t : myFonctions.getPos(cible).b, i : 'H'};
		case 'left': return {t : myFonctions.getPos(cible).l, i : 'W'};
		case 'right': return {t : myFonctions.getPos(cible).r, i : 'W'};
	}
};

Ne marche pas non plus....

Merci de m'avoir lu et dans l'attente de vos lumiére.

[Kaamo]

alors que la valeur est égale à none !!!!

La valeur, oui. Mais le type ??

!= compare les valeurs
!== compare les valeurs et les types.

[renard13]

Salut,
Merci pour ta réponse. J'ai essayé les deux mais le résultat est le même, ils (opera et Ie) rentrent quand même dans la condition.

[Kaamo]

cible.currentStyle n'est donc pas égal à 'none'. Tu as essayé d'afficher ce qu'il contient ?

[renard13]

Oulalalalalalala quelle erreur bête....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
currentStyle.maxWidth !== 'none'

Alors que moi je tester currentStyle et afficher la valeur de currentStyle.maxWidth


Merci beaucoup, cela fait 3 h que je cherche et je suis passé à coté

merci beaucoup pour ton aide