Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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

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 le 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

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 le Ven 31 Juil 2015 - 20:29

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

Boss-man
***

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

http://lesguignolsdusport.forum-gratuit.tv/
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 le 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","");
 
});
avatar

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 le Ven 31 Juil 2015 - 20:55

Merci Oxymore, votre code fonctionne parfaitement Smile

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


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