Code @media pour javascript

2 participants

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

Résolu Code @media pour javascript

Message par photoclic Dim 31 Juil 2016 - 12:37

Bonjour,

Un problème de code à vous soumettre.

Dans mon css, j'ai l'instruction:

Code:
    @media screen and (max-device-width: 900px)  {
.....

avec en dessous, les réglages adaptés aux tablettes.

Comment faire en javascript pour mettre cela dans un if( .....)

Pour prendre un exemple concret, comment ajouter dans le code suivant le if pour ne pas avoir "Photovote" d'afficher dans la barre de navigation sur les tablettes.

Code:
    $(function(){if(_userdata["user_level"] != 0)
        $(function(){
        $('<a href="http://photoclic.forum-pro.fr/f12-photovote"style="margin-left:35px;">
        <img class="sprite-icon_portal" src="http://2img.net/i/fa/empty.gif"style="margin-right: 5px;"/>Photovote</a>').insertAfter( ' .M14_navTol a:last' );
        })});

Merci pour votre aide.


Dernière édition par photoclic le Dim 31 Juil 2016 - 18:37, édité 1 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par Neptunia Dim 31 Juil 2016 - 14:14

Bonjour ^^


Je n'ai pas bien compris la demande, il s'agit de virer le bouton aux modérateurs et admins qui
1/ ont un écran de moins de 900px (ma tablette d'entrée de gamme affiche déjà 1024px en largeur)
2/ surfent sur une tablette mais pas un téléphone ni un ordinateur.
3/ utilisent la version mobile.

Si c'est la 1/ ou la 3/ me semble que la solution est relativement facile.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par photoclic Dim 31 Juil 2016 - 14:22

Bonjour Neptunia,

En fait, je voudrais virer le bouton à tous ceux qui ont un écran de moins de 900px, et finalement quelque soit leur rang.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par Neptunia Dim 31 Juil 2016 - 14:51

Pourquoi diable retirer un contenu s'il est possible de ne jamais le créer ??

Code:
      if(screen.width > 900) {
        // code à exécuter si l'utilisateur a un grand écran
      }
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par photoclic Dim 31 Juil 2016 - 16:35

Super Neptunia, exactement ce que je souhaitais.

En fait j'ai trop de choses sur la barre de notification et je voulais que certaines choses pas vraiment indispensables sur les petits écrans de tablettes ne soient pas affichées. C'est tout bon.

Tu comprends pourquoi le menu déroulant sur le sujet précédent tombe à pic Wink

Un grand merci pour tout.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic 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