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

3 participants

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

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

Message par Arc-En-Ciela Ven 31 Juil 2015 - 19:41

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.


Dernière édition par Arc-En-Ciela le Ven 31 Juil 2015 - 20:55, édité 1 fois
avatar

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de style à mettre invisible sur la version mobile

Message par Boss-man Ven 31 Juil 2015 - 20:29

Vous pouvez nous mettre quelques images pour nous aider à vous aider ??
Boss-man

Boss-man
***

Masculin
Messages : 167
Inscrit(e) le : 15/04/2015

http://lesguignolsdusport.forumotion.com/
Boss-man a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de style à mettre invisible sur la version mobile

Message par oxymore Ven 31 Juil 2015 - 20:41

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","");
 
});
oxymore

oxymore
***

Messages : 141
Inscrit(e) le : 09/11/2008

http://www.google.fr
oxymore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Sélecteur de style à mettre invisible sur la version mobile

Message par Arc-En-Ciela Ven 31 Juil 2015 - 20:55

Merci Oxymore, votre code fonctionne parfaitement Smile
avatar

Arc-En-Ciela
***

Messages : 120
Inscrit(e) le : 22/08/2010

http://alter-mundus.superforum.fr/portal.htm
Arc-En-Ciela a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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