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 :

[DEBUTANT][Javascript + CSS]Modification du background


Sujet :

JavaScript

  1. #1
    Membre averti

    Profil pro
    Chercheur en informatique
    Inscrit en
    novembre 2004
    Messages
    131
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Chercheur en informatique

    Informations forums :
    Inscription : novembre 2004
    Messages : 131
    Points : 394
    Points
    394
    Par défaut [DEBUTANT][Javascript + CSS]Modification du background
    Bonjour,

    Je voudrais modifier la couleur d'un fond lorsque le curseur passe dessus.

    Bon ca je sais faire avec javascript, mais je voudrais pouvoir modifier cette couleur dynamiquement, par exemple si l'utilisateur change de theme, la couleur de fond lorsque l'utilisateur passe le curseur sur le menu changera de gris a bleu.
    A la base je pensai le faire en mélangeant du javascript et une feuille de style, et dans mon javascript demandé le changement de classe de l'objet, mais il me semble que finalement c'est pas possible ?
    Donc ma question est, est ce qu'il est possible d'utiliser les feuilles de styles avec les javascript ?

    Et sinon est ce que vous avez des idées pour une autre manière de faire ??

    Merci beacoup d'avance

  2. #2
    Membre expert Avatar de KiLVaiDeN
    Profil pro
    Inscrit en
    octobre 2003
    Messages
    2 837
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2003
    Messages : 2 837
    Points : 3 394
    Points
    3 394
    Par défaut
    Je te conseille de faire une feuille de style par thème, et une feuille js, qui contiendra les couleurs.

    Par exemple, tu pourrais avoir quelque chose comme ça dans une des feuilles js pour un theme donné :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var theme_couleurfond="#HeBaBe";
    Et ensuite, dans ta page, au lieu de jouer sur une couleur "en dur" tu prendrais systématiquement la couleur du theme.

    L'inconvénient est qu'il faudra que tu répercutes les couleurs dans le css et le js. Il y a bien un moyen de récupérer la couleur d'un fond, ou celle d'un texte en js par rapport à un style, mais il faut faire référence à un objet, par exemple :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var theme_couleurfond = document.getElementById("unDiv").style.color;
    Je crois de tête que c'est ça. Mais c'est à mon avis trop complexe, et il vaut mieux définir une fois pour toutes tes couleurs dans les deux pages css et js.

    Je ne connais pas d'autres moyens de faire intéragir du css avec du js.

    Bonne chance
    K

  3. #3
    Membre averti

    Profil pro
    Chercheur en informatique
    Inscrit en
    novembre 2004
    Messages
    131
    Détails du profil
    Informations personnelles :
    Âge : 38
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Chercheur en informatique

    Informations forums :
    Inscription : novembre 2004
    Messages : 131
    Points : 394
    Points
    394
    Par défaut
    Ok merci beaucoup, je vais essayer ce que tu as dit

Discussions similaires

  1. [debutant][xsl][css] xsl + css
    Par fanchic29 dans le forum XSL/XSLT/XPATH
    Réponses: 10
    Dernier message: 16/04/2008, 19h31
  2. [HTML][CSS] modification dans champs de texte
    Par java_fun dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/09/2005, 15h12
  3. Récupérer une variable --> Javascript+CSS
    Par Skarlix dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 30/08/2005, 17h01
  4. [CSS] @media print & background-color
    Par denisC dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 11/05/2005, 10h21
  5. [DEBUTANT] Javascript et Html
    Par ebaynaud dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/10/2004, 14h53

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