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
    Nouveau membre du Club
    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
    Points : 32
    Points
    32
    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 éminent sénior
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 650
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 650
    Points : 11 142
    Points
    11 142
    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
    Nouveau membre du Club
    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
    Points : 32
    Points
    32
    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