Javascriptで曜日ごとにタブ切り替えを自動
- Javascriptで曜日ごとにタブを自動切り替える方法を探しています。
- 現在、Javascriptを使用して曜日ごとにタブを作成し、それぞれの内容を表示しています。
- しかし、訪問した曜日に合わせてタブを自動で選択するようにしたいと考えています。PHPは使用せずにJavascriptで実装したいです。参考のサイトなども教えていただけると助かります。
- ベストアンサー
Javascriptで曜日ごとにタブ切り替えを自動
HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 （サンプルサイト） http://sample.ul-inc.jp/ 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- ytk141s
- お礼率20% (1/5)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
まずは過去の質問はきちんと締め切った方がいいわよ onloadイベントで 今日の曜日を取得して 対応するタブを document.getElementById("wd1").click(); のように実行すればいいと思うわ
関連するQ&A
- Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- javascriptでタブ。曜日ごとに切り替える方法がわかりません。
javascript初心者です。 javascriptでタブを作って曜日ごとに自動で切り替わるようにしたいのです。一生懸命考えてるのですがうまくいきません。 タブの作成はうまくいきました。以下がタブです。 function WeekTab( week ) { var i; for( i=0; i < 7; i++ ) { document.getElementById('week' + i ).style.display = 'none'; } document.getElementById('week' + week ).style.display = 'inline'; } --> ～～BODY～～～～～ <table class="week-tab"> <tr> <th onClick="WeekTab(0)" id="week_tab0">日曜</th> <th onClick="WeekTab(1)" id="week_tab1">月曜</th> <th onClick="WeekTab(2)" id="week_tab2">火曜</th> <th onClick="WeekTab(3)" id="week_tab3">水曜</th> <th onClick="WeekTab(4)" id="week_tab4">木曜</th> <th onClick="WeekTab(5)" id="week_tab5">金曜</th> <th onClick="WeekTab(6)" id="week_tab6">土曜</th> </tr> </table> <div id="week0" style="display:none;"> <h3>日曜</h3> </div>以下省略・・ このタブに曜日ごとに自動で切り替わるようにしたいのです。 どうか力を貸してくださいよろしくお願いします
- 締切済み
- JavaScript
- 好きな曜日は何ですか？
好きな曜日は何ですか？ 1.月曜日 2.火曜日 3.水曜日 4.木曜日 5.金曜日 6.土曜日 7.日曜日 僕は、5の金曜日と7の日曜日が好きです。 皆さんの好きな曜日は何ですか？
- ベストアンサー
- アンケート
- 各曜日のイメージカラーは？
趣味でflashサイトを作ろうと思いますが、月曜日、火曜日…とflashをその日の曜日に合わせて変更させていきたいと思っています。 そこで質問なのですが、各曜日の色は何色がいいと思いますか？ (1)月曜日 (2)火曜日 (3)水曜日 (4)木曜日 (5)金曜日 (6)土曜日 (7)日曜日 ちなみに私は月曜日が赤っぽいイメージがありますが、それ以外が思い浮かびません…
- 締切済み
- アンケート
- javascriptでイメージの切り替えをしたいのですが
javascriptでイメージの切りかえをしたいんですがどうやればいいかわかりません。 <head></head> <body> 今日は■曜日です </body> (1) 上のようなHPがあった場合、■の部分をHPを開いた曜日に応じて gifファイル（月、火、水、木、金、土、日とかいてある）を選択して 表示したいのですがどうすればいいでしょうか？ （例えば月曜日にこのページを開いた場合 今日は 月（イメージで表示される）曜日です と表示されていてほしい） これはHPを見た時点で変わっているのが（マウスでクリックして変化するとかではないです）希望です。 (2)また上記のHPで日曜日の場合は、イメージの部分に何も表示しないようにする場合はどうすればいいのでしょうか？ （HP上では 今日は曜日です と表示されるのみ） 初心者なのでそれがそもそもできるのかもわかっていないのですが 回答の宜しくお願いします。
- ベストアンサー
- JavaScript
- javascriptでのタブ切り替えページ作成
http://purazumakoi.info/sample/html/tabchange/sample1.html 上記サイトのソースを利用して、同じようなページを作ろうと思っております。 ただ、作ろうと思っているページはタブが3つではなく4つなのですが タブが増えた時のjavascript及びソースの修正方法が分かりません。 お分かりになります方、アドバイスの程、宜しくお願い致します。
- ベストアンサー
- JavaScript
- Javascript 週間カレンダーを月曜始まりに
現在、こちらのような週間カレンダーをJavascriptを使い作成しております。 http://sample.ul-inc.jp/ 曜日の取得、曜日によるタブの自動切り替えの設定は出来たのですが、週の日付の更新が日曜日になってしまいます。 日曜の０時に週の日付が更新されてしまう状態です。 なので、日曜日に閲覧すると次の週の日付が表示されてしまっています。 こちらを、月曜の０時に日付が更新されるように設定をすることは可能でしょうか？ 何卒よろしくお願いいたします。
- 締切済み
- JavaScript
- 曜日ごとにリンク先を変えるJavaScript
JavaScriptのわかる方、お力をお貸しください。 クリニックのホームページを管理していますが簡単なHTMLがわかる程度のものです。 曜日ごとにリンク先を変えるにはどうしたらよいのでしょうか？ たとえば 月曜 リンク先 http://www.yahoo.co.jp 火曜 リンク先 http://www.goo.ne.jp 水曜 リンク先 http://www.google.c.jp といった感じです。 ユーザーがクリックした曜日によってリンク先URLを変えたいのです。 出来ればそのまま、リンク先URLを変更して使えるようなソースをお教え願えませんでしょうか？ 皆様のお力をお貸しください。
- 締切済み
- JavaScript
お礼
ありがとうございます！ 無事解決できました！