Selecteur de style - style par défaut

2 participants

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

Résolu Selecteur de style - style par défaut

Message par Ayael Sam 18 Jan 2014 - 12:02

Bonjour, j'utilise actuellement un sélecteur de style pour mon forum (principalement pour ajouter/supprimer des éléments en fonction de la taille de l'écran.)

J'aimerai donc que le style "taille classique" s'affiche par défaut (car celui qui est affiché par défaut est celui de mon CSS normal, or du coup, tant qu'on a pas cliquer, il y a/il manque deux trois éléments d'affichés.)

Mon javascript :
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(){

  $("#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('<div class="selecteurtaille"><select id="sstyle" onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Sélecteur de style</option></select></div>');
      
       addstyle("Taille classique","http://www.aht.li/2250512/moyen.css");
        addstyle("Grand écran","http://www.aht.li/2249084/grand.css");
        addstyle("Petit écran","http://www.aht.li/2249055/petit.css");

});



Je vous remercie d'avance pour votre aide ♥


Dernière édition par Ayael le Sam 18 Jan 2014 - 13:44, édité 1 fois
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Selecteur de style - style par défaut

Message par kurz Sam 18 Jan 2014 - 12:52

le style par défaut = css normal

pour mettre un css supplémentaire par défaut, ajoutez
Code:
else $("#tstyle").attr("href","http://www.aht.li/2250512/moyen.css");
après
Code:
if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
avatar

kurz
Nouveau membre

Messages : 13
Inscrit(e) le : 18/01/2014

kurz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Selecteur de style - style par défaut

Message par Ayael Sam 18 Jan 2014 - 13:44

C'est parfaiiiiiit ♥ Merci énormément !
Ayael

Ayael
*****

Féminin
Messages : 650
Inscrit(e) le : 21/04/2011

http://valsedupouvoir.forumactif.com/
Ayael 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