Discussion :

[bjo393]

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.

[SpaceFrog]

regarde plutot du coté de "media queries"

[bjo393]

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

[Bovino]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.marge40px

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo'id="marge40px';

Rien ne te choque ?

[bjo393]

non rien me choque

[Bovino]

Tu ne connais pas la différence entre un id et une class

[Bovino]

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...

[bjo393]

de toute façon ces lignes n’existe plus

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>';})?> >

[JérémieL]

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.