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 :

class CSS sur un createElement


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut class CSS sur un createElement
    Bonsoir,

    Je ne sais pas si c'est ici que je dois être ou dans le forum CSS, mais les 2 étant liés, il m'a fallu faire un choix.

    Dans un javascript, je fais :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    ligne = document.createElement('tr');
    	cell = document.createElement('td');
    	texte = document.createTextNode(document.getElementById('date').value);
    	cell.className = 't_cellg';
    	cell.appendChild (texte);
    	ligne.appendChild(cell);
    Mais ma class CSS ne s'applique pas.

    Y a une erreur c'est sûr, mais c'est où ?

    Merci d'avance.

  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,

    Code html : 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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
     
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    .t_cellg{
     background-color: #AAAAAA;
    }
     
    //-->
    </style>
     
    <script type="text/javascript">
    <!--
    function test()
    {
     ligne = document.getElementById("idTable").insertRow(1);
     
            cell = document.createElement('td');
            texte = document.createTextNode("test");
            cell.className = 't_cellg';
            cell.appendChild(texte);
     
            ligne.appendChild(cell);
    }
     
    //-->
    </script>
     
    </head>
     
    <body onload="test()">
    <table id="idTable" border="1">
      <tr>
        <td>&nbsp;
        </td>
      </tr>
    </table>
     
     
     
    </body>
     
    </html>

  3. #3
    Membre éprouvé Avatar de lodan
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    2 064
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2006
    Messages : 2 064
    Par défaut
    Merci c'est une excellente base.

    Je vais pouvoir faire ce que je veux.

    Merci encore

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

Discussions similaires

  1. CKEditor classe CSS par défaut sur les liens
    Par riware dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 06/10/2014, 13h36
  2. Réponses: 2
    Dernier message: 21/12/2010, 10h58
  3. [MooTools] Supprimer une classe CSS sur un évènement onclick
    Par titof90 dans le forum Bibliothèques & Frameworks
    Réponses: 2
    Dernier message: 24/04/2010, 02h27
  4. [HTML, CSS, JS] Clic sur une cellule d'un tableau pour changer sa class CSS
    Par Nyphel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 21/08/2007, 13h18
  5. Réponses: 14
    Dernier message: 17/03/2006, 19h45

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