Cacher les widgets si la largeur de l'écran est inferieure à ??px

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Ven 28 Juin 2013 - 13:43

Bonjour a tous,
je sais que cela est possible en javascript mais je n'y connais rien (je débute tout juste les bases ^^), j'ai créé une page HTML sur mon fofo, mais si l'utilisateur a un écran trop étroit, il ne la voit pas en entier et il doit masquer les widgets (comme ici)
SVP vous pouvez me donner un script qui fait ça, mais quand on quitte la page, les widgets reviennent.
Merci a ceux qui m’aideront Wink
Tancrède


Dernière édition par Ouaich le Mer 3 Juil 2013 - 15:57, édité 1 fois
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 11:59

Up svp Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea Mer 3 Juil 2013 - 13:27

Il est possible qu'un simple z-index négatif suffise à résoudre ton problème. Essaye.
Je sais pas si ça répondra à ta question, ça devrait faire simplement disparaître les widgets de l'écran (ou en tout cas les faire passer automatiquement derrière tous les autres éléments de la page)  si la résolution de l'écran n'est pas capable de les afficher.
avatar

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 14:07

Pas bête, j'essayerai quand j'ai accès à un ordinateur, merci Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 14:37

Cela ne fonctionne pas :"(
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea Mer 3 Juil 2013 - 14:48

T'as bien fait un div class ou id avec un z-index négatif dans le css ? ? ? C'est obligé qu'il se passe quelque chose à l'écran.

J'en suis d'autant plus certain que c exactement ce que j'ai fait sur mon site. Prends cette page par exemple : http://www.jardins-interieurs.com/v3/plante.php?id_plante=73
tu peux jouer avec la taille de la fenêtre, les pubs de droite disparaîtront sans affecter le reste du contenu.
avatar

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 15:05

Oui mais il ne se passe rien, même avec la valeur a 0 ou a 1, il ne se passe rien....
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 15:20

je ne vois pas es pubs, même en désactivant adblock...
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea Mer 3 Juil 2013 - 15:25

Ah je suis bête, s'il ne se passe rien ça vient forcément d'une position: absolute ou relative que tu n'as pas renseignée. Or il le faut dès l'instant où on utilise un z-index.

Lol - je fais des pubs transparentes qui ne se voient pas. Mes pubs sont en javascript, c'est peut-être là l'explication pourquoi tu ne les vois pas.Very Happy
avatar

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 15:46

Ah si avec "position", ça fait quelque chose, mais le problème c'est que en négatif, les widgets disparaissent, en positif, rien ne se passe, et = 0, ils sont devant le reste (ils se superposent ....)
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Omuey Mer 3 Juil 2013 - 15:51

Bonjour,
Tu peux faire passer tes widgets en-dessous de ton contenu comme le propose persea, ou alors, tu peux utiliser les Media Queries en CSS :
Code:
@media screen and (min-width: 1000px) /* si l'écran de l'utilisateur est plus grand que 1000px */
{
   .classduwidget /* Il faut noter ici la class (ou l'#id) de ton groupe de widget */
   {
          display : block;
   }
}
@media screen and (max-width: 1000px) /* mais si l'écran est plus petit que 1000px */
{
   .classduwidget /* A remplacer ici aussi  */
   {
      display : none; /* le bloc qui a la class .classduwidget disparait */
   }
}
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 15:52

Merci, j'essaye ça tout de suite
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par -Tancrède- Mer 3 Juil 2013 - 15:57

Ça marche, merci beaucoup a tous Wink
-Tancrède-

-Tancrède-
****

Masculin
Messages : 449
Inscrit(e) le : 14/05/2012

http://projet-ecle.forumactif.org/?tt=1
-Tancrède- a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cacher les widgets si la largeur de l'écran est inferieure à ??px

Message par Persea Mer 3 Juil 2013 - 16:00

Bonjour Omuey - ça revient presque au même... je dis bien presque...
C'est plus net dans la mesure où les Widgets sont là... ou pas là.
Ma formule les fait simplement passer par derrière


Bon bah Ouaich a trouvé sa solution - c'est l'essentiel - Lol
avatar

Persea
**

Masculin
Messages : 97
Inscrit(e) le : 30/08/2006

http://www.forum-jardins.com
Persea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum