OKWaveのTOPページのタブ部分の表示方法

このQ&Aのポイント
  • OKWaveのTOPページのタブ部分の表示方法について教えてください。
  • HTMLソースを見ると、タブごとに紐付いた質問の一覧が<a>要素で書かれています。
  • 選択中のタブの一覧だけが表示される仕組みがありますが、詳細がわかりません。
回答を見る
  • ベストアンサー

OKWaveのTOPページのタブ部分の表示(最新の質問とか、最新のQ&Aとかのタブ)の実現方法を教えて下さい

OKWaveのTOPページに、「最新の質問」とか「最新のQ&A」とかのタブ部分がありますが、この部分の表示の実現方法が分からないので教えて下さい。 ブラウザでHTMLソースを見ると、各タブに紐付いている質問の一覧が、<DIV id=各一覧のID>でくくられたブロックの中に<a>要素として書かれていて、タブ部分からそのIDにリンクされているようです。 私が分からないのは、それぞれのタブに紐付いている質問の一覧がすべて<DIV id=各一覧のID>の形でHTMLソースの中に書かれているのに、選択中のタブの一覧だけ表示されるのはどういう仕組なのか?ということです。 HTML初心者の私の理解では、HTMLソース上にすべてのタブの一覧を書いているのだから、選択中の一覧だけでなくすべての一覧が表示されると思うのですが・・・。 宜しくお願い致します。

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • Yohjira
  • ベストアンサー率66% (14/21)
回答No.1

divタグのstyleで表示・非表示を切り替えているようですね。  表示するものはstyle=""  非表示のものはstyle="display:none" JavaScriptを使ってこんな感じに制御しているようです。

RoyMustang
質問者

お礼

回答ありがとうございます。 すいません、その制御ですがどのファイルのどのあたりで行っているのか教えて頂けないでしょうか? 探したんですが、見つけれなくて・・・。

その他の回答 (1)

  • Yohjira
  • ベストアンサー率66% (14/21)
回答No.2

主な処理はcontrol.tabs.jsっぽいですね。 検索すればいくつか情報が見つかると思います。

RoyMustang
質問者

お礼

回答ありがとうございました。 時間が取れず詳細の理解までには至っていませんが、 回答して頂いた内容で方向性は掴めました。 ありがとうございました。

関連するQ&A

  • Firefoxでのyahooトップページのタブ部分の表示

    Firefoxを新たにインストールしたのですが、yahooトップページ内の「トピックス」「経済」「エンタメ」…のタブ部分をクリックすると、タブが切り替わらずに”トピック数:××件”としてタブ内容の一覧画面に移動してしまいます。タブがタブとして機能しません。 プラグインが足りないのかと思ってJavaやFlash playerをインストールしましたが、改善されませんでした。どうすればタブ部分が正常に機能するでしょうか。 IE7では問題なく表示されるのですが…

  • OKwaveのトップページ表示

    昨夜突然このサイト(OKwave)のデザインが変更されましたね。 以前のトップページにはカテゴリー関係なく最新質問がズラッと並んだんですが、おすすめQ&Aとナイナイアンサー等のバナーが画面上部に大きく表示されるようになり、最新質問が下の方に少しだけ、それもどういう訳か病気のカテゴリーしか表示されなくなりました。 使いにくいなー…。質問した方は自分の質問に辿り着いてもらい辛くなり、とても困るのではないでしょうか。 閲覧する側が得意分野だけ見れるように&冷やかしでない専門家の回答が得られるようにとの配慮なのかも知れませんが、カテゴリーが微妙で質問者が妥当なカテを選べなかった質問とか、得意分野じゃないけど経験者だからたまたま答えられるとか、そういう質問に今後は答えてあげられなくなってしまう気がするのはちょっと寂しいです。 お節介焼きには楽しいサイトなので(笑) 今まで通り、全部のカテゴリーの最新質問を一覧表示させるにはどうしたら良いんでしょうか?

  • Netscapeでタブを切り替えるとき、教えてgooだけページトップに戻るのはなぜ?

    こんにちは。 ブラウザはNetscape 7.1、OSはWIndows XPを使用しています。 タブが便利なのでよく使っていますが、そのタブの切り替えについて質問です。 今のところ、教えてgoo以外のサイトでは、 例えば[タブA]で表示したページの下のほうまでスクロールしてから[タブB]にクリックして切り替えたとき、 [タブB]から[タブA]に戻っても、スクロールしたままの位置が表示されます。 でも、教えてgooを[タブA]で表示していて、 同じように一番下にあるNo.1の回答をスクロールして表示させ、 [タブB]に切り替えてからまた[タブA]に戻ってくると、 今まで表示していたはずのNo.1の回答の位置ではなく、 ページの一番上の質問のところまで自動的に戻ってしまうのです。 これはどうしてなのでしょうか? なんとも簡潔に書くのが難しい疑問なので、わかっていただけるといいなと思うのですが・・・ さっきNo.1の回答を見ていたのに、戻ってきたらページトップになってしまっているので またスクロールし直し・・・という操作の連続で、微妙に不便です(^-^; 直せるものなら直したい・・・ どうぞよろしくお願いします。

  • 新しいタブを開いたとき表示するページが動かない

    インタ-ネットオプションからタブTを選択し新しいタブを開いたとき表示が「新しいタブペ-ジでマイニュ-スフィ-ルド」のまま動きません、どうしたらよいですか動くのですか ※OKWAVEより補足:「NEC 121ware : Windows」についての質問です

  • 最新の質問一覧の表示について

    「最新の質問一覧」を見るとき右側の「このカテゴリで人気のQ&A」の上に毎回表示されるアニメーションが不愉快なので、表示されないようにする方法はありませんか?

  • TABを表示させる方法

    以前のテキストファイルのhtmlタグ<>を文字として表示されるに続いての質問ですが、 #!/usr/bin/perl main:{ $file = 'use1.txt'; print "Content-type: text/html\n\n"; print "<HTML><BODY>\n"; print "<TITLE>表\示</TITLE>\n"; open( FH, $file) or die "Can't open"; foreach( <FH> ){ $_ =~ s/</</g; $_ =~ s/>/>/g; print $_ ."<br>"; } close(FH); print "</BODY></HTML>\n"; } 表示するのにTABが抜けて、全て左詰めという感じになります。 TABを表示させるにはどうしたら宜しいのでしょうか? よろしくお願いします。

    • ベストアンサー
    • Perl
  • twinviewタブが表示されない場合の対処方法

    PCでDVDを再生しテレビで鑑賞するためにTwinViewという機能を使う時の操作方法についての質問です。具体的には以下の内容です。 「コントロールパネル」の中の「デスクトップの表示とテーマ」の中の「画面」のなかの「設定タブ」をクリックし、さらに「詳細タブ」をクリックし、「TwinViewタブ」を選択して操作を行いたいのですが、「TwinViewタブ」が表示されず、選択できません。「TwinViewタブ」を表示させるにはどうしたらいいか、教えてください。よろしくお願いします。 *機種はPC-VT9002D、OSはWinXPです。

  • 最新の質問一覧の表示について

    最新の質問一覧の表示について リニューアルされてからの不具合がいろいろ質問されていますが、同様の質問が見当たらなかったので質問します。 不具合、というわけではないのですが、最新の質問一覧のページだけ、ブラウザの文字サイズが反映されずに困っています。 周りの広告は同じですが、以前と比べて、一覧のサイズが小さく表示されてしまいます。 スクロールが少なくてすむ便利さはありますが、目の悪い物にとっては見にくくて不便です。 個々の質問ページは今までと同じ、文字サイズ大で見やすいのですが、一覧表だけが小さくて見難いのです。 読めないほど小さいわけでもないので使えないわけではないですが、以前は一覧表も文字サイズ大で表示されていました。 gooに質問したところ、推奨のブラウザを使え・・・とか、一時ファイルを削除せよ、とかの回答しかもらえませんでした(やりましたが、同じでした)。 OS XPプロSP3 ブラウザ XP用IE7 何か、ブラウザ設定などの問題でしょうか? 出来れば以前と同じ様にしたいのですが・・・ 仕様だというならあきらめます。 ご指導よろしくお願いいたします。

  • よくあるご質問(Q&A)に任意のQ&Aが非表示

    問合せをするには 任意のQ&A下部にある「問い合わせる」ボタンをクリックするようにマニュアルに記載されているが Q&A自体が表示されていない為 質問自体が出来ない状態です。 どこに問合せをしたら良いでしょうか? PaintShop Pro 2021のインストールが出来ない為その問合わせを行いたいです。 ※OKWAVEより補足:「ソースネクスト株式会社の製品・サービス」についての質問です。

  • プルダウンメニューでページ内の表示を変える の派生質問

    某サイトで紹介いただいているソースの引用で恐縮ですが、 下記のソースで、div1~3のソース部分はうまく切り替わるのですが、ページが開いてすぐの時点では、まったく表示されず、セレクト項目を選んだ後に切り替えが動作します。 ページを開いたら、デフォルトで <div id="item1"> <p> あいうえお </p> </div> が表示されるようにするには、どうすれば宜しいでしょうか? ご教授くださいませ ------------------------ <html> <head> <script type="text/javascript" language="JavaScript"> function showthis(obj) { if(!obj) return false; if(document.getElementById) { document.getElementById("item1").style.display = "none"; document.getElementById("item2").style.display = "none"; document.getElementById("item3").style.display = "none"; document.getElementById(obj).style.display = "block"; } else { return false; } } // --> </script> <style type="text/css"> #item1,#item2,#item3 { display: none; } </style> </head> <body> <form> <select onchange="showthis(this.value)"> <option value="item1">ディブ1</option> <option value="item2">ディブ2</option> <option value="item3">ディブ3</option> </select> </form> <div id="item1"> <p> あいうえお </p> </div> <div id="item2"> <p> かきくけこ </p> </div> <div id="item3"> <p> さしすせそ </p> </div> </body> </html>