- 締切済み
Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- ytk141s
- お礼率20% (1/5)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- askaaska
- ベストアンサー率35% (1455/4149)
タブの切り替えをどうやっているのかわからないので このままでは誰も回答することができないと思うの
- ORUKA1951
- ベストアンサー率45% (5062/11036)
ナビゲーションに関わるタブ(ボタン)でしたら、javascriptを用いるべきではない 『JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。( https://support.google.com/webmasters/answer/35769?hl=ja#2 )』 ＞できればPHPなどは使わず、JavaScriptで実装したいと考えております。 javascriptは一部のユーザーエージェントしか利用できないと考えるべきで、HTMLにはきちんとナビゲーションを記述して、スタイルシートで切り替えるべき。スタイルシートを曜日ごとに変更すればよい。 本来はサーバー側でHTMLなりCSSを書き換えるべき。 キャッシュや文書の有効期限をHTTP応答ヘッダで指定しているか？？でないと再訪問のときに読み込まれない。
関連するQ&A
- Javascriptで曜日毎に自動でタブ切り替え
曜日ごとにタブ切り替えを自動でおこなう方法 HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できればPHPなどは使わず、JavaScriptで実装したいと考えております。 参考のサイトなども教えて頂けますと幸いです。 皆様どうぞよろしくお願いいたします。
- 締切済み
- JavaScript
- Javascriptで曜日ごとにタブ切り替えを自動
HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか？ こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。 現在、Javascriptを使い曜日の取得をおこなっております。 またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。 （サンプルサイト） http://sample.ul-inc.jp/ 日付は１週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。（水曜日にサイトを訪問しても月曜日のタブが選択されている状態。） こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか？（水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。） （例） 【現在】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（月曜日のタブが選択されている状態で表示） ・水曜日→（月曜日のタブが選択されている状態で表示） 【理想】 ・月曜日→（月曜日のタブが選択されている状態で表示） ・火曜日→（火曜日のタブが選択されている状態で表示） ・水曜日→（水曜日のタブが選択されている状態で表示） できれば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
JavaScriptのわかる方、お力をお貸しください。 クリニックのホームページを管理していますが簡単なHTMLがわかる程度のものです。 曜日ごとにリンク先を変えるにはどうしたらよいのでしょうか？ たとえば 月曜 リンク先 http://www.yahoo.co.jp 火曜 リンク先 http://www.goo.ne.jp 水曜 リンク先 http://www.google.c.jp といった感じです。 ユーザーがクリックした曜日によってリンク先URLを変えたいのです。 出来ればそのまま、リンク先URLを変更して使えるようなソースをお教え願えませんでしょうか？ 皆様のお力をお貸しください。
- 締切済み
- JavaScript
- 【再アンケート】好きな曜日は何ですか？
2021年10月28日に投稿した「好きな曜日は何ですか？」の再アンケートです。 好きな曜日は何ですか？ 1.月曜日 2.火曜日 3.水曜日 4.木曜日 5.金曜日 6.土曜日 7.日曜日 僕は、5の金曜日と7の日曜日が好きです。 皆さんの好きな曜日は何ですか？
- ベストアンサー
- アンケート
- タブ切り替えが出来るjavascriptを使用しています。
タブ切り替えが出来るjavascriptを使用しています。 http://5am.jp/jquery/jquery_ui_tabs/ ここのサイトを参考にしてタブ切り替えが動くところまで行きましたが、 どうにかして、別ページからリンクをクリックした時に、特定のタブへ直接飛ぶようにしたいと思っています。 <script type="text/javascript"> $(function() { $('#ui-tab > ul').tabs({ fx: { opacity: 'toggle', duration: 'fast' } }); }); </script> ヘッダーにある上記のjavascriptを少し編集すればできそうな気がするのですが、 もうお手上げになっちゃいました。 申し訳ないのですが、どなたか教えていただければと思います。 よろしくお願いします。
- ベストアンサー
- JavaScript
