begin process at 2010 03 22 04:10:48
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs & Astuces

 > OBTENIR LA COULEUR DE FOND VISIBLE D'UN ÉLÉMENT DHTML [GETVISIBLEBACKGROUNDCOLOR]

OBTENIR LA COULEUR DE FOND VISIBLE D'UN ÉLÉMENT DHTML [GETVISIBLEBACKGROUNDCOLOR]


 Information sur la source

Note :
Aucune note
Catégorie :Trucs & Astuces Classé sous :background, color, get, calcule, css Niveau :Initié Date de création :08/11/2005 Date de mise à jour :22/11/2005 10:56:15 Vu / téléchargé :3 629 / 164
Auteur : MaX3315

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (0)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
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

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

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

08 novembre 2005 14:14:40 :
Ajouts d'une explication plus détaillés de ce que le script fait et arrive à interpréter.
22 novembre 2005 10:56:15 :
Mise en ligne d'une version de démonstration et d'explications détaillées sur mon site perso dédié à Codes Sources : http://codessources.votre-web.com/.

 Sources du même auteur

Source avec Zip Source avec une capture DESSINER DES LIGNES SUR VOTRE PAGE WEB
Source avec Zip Source avec une capture ONGLET À TABULATION MULTI BLOC
Source avec Zip SHOWMODALDIALOG POUR TOUS LES NAVIGATEURS MODERNES
Source avec Zip Source avec une capture AUTO SCROLLER DE NEWS
Source avec Zip Source avec une capture GÉNÉRATEUR DE CHAÎNE POUR LA FONCTION DATE() DE PHP4
Toutes les sources de MaX3315

 Sources de la même categorie

HTML_ENTITIES_DECODE par zen69
ACCÈS À LA MÉTHODE SETATTRIBUTE('STYLE','') SOUS IE6 par masternico
OUTIL DE SÉLECTION par jdmcreator
Source avec Zip SIMPLIFIER LA CREATION DYNAMIQUE D'ELEMENT HTML par kazma
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
Toutes les sources de la catégorie Trucs & Astuces

 Sources en rapport avec celle ci

MODIFIER SES FEUILLES DE STYLES .CSS À LA VOLÉE AVEC JAVASCR... par Phildepantin
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
DÉTECTER SI CSS EST ACTIVÉ par jdmcreator
POSITION 'FIXED' POUR LE BACKGROUND, FONCTIONNE SOUS IE par x_mec
Source avec Zip CHANGER LA COULEUR DE LA PAGE par glork

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Le hover en css marche pas sous IE? [ par Monico9385 ] Bonjour tout le monde! j'ai cr&#233;&#233; un menu tout simple en css, ou quand on passe la souris au dessus d'un div ca change la couleur. Voila mon limite de javascript [ par jnbdzjnbdz ] Bonjour voici le code qui me cose du trouble&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict urgent probleme de formulaire [ par tofismagic ] bonjour j&#233; un pti souci jarrive pa a associ&#233; un formulaire ki me permette d'entrer le nombre de ligne ke lon veu afficher pour mon triangle changement background 'un TD ? [ par caviar ] Saluté olala ... je vais me faire engueuler si un adepte du css lit ça ... mais en css ça passe pas ... alors je suis à l'ancienne sur ce coup ...j'ai Problèmme d'alignement de background avec css [ par mortiis ] Bonjour à tous,Je travaille présentement sur un site déjà existant et je doit faire en sorte qu'une image de fond soit alignée par rapport à une colon Menu glissant sous html ne fonctionne pas sous DOCTYPE XHTML [ par michof ] Bonjour,J'ai construit un petit menu glissant tout simple en CSS et javascript qui fonctionne très bien en HTML, mais sous XHTML il bloque. Le menu es [css]pas assez d'espace entre corps et banniere [ par pygo ] salut a tous,j'ai un petit soucis,je suis en train de construire une nouvelle version de mon site mais je n'ai pas assez d'espace entre le corps et la integrer image arriere plan dans menu CSS [ par ju0123456789 ] Bonjour,je viens de mettre en place un menu avec sous menu, et mon probleme est que je voudrais integrer une image d'arriere plan, mais soit ce n'est  Besoin d'aide... [ par Koppa ] Bonjour tout le monde.Voici mon problème j'ai trouvé un script qui permet de faire choisir au membre le thème de son choix avec forumactif. Vous conna Arriere-plan image changeante on refresh adaptee a l ecran du client [ par pearlp ] Bonsoir ! Voiala ca fais 5 jours que j'essaie de trouver un scripte qui me permetterai d avoir une nouvelle image arriere plan a chaque rafraichissem


Nos sponsors


Sondage...

Comparez les prix


iPod touch 3rd Generation (64 Go)
Entre 374€ et 379€

Visiter le guide achat

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,998 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)