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 :

G�n�rer du css avec du js


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre actif
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2013
    Messages
    72
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2013
    Messages : 72
    Par d�faut G�n�rer du css avec du js
    bonjour,

    je recherche un moyen de g�n�rer du code css avec du code js, le d�clenchement de ce code doit s'effectuer si la larguer de la de la fen�tre est inf�rieur a 400

    Code HTML : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <p <?php if($besoinCSS==1){ echo'<script type="text/javascript">
                        var largeur_fenetre = $(window).width();
                        if(largeur_fenetre<400){document.write(style=" margin-top: 40px;"}
                    </script>';})?> >
    je c'est que le code c'est pas.

  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 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
    regarde plutot du cot� de "media queries"
    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 actif
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2013
    Messages
    72
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2013
    Messages : 72
    Par d�faut
    si j'ai bien compris le code qui me faut:

    Code css : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    @media screen and (min-width: 400px) {
      #marge40px {
        magin-top:10px;
      }
    }

    Code php : S�lectionner tout - Visualiser dans une fen�tre � part
    <p <?php if($besoinCSS==1){ echo'id="marge40px"';}?> >

    mais j'ai pas bien compris comment utiliser le code media queries, c'est une librairie??, car je ne suis pas arriver a le faire fonctionner

  4. #4
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Rien ne te choque ?
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  5. #5
    Membre actif
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2013
    Messages
    72
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2013
    Messages : 72
    Par d�faut
    non rien me choque

  6. #6
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Tu ne connais pas la diff�rence entre un id et une class
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  7. #7
    R�dacteur

    Avatar de Bovino
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par d�faut
    Citation Envoy� par bjo393 Voir le message
    Code css : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    @media screen and (min-width: 400px) {
      #marge40px {
        magin-top:10px;
      }
    }
    Ah...
    Pas de question technique par MP !
    Tout le monde peut participer � developpez.com, vous avez une id�e, contactez-moi !
    Mes formations video2brain : La formation compl�te sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'int�gration de JSFiddle et CodePen sur le forum

  8. #8
    Membre actif
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2013
    Messages
    72
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2013
    Messages : 72
    Par d�faut
    de toute fa�on ces lignes n�existe plus
    Citation Envoy� par Bovino Voir le message
    Ah...
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <p <?php if($besoinCSS==1){ echo'<script type="text/javascript">
                        var largeur_fenetre = $(window).width();
                        if(largeur_fenetre<400){document.write(style="margin-top: 40px;"}
                    </script>';})?> >

  9. #9
    Membre exp�riment�
    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Juillet 2009
    Messages
    132
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - Op�rateur de t�l�communications

    Informations forums :
    Inscription : Juillet 2009
    Messages : 132
    Par d�faut
    Bonjour,

    As-tu regard� la console d'erreurs Javascript ? Parce que l� c'est bourr� de fautes de syntaxe. Il y a une parenth�se fermante mal plac�e, des guillemets pour encadrer le param�tre de document.write...

    Prends le temps de te relire attentivement, �a ira mieux.

Discussions similaires

  1. Probl�me CSS avec Firefox
    Par Bis�n�rs dans le forum Mise en page CSS
    R�ponses: 1
    Dernier message: 20/08/2005, 15h29
  2. [XML][DTD] G�n�rer un XML avec une DTD ?
    Par elitost dans le forum Valider
    R�ponses: 6
    Dernier message: 04/05/2005, 12h48
  3. [XSLT] G�n�rer un HTML avec du FO
    Par virgul dans le forum XSL/XSLT/XPATH
    R�ponses: 3
    Dernier message: 27/04/2005, 10h19
  4. Menu CSS avec bordures - fonctionne firefox, pas ie
    Par Romalafrite dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 21/11/2004, 15h40
  5. probl�me css avec :focus
    Par dervish dans le forum Mise en page CSS
    R�ponses: 7
    Dernier message: 28/09/2004, 16h18

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