Code @media pour javascript

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

Résolu Code @media pour javascript

Message par photoclic le 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://illiweb.com/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
*****

Masculin
Messages : 528
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 le 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
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par photoclic le 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
*****

Masculin
Messages : 528
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 le 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
+ Hyperactif +

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

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code @media pour javascript

Message par photoclic le 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
*****

Masculin
Messages : 528
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


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