Sélecteur de style à mettre invisible sur la version mobile

[Arc-En-Ciela]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://afmgn.forumofficiel.com/

Description du problème

Bonjour,

J'ai installé le script du sélecteur de style sur mon forum. Le script fonctionne nickel, mais le sélecteur apparaît également sur la version mobile du forum, ce qui empêche que la petite flèche qui permet la connexion se déroule.

J'ai essayé le l'ajout qui permet au script de ne s'activer que si la fenêtre est plus grande que 450, mais il fait planter mon script... ou bien il le rend tellement lent qu'on dirait qu'il ne fonctionne plus X)

Code:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

function changestyle(cssurl) { my_setcookie('sstyle',$('#tstyle')[0].href=cssurl,1,0); $('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',cssurl); }

$(function(){

  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });

  $("iframe[name=smilies]").load(function(){
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

  addstyle("Rouge (test en cours)","https://dl.dropbox.com/s/l3xga8vzymqgbmh/CSS-rouge.css");
  addstyle("Défaut","");

});

Code:

 $(function() {
     
          if ($(window).width()>450){ ICI LE CODE A EXECUTER }
     
       
        });

Pouvez-vous m'aider ?
Merci et bonne journée.

[Boss-man]

Vous pouvez nous mettre quelques images pour nous aider à vous aider ??

[oxymore]

Bonsoir

Essayez

Code:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');
 
if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
 
function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }
 
function changestyle(cssurl) { my_setcookie('sstyle',$('#tstyle')[0].href=cssurl,1,0); $('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',cssurl); }



      $(function(){
 
  $("#frame_chatbox").load(function(){
    $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
  });
 
  $("iframe[name=smilies]").load(function(){
    $("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('<style type="text/css">body{margin:0!important;}</style>');
  });
 
  if ($(window).width()>450){$("body").prepend('<select id="sstyle" onChange="changestyle(this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');
 }
           
  addstyle("Rouge (test en cours)","https://dl.dropbox.com/s/l3xga8vzymqgbmh/CSS-rouge.css");
  addstyle("Défaut","");
 
});

[Arc-En-Ciela]

Merci Oxymore, votre code fonctionne parfaitement