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 :

Manque de connaissance générale : code de style de classe javascript ou code de style en balise inopérant


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    81
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 81
    Par défaut Manque de connaissance générale : code de style de classe javascript ou code de style en balise inopérant
    bonsoir,
    pour faire un petit test, je cherche à utiliser ce code ultra simple dans un navigateur moderne (chrome firefox iexplorer)
    et il ne marche pas ...
    Pourriez vous eclairer ma lanterne ?
    merci d'avance
    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
    <HTML>
     
      <HEAD>
     
        <TITLE>title</TITLE>
     
        <LINK REL=STYLESHEET TYPE="text/Javascript"
     
          HREF="http://style.com/cool" TITLE="Cool">
     
        <STYLE TYPE="text/javascript">
     
          tags.H1.color = "blue"
     
        </STYLE>
     
      </HEAD>
     
      <BODY>
     
        <H1>Headline is blue</H1>
     
        <P STYLE="color = 'green'">While the paragraph is green.</P>
     
      </BODY>
     
    </HTML>

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Aie !

    Exemple :

    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
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    <!DOCTYPE html>
    <html lang="fr" dir="ltr">
    <head>
      <meta http-equiv="cache-control" content="public, max-age=60">
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1.0">
      <meta name="author" content="Daniel Hagnoul">
      <title>Test</title>
     
      <link href="https://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet">
     
      <!-- ??? http://style.com/cool ??? -->
      <!-- <link rel="stylesheet" href="http://chemin/fichier.css"> -->
     
      <style>
     
        h1 {
          color: blue;
        }
        .vert {
          color: green;
          font-family: 'Kaushan Script', cursive;
          font-size: 2rem;
        }
     
      </style>
    </head>
    <body>
     
      <h1>Un beau titre bleu</h1>
     
      <p class="vert">Un paragraphe vert qui deviendra rouge dans trois secondes.</p>
     
      <script>
     
        /*
         * Après 3 secondes, passe du vert au rouge
         */
        setTimeout( function(){
          document.querySelector( '.vert' ).style.color = 'red';
        }, 3000 ); // 3s
     
      </script>
    </body>
    </html>

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    Pour coder avec un langage, cela suppose d'utiliser une syntaxe spécifique ...

    tags ??? tu réinventes le javascript ?

    pour récupérer un element du DOM avec javascript il faut utiliser les méthodes disponibles en javascript ...

    document.getElementById
    document.getElementsByTagName
    document.querySelector
    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 !

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    <LINK REL=STYLESHEET TYPE="text/Javascript" HREF="http://style.com/cool" TITLE="Cool">
    peut être serait-il bon, également, de (re)prendre les bases

Discussions similaires

  1. Réponses: 9
    Dernier message: 26/06/2018, 21h35
  2. Manque de connaissances de Knockout
    Par NeoGeekette dans le forum Débuter
    Réponses: 0
    Dernier message: 14/08/2014, 13h53
  3. Réponses: 6
    Dernier message: 21/07/2008, 12h15
  4. changer style ou class par le code
    Par genetechno dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/07/2005, 10h12

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