Discussion :

[bastien]

Bonjour,

J'ai créé une fonction pour récupérer la valeur de certains attributs de balises :

Code :

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

1
2
3
4
5
6
7
8
9
10
function getProperties(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
 
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

La fonction ne me retourne aucun valeur !

Par contre, si j'ajoute alert("essai"), le code devenant :

Code :

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

1
2
3
4
5
6
7
8
9
10
function getCSSProperty(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
alert("essai");
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

J'ai un retour de valeur !!!!!!

Pourquoi et comment contourner ce défaut de débogage ?

Merci

[Cacahuette]

Code :

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

1
2
3
4
5
6
7
8
9
10
function getProperties(sNodeId , styleProp) {
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
 
	if (oNode.currentStyle)
		var y = oNode.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	return y;
 
}

Dans le cas ou oNode.currentStyle==false et window.getComputedStyle==false, 'y' ne prend aucune valeur.

Et tu sur qu'au moins une de ces 2 conditions soit vrai ?
Lorsque tu met la fonction "alert", quelle valeur t'affiche t-il ?

Essai

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var y;
if (oNode.currentStyle){
	y = oNode.currentStyle[styleProp];
} else if (window.getComputedStyle) {
	y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
} else {
        y = 'une valeur';
}
 
return y;

[bastien]

Bonjour,

Absolument, je me suis rendu compte de ce manque. Cependant, il apparait que dans mon code global, une des deux voies est toujours adoptées.

Néanmoins, c'est vrai qu'il faut prévoir un aiguillage de secours en cas de mauvaises syntaxes de getProperties.

Par ailleurs, après avoir fouillé tout le week-end, ce matin, enfin , j'ai trouvé ma panne ou plutot celle du code !!

En fait, certains attributs ont un syntaxe particulière lors du passage du code CSS au code javascript !
C'est le cas de bakground-color en CSS et backgroundColor en javascript !

Ainsi Dans mon code global, j'appelle

Code :

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

 getProperties ('machin', 'background-color');

pour avoir la valeur de la propriété de couleur de fond alors que j'aurai dû l'appeller

Code :

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

 getProperties ('machin', 'backgroundColor');

Ainsi j'ai rajouté un morceau de code pour l'interprétation sous IE :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
    var oNode = (typeof sNodeId == "object")?sNodeId:document.getElementById(sNodeId);
 
	if (oNode.currentStyle){
		var y ;
		if(styleProp=="background-color") y=oNode.currentStyle["backgroundColor"];
		else y=oNode.currentStyle[styleProp];
		}
	else if (window.getComputedStyle)
	{
		var y = document.defaultView.getComputedStyle(oNode,null).getPropertyValue(styleProp);
	}
	return y;

Que de temps perdu pour des bétises de monopole de navigateur !!
Patience est réellement maitresse de toutes les vertues !!!
Merci

[SpaceFrog]

oui pour le DOM les propriété de style qui en css s'ecrivent avec un trait d'union s'écrivent sans trait d'union et avec une majuscule sur la caractère suivant le trait d'union supprimé

Code :

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

1
2
3
4
5
6
7
background-color => backgroundColor
margin-top       =>marginTop
border-bottom    => borderBottom
list-style-type  =>  listStyleType
Attention: 
float = > cssFloat pour FFX
          styleFloat pour IE