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 :

Attribuer une feuille de style CSS à un objet crée dynamiquement


Sujet :

JavaScript

  1. #1
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut Attribuer une feuille de style CSS à un objet crée dynamiquement
    Je crée un DIV dynamiquement mais j'ignore comment lui attribuer un CSS.
    Comment fait-on ?
    Most Valued Pas mvp

  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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    mpnNouvelObj.className='nomdeclasse'
    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 éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    Non, ça ne marche pas.
    Je pense que l'attribut "class" doit être spécifiquement crée, mais encore faut-il savoir comment le faire.
    Most Valued Pas mvp

  4. #4
    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 637
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 637
    Points : 66 661
    Points
    66 661
    Billets dans le blog
    1
    Par défaut
    testé et approuvé ...
    fais plutot voir ton code ...
    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 !

  5. #5
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    .opacity80 {
    	filter: alpha(opacity=80);
    	moz-opacity: 0.8;
    	opacity: 0.8;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    [...]
    	var divClone = document.createElement("div");
    	for(x in divObj.childNodes) {
    		var child = divObj.childNodes[x];
     
    		if (child.nodeType == Node.ELEMENT_NODE) {
    			divClone.appendChild(child.cloneNode(true));
    		}
     
    		if (child.nodeType == Node.TEXT_NODE) {
    			divClone.appendChild(document.createTextNode(child.data));
    		}
    	}
    	divClone.className = "opacity80";
     
    	document.body.appendChild(divClone);
    	divClone.style.position = "absolute";
    [...]
    Et si vous avez un doute sur mon utilisation de Node :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
     
    function INodeAdapter() {
    	this.ELEMENT_NODE                   = 1;
    	this.ATTRIBUTE_NODE                 = 2;
    	this.TEXT_NODE                      = 3;
    	this.CDATA_SECTION_NODE             = 4;
    	this.ENTITY_REFERENCE_NODE          = 5;
    	this.ENTITY_NODE                    = 6;
    	this.PROCESSING_INSTRUCTION_NODE    = 7;
    	this.COMMENT_NODE                   = 8;
    	this.DOCUMENT_NODE                  = 9;
    	this.DOCUMENT_TYPE_NODE             = 10;
    	this.DOCUMENT_FRAGMENT_NODE         = 11;
    	this.NOTATION_NODE                  = 12;
    }
     
    try {
    	Node = Node;
    }
    catch(e) {
    	Node = new INodeAdapter();
    }
    Most Valued Pas mvp

  6. #6
    Membre éprouvé

    Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 448
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 448
    Points : 1 234
    Points
    1 234
    Par défaut
    En fait oui, className fonctionne très bien, d'ailleurs c'est ce que j'utilisais lpusieurs lignes plus bas et qui écrassait la valeur "opacity80" que je croyais ne pas arriver à mettre ^^'
    Most Valued Pas mvp

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

Discussions similaires

  1. Réponses: 10
    Dernier message: 09/04/2015, 19h17
  2. [DW8] Créer une feuille de style CSS ?
    Par Lau2Marseille dans le forum Dreamweaver
    Réponses: 4
    Dernier message: 04/06/2008, 20h29
  3. Ajouter une feuille de style CSS
    Par FremyCompany dans le forum Contribuez
    Réponses: 6
    Dernier message: 07/03/2008, 17h27
  4. Réponses: 4
    Dernier message: 11/12/2007, 14h50
  5. [CSS] Commentaires dans une feuille de style CSS
    Par mullger dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/05/2006, 13h44

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