changement de style, avoir le choix dans un widget

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

Résolu changement de style, avoir le choix dans un widget

Message par Schiggy le Sam 15 Oct 2011 - 14:53

Bonjour,
J'ai ce code dans le forum http://forum.forumactif.com/t308631-selecteur-de-style
Mon utilisateur et je l'aime mais pas si "changement de style", ce bouton sur chaque page.
Est-il possible de faire sur ce bouton uniquement sur ​​le portail, dans un module?


Dernière édition par Schiggy le Dim 16 Oct 2011 - 14:15, édité 1 fois

Schiggy
**

Masculin
Messages : 92
Inscrit(e) le : 07/11/2010

http://schiggysboard.forumieren.de/
Schiggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement de style, avoir le choix dans un widget

Message par Ea le Dim 16 Oct 2011 - 6:20

Bonjour,


Vous pouvez très bien "divisé" le script en 2 parties assez simplement.

Il suffit de mettre sur toutes les pages cette partie :

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

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

$(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>');
  });

});
Et où vous le souhaitez cette partie :

Code:
<span id="sstyle-widget"></span>
<script type="text/javascript">

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

jQuery("#sstyle-widget").prepend('<select id="sstyle" onChange="my_setcookie(\'sstyle\',jQuery(\'#tstyle\')[0].href=this.value,1,0);jQuery(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>');

addstyle("Style 1","http://lien_d'un_fichier_css");
addstyle("Style 2","http://lien_d'un_fichier_css");
addstyle("Style par défaut","");

</script>

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: changement de style, avoir le choix dans un widget

Message par Schiggy le Dim 16 Oct 2011 - 12:38

Bonjour,
Merci pour la réponse rapide, mais malheureusement ce n'est pas tous les ..
Tel est le widget à partir du portail: ("Style ändern" signifie le changement dans le style français)
J'ai utilisé ce code javascript dans l'administration (sur tous les côtés):
Code:
$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');
       
        if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
       
        $(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>');
          });
       
        });
Et ce code dans le module dans le portail:
Code:
        <span id="sstyle-widget"></span>
        <script type="text/javascript">
       
        function addstyle(nom,lien) { jQuery("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }
       
        jQuery("#sstyle-widget").prepend('<select id="sstyle" onChange="my_setcookie('sstyle',jQuery('#tstyle')[0].href=this.value,1,0);jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',this.value);this.selectedIndex=0;"><option>Ändere den Style</option></select>'); addstyle("Pokeball Style","http://spetools.de/css/957.css"); addstyle("Schiggy Style","http://spetools.de/css/835.css"); addstyle("Steriler Style","http://spetools.de/css/654.css"); addstyle("Little Style","http://www.schiggysboard.com/176403-ltr.css"); addstyle("Normaler Style",""); });
       
        </script>

Schiggy
**

Masculin
Messages : 92
Inscrit(e) le : 07/11/2010

http://schiggysboard.forumieren.de/
Schiggy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: changement de style, avoir le choix dans un widget

Message par Ea le Dim 16 Oct 2011 - 14:02

Il manque des \ dans votre code, pour le deuxième il peut être simplifié en :

Code:
<select id="sstyle" onChange="my_setcookie('sstyle',jQuery('#tstyle')[0].href=this.value,1,0);jQuery('#frame_chatbox,iframe[name=smilies]').contents().find('#tstyle').attr('href',this.value);this.selectedIndex=0;"><option>Choisir un style</option></select>
<script type="text/javascript">
 
function addstyle(nom,lien) { jQuery("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

addstyle("Style 1","http://lien_d'un_fichier_css");
addstyle("Style 2","http://lien_d'un_fichier_css");
addstyle("Style par défaut","");
 
</script>

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: changement de style, avoir le choix dans un widget

Message par Schiggy le Dim 16 Oct 2011 - 14:15

Merci beaucoup
Vous êtes génial!

Schiggy
**

Masculin
Messages : 92
Inscrit(e) le : 07/11/2010

http://schiggysboard.forumieren.de/
Schiggy 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