1

外部スタイル シートとのリンクを含むページを作成しています。さらにいくつかのスタイル シートを作成し、ページにドロップダウン メニューを追加しました。これらのオプションを外部スタイル シートにリンクして、ユーザーがドロップダウン メニューからオプションを選択すると、そのページのスタイル シートが新しいスタイル シートに完全に変更されます。これを行うにはどうすればよいですか?

<div style="float:right;padding:26px 0 0 0;color:#fff;"><select>
      <option>please select your choice</option>
<option value="one">green</option>
<option value="two">red</option>
</select>

</div>

上記のようなドロップダウンがあります..

4

3 に答える 3

1 
    try this :)

1. give a id to your select box say(giveAId)
2. then in jquery function pass this id and apply a change function('this will notice the   the change made in your select box').
3. get it's value from option box 
4. then pass it to the link href like in this example


 <script type="text/javascript">
    $(function() {
        $("#giveAId").change(function(){ //2 step
           var stylesheet = $(this).val(); // 3 step
           $('link').attr('href',stylesheet+ '.css'); //4 step done here
          });
    });

 </script>


    <div  style="float:right;padding:26px 0 0 0;color:#fff;">
       <select id="giveAId"> // 1 step
          <option>please select your choice</option>
          <option value="one">green</option>
          <option value="two">red</option>
        </select>
    </div>
于 2012-05-31T05:21:11.307 に答える
0

メニューから選択したスタイルシートを記憶するCookieをユーザーに提供し、そのCookieに基づいてページのCSSをロードできます。次に、必要に応じてAJAXを使用して、クリックするとページが更新されるようにします。

于 2012-05-31T04:54:50.877 に答える
0

フォームを送信し、セッション/Cookie を使用して選択内容を記憶する

例えば

$_SESSION['selected_stylesheet'] = $_POST['stylesheet'];

そして、外部CSSファイルを呼び出すときに$_SESSION['selected_stylesheet']を使用する必要があります

<link type="text/css" href="<? echo $_SESSION['selected_stylesheet'] ?>.css" rel="stylesheet" />

私はそれがうまくいくと思う

于 2012-05-31T05:04:22.660 に答える