Récupérer la couleur de fond d'une cellule de tableau transparente [Résolu]

[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 :

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]

Envoyé par Seb33300

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]

Envoyé par NoSmoking

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 :

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]

Envoyé par Seb33300

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.