changement de style, avoir le choix dans un widget

[Schiggy]

Bonjour,
J'ai ce code dans le forum https://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?

[Ea]

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>

[Schiggy]

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>

[Ea]

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>

[Schiggy]

Merci beaucoup
Vous êtes génial!