IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

récuperer le style d'origine d'un element


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2007
    Messages : 7
    Par défaut récuperer le style d'origine d'un element
    Bonjour,

    Je souhaiterais récupérer la valeur d'origine du backgroundColor d'un element, c'est a dire la couleur donnée par feuille de style, avant toute modification dynamique.

    J'ai donc utilisé la fonction getAttribute().

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    element.getAttribute("backgroundColor","false")
    Sous Firefox, pas de problème.

    Par contre, avec IE, ca retourne null.


    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    bref tu veux le contenu du css ...

    soit en parsant le cssText
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    element.cssText.split("backgroundColor:")[1].split(';')[0]
    soit dasn les feuilles de style:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    var st=document.styleSheets[0];
    var ru=st.rules?st.rules:st.cssRules;
    var Classe=(ru[0].selectorText) 
    var Props= (ru[0].style.cssText) // retourne le contenu des {}
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juin 2007
    Messages : 7
    Par défaut
    Merci beaucoup

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment créer un long décors en dessin style rayman origins ?
    Par manasamoht dans le forum API graphiques
    Réponses: 17
    Dernier message: 29/08/2014, 13h52
  2. Copier des Range avec les styles d'origine
    Par Viel' barque antique dans le forum VBA Word
    Réponses: 3
    Dernier message: 15/08/2009, 19h38
  3. changer le style d'un element
    Par localhost dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/02/2006, 14h03
  4. Etat du style d'un element de ma page web
    Par eja1968 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 03/11/2005, 15h43
  5. comment récupere des element par le nom de la balise?
    Par MASSAKA dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 21/08/2005, 19h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo