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 :

Appliquer un style CSS dans le javascript


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2013
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2013
    Messages : 27
    Par défaut Appliquer un style CSS dans le javascript
    Bonjour, j'ai un petit problème, je voudrais savoir si il est possible d'ajouter une "classe" CSS dans un objet javascript ?

    Je m'explique, j'ai un tableau contenant mes monstres, et je voudrais exemple faire ceci:

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    #mobEnForme{
    background-image:url(smiley.png);
    }

    Et le choisir dans mon javascript comme ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ensembleMob[0].style = mobEnForme// qui vient du CSS; // Cette syntaxe est fausse mais c'est pour montrer ce que je voudrais faire
    Car j'ai essayer ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ensembleMob[0].style.backgroundImage = "url('smiley.png')";
    Mais ceci ne fonctionne pas.

    Merci bonne journée.

  2. #2
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    bonjour,

    tout simplement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ensembleMob[0].className = "tonStyle"
    mais le code CSS doit être :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .mobEnForme 
    {
    background-image:url(smiley.png);
    }
    le nom doit commencer par un point (.), pas par un dièse (#).

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2013
    Messages
    27
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2013
    Messages : 27
    Par défaut
    D'accord merci beaucoup de la réponse rapide Bonne journée

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

Discussions similaires

  1. declarer un style css dans un actionscript
    Par sai_mo dans le forum Flex
    Réponses: 3
    Dernier message: 26/11/2009, 17h17
  2. Réponses: 10
    Dernier message: 15/10/2009, 09h43
  3. [CSS 2] Comment appliquer un style CSS dans du code php
    Par akiniva dans le forum Mise en page CSS
    Réponses: 15
    Dernier message: 26/08/2009, 18h49
  4. comment appliquer les style css à un mail
    Par mmz dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/09/2006, 17h19
  5. Comment appliquer un style CSS ?
    Par adameteve dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 10/03/2005, 21h52

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