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 :

css dans Javascript


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de zodd
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    276
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 276
    Par défaut css dans Javascript
    Bonjour,
    J'ai un script java script dans lequel j'essaie d'appeler un style css.. comme cela ( la problèmatique globale est décrite avec plus de précision dans le forum HTML) :

    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
    dans le *.css:
    #ton_nom{
    	background: url(IHMWebTx.JPG) no-repeat top left; /* image avec les voyants éteints */
    	width:300px; height:150px; /* taille de ton image de fond */
    	margin:0 auto; /* pour le centrage horizontal */
    	position:relative; /* pour qu'elle serve de référence au positionnement des images */
    }
     
    #system img {
      position:absolute;
      top:60px;
      visibility:hidden; /* cachée par défaut */
    }
     
    #l3 {
      position:relative;
      left:200px;
      visibility:visible; /* la led 3 est allumée */
    }
     
    dans le fichier "principal":
     
    <script type="text/javascript">
    function ConfigLed(val) {
    if(val)
    {
    	Led_image=new Image(104,102);
    	Led_image.src="Led.jpg";
    	document.write('<img src=\"'+Led_image.src+'\" alt=\"voyant 1\" width=\"20\" height=\"20\" id=\"l3\">');
    }
    else
    {
    	Led_image=new Image(104,102);
    	Led_image.src="Led3.jpg";
    	document.write('<img src=\"'+Led_image.src+'\" alt=\"voyant 1\" width=\"20\" height=\"20\" id=\"l3\">');
    }
    </script>

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Oui et ?

  3. #3
    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
    J'ai un script java script dans lequel j'essaie d'appeler un style css.. comme cela ( la problèmatique globale est décrite avec plus de précision dans le forum HTML) :
    quel sujet ? Ne mets pas ton bout de code JS dans le forum JS et ton code HTML dans le forum HTML. Chosis un forum et place tout ton code et dis nous ce qui ne va pas.

  4. #4
    Membre éclairé Avatar de zodd
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    276
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 276
    Par défaut
    désolé.. j'ai posté un peu rapidement.. et j'ai oublié de mettre la question.. ca va je ->..

    En fait tout ca pour dire que le style css n'est pas pris en compte qd il est placé ds mon script.. donc si vous avez une idée..

  5. #5
    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
    document.write ....

    colle la balise dans la page avec un display none, puis modifies dynamiquement le className ou le ccsText ou encore juste la propriété de style souhaitée , bascule ensuite le display à block ....
    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 !

  6. #6
    Membre éclairé Avatar de zodd
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    276
    Détails du profil
    Informations personnelles :
    Âge : 46
    Localisation : France

    Informations forums :
    Inscription : Septembre 2005
    Messages : 276
    Par défaut
    heu..je suis un newbie dans le domaine.. un exemple m'aiderai beaucoup.. même si c'est peut etre en contradiction avec ta signature..

Discussions similaires

  1. Réponses: 1
    Dernier message: 17/03/2010, 17h59
  2. Lien vers css et javascript dans xslt
    Par BigBarbare dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 03/06/2008, 15h43
  3. Réponses: 2
    Dernier message: 22/08/2007, 09h55
  4. Réponses: 1
    Dernier message: 21/08/2007, 17h44
  5. Erreur CSS dans Javascript
    Par Are-no dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/08/2006, 15h04

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