Désactiver un code JS sur la page mobile

[Flaura]

Bonjour,

j'ai mis une chatbox latérale coulissante sur l'accueil de mon forum grâce à un code JavaScript que voici:

Code:

jQuery(document).ready(function() { jQuery('body').append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://www.pixenli.com/images/1424/1424707714059503600.png" id="chatboxopen"/><img src="http://www.pixenli.com/images/1424/1424707714059503600.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>'); } );

Seulement, le JavaScript est aussi présent quand il y a le thème mobile. Comment faire pour l'enlever sur les mobiles et tablettes ?

[oxymore]

Bonjour

Vous pouvez essayer ce code?

Code:

jQuery(document).ready(function() { if ($(window).width() > 480) { jQuery("body").append('<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="yes" style="overflow: visible; width: 600px; height: 350px; display: none; float:right;" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onClick="jQuery(\'#chatboxpop\').animate({width:\'toggle\'},1200); jQuery(\'#chatboxopen,#chatboxclose\').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://www.pixenli.com/images/1424/1424707714059503600.png" id="chatboxopen"/><img src="http://www.pixenli.com/images/1424/1424707714059503600.png" id="chatboxclose" style="cursor :pointer; display:none;"></div></div>') ; } else { } });

[Flaura]

Merci bien, ce code fonctionne !