タブをどのそうな形で実装されているかで回答が変わります。差し支えがなければ、曜日毎のタブを作成しているスクリプトをご教授下さい。
現在下記ページのようなかたちで、曜日取得、タブの切替をしております。
http://sample.ul-inc.jp/
この状態で、曜日ごとに自動でタブの切替を行いたいです。
水曜日に訪問したら、既に水曜日のタブが選択・表示されている状態。
function wtWeek(d) { $(".content_wrap").addClass('disnon'); d.setDate(d.getDate()+1-d.getDay()); // 今週の日曜日へ移動 w=new Date(d); // 表示週を保存 document.all("ym").innerHTML=d.getFullYear()+"/"+(d.getMonth()+1); // 日曜の年月 for(var i=0;i<7;i++) { // 一週間分 document.all("wd"+eval(i)).innerHTML=( d.getMonth()+1 + "月" + d.getDate() + "日") ; // 日をセット if (d.getDate() == (new Date()).getDate()) {$(".content_wrap").eq(i).removeClass('disnon')}; d.setDate(d.getDate()+1); } // 翌日セット }
で表示できます。実際には、new Date()は適当な場所で生成して下さい。
▽3
●
a-kuma3 ベストアンサー |
先頭の方にある jQuery のコードの辺りに追記してみました。
<script type="text/javascript"> //<![CDATA[ $(function() { $("#tab li").click(function() { var num = $("#tab li").index(this); $(".content_wrap").addClass('disnon'); $(".content_wrap").eq(num).removeClass('disnon'); $("#tab li").removeClass('select'); $(this).addClass('select') }); // ★ここに入れてみた var index = new Date().getDay() - 1; if (index < 0) { index += 7; } $("#tab li").eq(index).trigger("click"); }); //]]> </script>