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

Version imprimable

08/01/2011, 02h44
Seb33300

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

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
08/01/2011, 09h45
SpaceFrog

une boucle sur le parent jusqu'a trouver une couleur ...
08/01/2011, 10h48
Bovino

getComputedStyle() et currentStyle ?
08/01/2011, 12h14
javatwister

mais pourquoi n'as-tu pas accès directement à la couleur de ce parent? :roll:
08/01/2011, 14h42
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

?

Citation:

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.
08/01/2011, 16h38
NoSmoking

Citation:

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

Citation:

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.
08/01/2011, 16h59
Seb33300

Citation:

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.
08/01/2011, 17h38
NoSmoking

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

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...

08/01/2011, 18h01
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.
08/01/2011, 18h13
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...
08/01/2011, 18h20
NoSmoking

Citation:

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.