曜日ごとにタブ切り替えを自動でおこなう方法
HPで曜日ごとに自動でタブを切り替える方法などありますでしょうか?
こちらは複数ページを用意し各ページへリンクを飛ばすのではなく、単一ページでその内容を随時変えたいです。
現在、Javascriptを使い曜日の取得をおこなっております。
またその曜日ごとに合わせたタブを作り、タブの内容を曜日ごとに分けております。
日付は1週間毎自動で取得しますが、タブが一定の曜日を選択した状態で固定されてしまっています。(水曜日にサイトを訪問しても月曜日のタブが選択されている状態。)
こちらを曜日に合わせたタブを自動で選択するように出来ますでしょうか?(水曜日にサイトを訪問したら最初から水曜日のタブが選択されている状態。)
(例)
【現在】
・月曜日→(月曜日のタブが選択されている状態で表示)
・火曜日→(月曜日のタブが選択されている状態で表示)
・水曜日→(月曜日のタブが選択されている状態で表示)
【理想】
・月曜日→(月曜日のタブが選択されている状態で表示)
・火曜日→(火曜日のタブが選択されている状態で表示)
・水曜日→(水曜日のタブが選択されている状態で表示)
できればPHPなどは使わず、JavaScriptで実装したいと考えております。
参考のサイトなども教えて頂けますと幸いです。
皆様どうぞよろしくお願いいたします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
ナビゲーションに関わるタブ(ボタン)でしたら、javascriptを用いるべきではない
『JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。( https://support.google.com/webmasters/answer/357 … )』
>できればPHPなどは使わず、JavaScriptで実装したいと考えております。
javascriptは一部のユーザーエージェントしか利用できないと考えるべきで、HTMLにはきちんとナビゲーションを記述して、スタイルシートで切り替えるべき。スタイルシートを曜日ごとに変更すればよい。
本来はサーバー側でHTMLなりCSSを書き換えるべき。
キャッシュや文書の有効期限をHTTP応答ヘッダで指定しているか??でないと再訪問のときに読み込まれない。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Excel(エクセル) 【Excel関数】カレンダーで文字が入っていたら転記 4 2023/07/24 23:28
- Excel(エクセル) Excel2019、2021の日付、曜日の表示について 2 2022/11/29 15:01
- Visual Basic(VBA) VBA 毎日取得するデータを順番に反映していく方法 6 2023/08/26 16:22
- Excel(エクセル) IF 関数で「〇〇 という文字を含む場合」の分岐処理で表示された数字はSUMで数字集計できますか? 3 2022/08/02 16:29
- 地球科学 太陽系の惑星と週(日曜日~土曜日)、月(1月~12月)に付いての質問です。 太陽系には、8つの惑星が 3 2022/10/08 22:32
- Visual Basic(VBA) 祝日を除いた月曜から土曜までの1週間分の日付行を選択し、別シートへカットアンドペーストしたい 13 2023/07/13 22:46
- その他(Microsoft Office) EXCELでバーコードを作成すると白くなってコードが見えません 1 2022/04/04 14:24
- Word(ワード) Wordで見出しの設定が巧く出来ません、またスタイルの一部を表示するには(office365) 1 2022/06/22 18:20
- カップル・彼氏・彼女 夜勤の彼はどういう会い方が負担ないのでしょうか?当方20代女です。 私は夜勤の彼と会うために彼のお休 3 2022/06/05 00:45
- 転職 土曜日 ・転職先の面接後、留守電2回あり。面接後結果は来週とのことでした。 日曜日(会社休み) ・会 1 2022/03/31 19:33
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリッカブルマップでこんな事...
-
新しいタブで開かせない方法は...
-
自分のサイトを開いた時にウィ...
-
Javascriptで曜日毎に自動でタ...
-
FindWindowの使い方
-
XHTMLに対応したかたちで新しい...
-
OpenCVのcvNamedWindowによるウ...
-
プルダウンメニューの開く方向...
-
別ウインドウで開かない場合と...
-
target="_blank"、ソースの表示
-
mailtoとwindow.close()の二つ...
-
ポップアップのHTMLの記述
-
ブラウザでのサイズ指定とツー...
-
NN4.xで右と下の余白をなくす方法
-
CSSの変わった記述方法の意味を...
-
ホームページでの小窓の出し方...
-
ポップアップウィンドウについて
-
<A> の属性 `TARGET`の代わりの...
-
AfterEffectsでイージーイーズ...
-
GoogleChromeでレイアウトが左...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいタブで開かせない方法は...
-
指定URLを新しいウィンドウで開...
-
プルダウンメニューの開く方向...
-
ハイパーリンクからメニュー無...
-
自分のサイトを開いた時にウィ...
-
ASP.Net 別ウィンドウを開く・...
-
HTML 全画面表示 リンク先の...
-
FindWindowの使い方
-
DBからPDFを取得して別画面で表...
-
VC、コンソールアプリ結果の...
-
表示中のURLなどをバッチファイ...
-
プルダウンメニューからリンク→...
-
別ウィンドウで複数ページを同...
-
OpenCVのcvNamedWindowによるウ...
-
ホームページビルダーでのドロ...
-
VC++2010 MFC サイズの最大化に...
-
インラインフレームの中の表示...
-
htmlのボタンでF11を入力
-
googleマップをポップアップウ...
-
メモ帳やエディタで一度にスペ...
おすすめ情報