Désactiver Javascript pour la version mobile

[Space Sapien]

Bonjour à tous,

Dernier soucis pour mes panneaux coulissants, je l'espère xD
Je souhaiterai que les panneaux coulissants que j'ai installé à gauche et à droite de mon forum n'apparaissent pas sur la version mobile. Pour le faire, j'ai trouvé ici plusieurs sujets qui demandaient la même chose et qui ont obtenu des codes précis pour leur situation sans explications du comment ils fonctionnent, du coup je ne sais pas comment les réutiliser pour mes propres scripts =/

J'ai trouvé ce code notamment qui me semblait plutôt simple :

Code:

$(function(){_userdata.page_desktop && $('.fleches, .fleches + table').hide()});

J'imagine que je dois remplacer .fleches, .fleches + table par les id des éléments que je veux cacher mais je ne le fais pas de la bonne façon.
Voici les codes des panneaux que j'aimerai masqué dans la version mobile :

Code:

$(document).ready(function () {
$('body').append('<table style="position: fixed; bottom: 100px; right:0px;z-index:10000;">
  <tr>
    <td style="vertical-align: center;">
      <img id="bouton_open"style="cursor:pointer;" src="http://i19.servimg.com/u/f19/18/36/61/34/sans_t11.png" />
      <img id="bouton_close"style="display:none;cursor:pointer;" src="http://i19.servimg.com/u/f19/18/36/61/34/sans_t11.png" />
    </td>
    <td>
      <div id="pannel" scrolling="no" style="margin-right:-450px;width: 450px; height: 300px;marginwidth="0" marginheight="0" frameborder="0">
 
Blabla
                                                                                 
        </div>
    </td>
  </tr>
</table>');
 
});
//Fonction pour l ouverture
$(function(){
$('#bouton_open').click(function(){
$(this).hide();
$('#pannel').animate({marginRight: '0px'}, "slow");
$('#bouton_close').show();
});
});
 
//Fonction pour la fermeture
$(function(){
$('#bouton_close').click(function(){
$(this).hide();
$('#pannel').animate({marginRight: '-=450px'}, "slow");
$('#bouton_open').show();
});
});

Code:

$(document).ready(function () {
$('body').append('<table style="position: fixed; bottom: 50px; left:0px;z-index:10000;"><tr><td>
<div id="panneleft" scrolling="no" style="margin-left:-200px;width: 200px; height: 200px;marginwidth="0" marginheight="0" frameborder="0">
     
Blabla

</td>
<td style="vertical-align: bottom;">
<img id="M14_open"src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png"style="cursor:pointer;"/>
<img id="M14_close"src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png"style="display:none;cursor:pointer;"/>
</td></tr></table>');
 
});

$(function(){
$('img#M14_open').click(function(){
$(this).hide();
$('#panneleft').animate({marginLeft: '0px'}, "slow");
$('#M14_close').show();
});
});
 
$(function(){
$('img#M14_close').click(function(){
$(this).hide();
$('#panneleft').animate({marginLeft: '-=200px'}, "slow");
$('img#M14_open').show();
});
});

Merci d'avance.

[oxymore]

Bonjour

Vous pouvez essayer ceci

Code:

$(function() {

  if ($(window).width()>480){ ICI LE CODE A EXECUTER }

 else{}

});

Si la taille de la fenêtre est supérieur à 480 on exécute le code.


j'ai une erreur en essayant avec votre code ...
Avec ce générateur de panel cela fonctionne..
http://aska.123.st/h10-generateur-de-pannel

on obtient un javascript de ce style

Code:

$(function(){

   $("body").append('<div id="fp678" class="fpanel"><table class="fptable"><tr><td class="fpcontent">bla bla bla</td><td class="fpbuttons"><span class="fpopen"><img src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png" /></span><span class="fpclose"><img src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png" /></span></td></tr><table></div>');
   $("#fp678 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp678").animate({"left":$(this).is(".fpclose")?-500:0},1000);
   });

});

on applique le code donné plus haut pour avoir

Code:

$(function() {

  if ($(window).width()>480){
   $("body").append('<div id="fp678" class="fpanel"><table class="fptable"><tr><td class="fpcontent">bla bla bla</td><td class="fpbuttons"><span class="fpopen"><img src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png" /></span><span class="fpclose"><img src="http://i19.servimg.com/u/f19/11/26/21/37/open10.png" /></span></td></tr><table></div>');
   $("#fp678 .fpbuttons > span").click(function(){
      $(this).add($(this).siblings()).toggle();
      $("#fp678").animate({"left":$(this).is(".fpclose")?-500:0},1000);
   });}



});

et le css correspondant

Code:

.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }

#fp678 { top: 20%; left: -500px; }
#fp678 .fpcontent { width: 500px; }

[Space Sapien]

Merci