Discussion :

[Seb33300]

Bonjour,

J'ai un tableau sur lequel je n'ai d�fini aucune couleur de fond.
Le tableau prend donc par d�faut la couleur de l'�l�ment parent qui n'est pas transparent.

Je cherche � d�terminer cette couleur en partant d'une cellule de ce tableau.
Est ce possible ?

Merci

[SpaceFrog]

une boucle sur le parent jusqu'a trouver une couleur ...

[Bovino]

getComputedStyle() et currentStyle ?

[javatwister]

mais pourquoi n'as-tu pas acc�s directement � la couleur de ce parent?

[Seb33300]

Pour ce qui est de currentStyle, j'ai l'impression que cette propri�t� ne fonctionne pas. Ou alors je l'utilise mal.


Pour r�cup�rer le bg color d'un �l�ment parent on fait bien :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('monelement').parrentNode.style.backgroundColor

?

mais pourquoi n'as-tu pas acc�s directement � la couleur de ce parent?

Je n'ai acc�s que au contenu d'une page. Et le design peut �tre chang� � volont�. Bien sur aucun css n'est identique et les design ne sont jamais structur� de la m�me fa�on.

[NoSmoking]

Pour ce qui est de currentStyle, j'ai l'impression que cette propri�t� ne fonctionne pas. Ou alors je l'utilise mal.

currentStyle pour IExplorer
et
getComputedStyle pour les W3C-ziens

document.getElementById('monelement').parrentNode.style.backgroundColor

plusieures remarques :
- il y a un r en trop.

- si c'est la TABLE qui poss�de le style un simple parentNode ne te fera remonter que jusqu'� la TR parente, il te faut donc remonter l'arbre jusqu'au parent ultime.

- style.backgroundColor ne te donnera une indication que si le style est plac� dans la balise, mais pas dans la feuille de style.

[Seb33300]

style.backgroundColor ne te donnera une indication que si le style est plac� dans la balise, mais pas dans la feuille de style.

Oui, pour �a je sais, mais par contre est ce que getComputedStyle / currentStyle me renvoie la valeur du style.backgroundColor si celui ci est d�finie ? Ou alors il renvoi uniquement la valeur du style d�finie dans les balises <style> et du coup, je suis oblig� de v�rifier au 2 endroits.

[NoSmoking]

currentStyle et getComputedStyle, sont ind�pendant de la position de la d�claration des attributs de style, balise ou feuille de style.

[Seb33300]

Voila un fonction qui semble fonctionner :

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
function recursiveBgColor(e){
	if(e.currentStyle){
		if
			(
				(e.currentStyle.backgroundColor == 'transparent')
				|| (e.currentStyle.backgroundColor == 'rgba(0, 0, 0, 0)')
				|| (e.currentStyle.backgroundColor == '')
			)
		{
			return recursiveBgColor(e.parentNode);
		}else{
			return e.currentStyle.backgroundColor;
		}
	}else if(window.getComputedStyle){
		if
			(
				(window.getComputedStyle(e, null).backgroundColor == 'transparent')
				|| (window.getComputedStyle(e, null).backgroundColor == 'rgba(0, 0, 0, 0)')
				|| (window.getComputedStyle(e, null).backgroundColor == '')
			)
		{
			return recursiveBgColor(e.parentNode);
		}else{
			return window.getComputedStyle(e, null).backgroundColor;
		}
	}
}

Par contre il y a un cas ou j'ai quelques soucis mais je ne sais as si je vais pouvoir y faire grand chose.
Lorsque le fond est une image...

[NoSmoking]

perso j'aurais fait une fonction getStyle et une fonction de recherche, ce qui permet effectivement de tester plusieurs cas possibles, comme ton cas de backgroundImage.

[Seb33300]

Le probl�me c'est qu'une image n'est pas forc�ment un fond de couleur unie...
Donc dans tous les cas je pourrais pas me baser sur une image.

Et si le th�me est bien fait, un couleur est aussi d�finie en m�me temps que l'image...

[NoSmoking]

Et si le th�me est bien fait, un couleur est aussi d�finie en m�me temps que l'image...

dans ce cas il faut faire avec les deux, c'est la moindre des choses.