Obtenir la couleur de fond visible d'un élément dhtml [getvisiblebackgroundcolor]

Description

Ce script a simplement pour but de déterminer la couleur de fond d'une élément dhtml, même si celle si n'est pas spécifiée.

Si l'élément n'a pas de couleur de fond spécifier, on recherche la couleur de fond de son conteneur... et ce, jusqu'à en trouver une, ou à arriver au niveau du conteneur principal : document.

Ce script va cherché les couleur de fond dans l'ordre suivant:
- déclaration de style : <tag style="backgroud-color:#ff0022;" >....
- héritage d'une feuille de style (feuille de style inline ou liée)
Cela va prendre en compte les déclarations #id TAG ou .classname
- via l'attribut bgColor

Le script respecte les règles de surcharge de CSS. Ainsi un élément ayant plusieurs déclaration de couleur de fond via css, seul la dernière applicable sera prise en compte.

Source / Exemple :


Source et explications détaillées :
-----------------------------------
http://codessources.votre-web.com/js/getVisibleBackgroundColor/index.php

Démonstration en ligne:
-----------------------
http://codessources.votre-web.com/js/getVisibleBackgroundColor/demo.htm

Conclusion :


Ce script a été tester sous IE6 et Firefox 1.0.7 [windows].
J'ai aucune idée du fonctionnement de ce sript sur Mac... si jamais qu'elqu'un pourrait testé.
Il fonctionne uniquement pour des mise en page de type inline/block etc...
Les mise en page avec uniquement des éléments flottants donnera des résultats qui auront toutes les chances d'être inccorecte, du fait que le parent dans le DOM ne sera pas nécessairement celui en dessous d'un element. Donc la couleur de fond d'un element ne sera pas celle de son parent.

Les commentaires dans le codes devrait permttre une adaptation aisé pour d'autre usage (récupération de la couleur d'avant plan par exemple...)

J'ai réalisé ce sript afin d'améliorer un autre de mes script qui coupe les contenu trop long en mettant trois petits points a ou le contenu est coupé. Ce nouveau script permettra de récupérer la couleur de fond et la couleur de texte à utiliser pour mes éléments mettant en scène les coupures (cf http://www.javascriptfr.com/code.aspx?ID=34109).

Codes Sources

A voir également

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.