AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 05 22:29:19
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

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


Information sur la source

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 273 / 161
Auteur : MaX3315 Site perso
Ecrire un message privé
Ce membre participe au partage de revenus publicitaires
Note :
Aucune note
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

Pour les "Membres Club", vous pouvez 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/.

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 background-position-x + ie6 + jquery [ par sn4ch ] Bonjour a tous, Aider moi a survivre au week-end: J'ai un site, a base de css et de jquery - http://www.thegraphicdesignschool.eu - qui fonctionne a


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version


Console Nintendo DSi Blanche
Entre 160€ et 170€


Visiter le guide achat

Photothèque Nouveau !

Photo sitges beachPhoto friends
Photo femme, plage, bien être, soleil, vacances, été, détente, reposPhoto 3D rendering of an architecture model 5

Visiter la photothèque


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
Temps d'éxécution de la page : 0,718 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.