Discussion :

[abc.xyz]

Bonjour,

j'ai une div #exemple en position:absolute dans le fichier CSS.

Je la place à droite de l'écran avec le code jQuery suivant:

Code :

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

1
2
3
 
var largeur = $('body').width();
$('#exemple').css({left:largeur});

Mon problème est que je dois garder ce comportement de mettre la div "à droite" uniquement sur ordinateur et que je dois annuler ce comportement pour les mobiles. Comment annuler pour les mobiles ce comportement donné par le code $('#exemple').css({left:largeur}); dont j'ai besoin pour les ordinateurs?

Merci

[SpaceFrog]

tu le dis toi même dans ton titre

Code :

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

$('#exemple').css({"position":"absolute", "left":largeur+"px"});

[abc.xyz]

Rebonjour,

Code :

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

$('#exemple').css({left:largeur});

Le code ci-dessus placé dans un fichier JavaScript s'applique aux ordinateurs, tablettes et mobiles.

Je veux que ce code reste dans le fichier JavaScript pour le comportement désiré sur ordinateurs et tablettes mais qu'il ne soit pas pris en compte pour les mobiles, comment faire?

Merci

[abc.xyz]

Bonjour,

est t'il possible d'appliquer ce code aux ordinateurs et tablettes et de ne pas l'appliquer aux mobiles?

Merci

[SpaceFrog]

un element vide sur la page

Code :

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

<span id="detect_mob"></span>

un petit css

Code :

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

1
2
3
@media only screen and (max-width: 760px) {
  #some-element { display: none; }
}

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
$( function() {      
    var is_mobile = false;
//tu testes le display
    if( $('#detect_mob').css('display')=='none') {
        is_mobile = true;       
    }
 
//et ensuite tu utilise ton booleen 
    if (!is_mobile) {
       $('#exemple').css({"position":"absolute", "left":largeur+"px"});
    }
 });

[abc.xyz]

Je ne comprends pas , j'ai fait:

Code :

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

1
2
3
4
5
6
7
var mobile = false;
if( $('#exemple').css('z-index') == '1') {
    mobile = true;      
}
if (!mobile) {
    $('#exemplet').css({left:largeur});
}

comme code CSS pour les mobiles à ma div #exemple j'ai rajouté z-index:1.

Et bien malgré le code ci dessus le problème demeure, en effet pour les mobiles le left:largeur est appliqué à ma div...

Merci

[SpaceFrog]

tu as rajouté le css ???

Code :

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

 @media only screen and (max-width: 760px)