ページ内に別ページを表示させる方法とは?

このQ&Aのポイント
  • ツイッターの特定のスペースをクリックすると右側に別ページが表示される機能についての実装方法を知りたいです。
  • JavaScriptを初心者レベルで扱っており、この機能についてどのように勉強すれば良いかわかりません。
  • 具体的な実装方法や必要な知識について教えてください。
回答を見る
  • ベストアンサー

ページ内に別ページを表示させる方法

ツイッターでは、特定のスペースをクリックすると右側に別ページが表示されています。これはどのように実装しているのでしょうか?どのように検索すれば、この機能について勉強できますか?JavaScriptは初心者並みの知識しかないので、どのような単語で調べればいいのかさえわかりません。 実装したいことは、まさにツイッターの機能そのものです。特定のスペース内をクリックしたら、右メニュースペース全体を別ページで覆いますが、その特定のスペース内に表示されているリンクは、ちゃんとリンクとしての機能を保たせるので、右メニューではなく、リンク先に飛ばします。 これを実装するには相当な知識がないと難しいでしょうか? よろしくお願いします。

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

  • ベストアンサー
  • kamikami30
  • ベストアンサー率24% (812/3335)
回答No.1

表示しているページを右クリックしてソースを表示すると HTMLのソースがメモ帳などで開きその中に、 <script type="text/javascript" src="http://gazo.okwave.jp/okwave/js/okwave/headerCategoryList.js"></script> などと書いてあるところがあるので、 それをアドレスバーにそのまま入れてENTERを押すとファイルをDLできます。 あとはそれをメモ帳などで開いてみればJavaScriptのソースも丸見えなので あとは、わからないところを1つ1つ調べればいいと思います。

TPR_SET
質問者

お礼

有難うございます。 JavaScriptを使わない別の方法での実装方法を思いつきました。 JavaScriptも覚えておいたほうがもちろんいいので、 時間のある時にでもソースの解析を行ってみたいと思います。

関連するQ&A

  • ジオシティーズでページが表示できません

    ジオシティーズでページが表示できませんと表示されてしまいます。 こんにちは、ホームページ作成初心者のものです。 今、ジオシティーズでHPを作成しているのですが トップページ(フレームページ)が表示出来なくて困っています。 メニューを左、内容を右としているのですが、そのメニューの中にトップページのリンクを作ったのですが、リンクをクリックしてもページが表示できませんと表示されてしまいます。 トップページ(フレームページ)自体は表示出来てるし、他のメニューはちゃんと右に表示されるのですがトップページのリンクだけ表示できません。 開いた時はトップページとして右に表示されるのですが、リンクをクリックすると表示できません。 何が問題でしょうか? URLも間違ってないと思うのですが…あ、でもそのトップページに使用しているページをプロパティでURLを確認したらの一番最後の.htmに%22という文字が付いてましたがこれも関係あるのでしょうか? 文章がまとまらなくて申し訳ございません。 自分でも試行錯誤して頑張ってみますが、ページが表示されない何が問題かわかる方いらっしゃいましたらご教授お願いします。 カテ違いだったらすみません、HTMLで作ってます。

    • ベストアンサー
    • HTML
  • IFRAMEページ表示について

    html超初心者で相当ハマッテいます・・・。  _menu__main______  |   |       |←のようなページをIFRAME  |   |       | を使って作成し、左にmenu/  |   |       | 右にそのリンク先を表示  |   |       | させようとしています。  |   |       | menuボタンをクリックした  |   |       | ときにスクロールバーが  --------------  下りていると、次に表示されたページも同じスクロール位置で表示されてしまいます。 menuボタンをクリックしたとき、ページのトップにリンク先のページも表示させるにはどうしたらいいのでしょうか? ちなみに <a href="***.html#TOP" target="main">~</a>としてみるとスクロールが一応は上がったのですが、微妙におかしくて・・・。 どなたかご教授いただけませんか?

    • ベストアンサー
    • HTML
  • インラインフレームの活用方法

    インラインフレームのHTMLタグを使うと、ホームページのメニューの更新が大変楽になると聞きさっそくトライしているのですが、うまくいかないのでご存知の方、どうか相談にのってください。 画面左側に別ページに用意したメニューを表示させるところまではうまくいったので「これでいいのかな?」と思ったのですが、そのメニューの項目をクリックするとその細長いスペースのみにリンク先のページが表示されてしまい、画面右側はそのまんまです。 当然、その狭いスペースでは表示しきれるわけもなく、困ったことになっています。 こういう問題はどうやって解決すればよいのでしょうか? どうかよろしくお願いいたします。

  • クリックでメニューを表示

    初心者で申し訳ないのですがお答えいただけたらと思います。 親メニューに当たる画像orテキストをクリックして 指定箇所に子メニューを表示させ、 その子メニューをクリックしてリンクさせたいと思っているのですが JavaScriptでできるのかどうか、 もしできるのであればどう組めばいいのか よろしくお願いします。 形的には、 http://www.ozaki-gasrange.co.jp/cso_q1-3.html ↑ページのような感じで、 マウスを置いた時ではなく、クリックして 下にメニューを表示させて さらにそのメニューをクリックして右枠にページを 表示させたいと思います。 どうぞよろしくお願いします。

  • HPビルダーでリンク先を別のフレームに表示することについて

     使用しているのはホームページビルダー11なのですが、自作CGイラス ト等載せるHPを作り始めました。作り始めて、順調に進んでいけると思 っていたら、肝心な所で行き詰ってしまい困っております。 どなたかご回答いただければ嬉しく思います。  閲覧し易い様、ページをフレームで左右二つに分割し、フレーム設定 ページ、フレーム内ページを左右作りました。右フレームには背景をい れております。(ここではピンク色の背景にしました) 左フレーム内のページにメニューを作り、左のリンクアイコンクリック で右にイラストを表示させるよう設定しました。  確認するためプレビューで左のメニューのリンクをクリックすると画 像は右に表示されるのですが、右側に入れていたピンクの背景が消え、 イラストの周囲が白い背景に変わってしまいます。そして右フレームの 左寄りに画像が表示されます。  よく他の方のイラストサイト様のHPを拝見させていただくのですが、左 のメニューのリンクをクリックすると右の背景はそのまま、画像だけ中 心に表示されています。 なぜ画像のみ表示させることができないのでしょうか? 画像もなるべくフレームの中心に表示させたいのですが・・・。 色々考えてみましたが設定等のやり方が思いつきません。 右フレームの背景はそのままに、画像のみフレームの真ん中に表示させるための 方法の分かる方がいらっしゃいましたら教えていただけないでしょうか。 よろしくお願いします。

  • HP url表示が無いページ

    初心者です。 HPを見てリンクページの中に、IEのメニューツールバーとアドレスが表示されていないページに出くわします。 このページでは、マウス右クリックで現れるコピー・貼り付けなどのプルダウンメニューも表示されません。 このページのurlを取得する方法を教えてください。 gene2

  • フレームページの表示について

    現在メモ帳タグ打ちでサイトを作っており、フレームページを 現在作成中なのですが、一つ自分の知識では解決できない問題が できてしまったので質問させていだきます。 2分割フレームで、 メニュー ┃ 表示ページ メニューでリンクをクリックした際、 表示ページにリンク先を表示させたいのですが、 新窓開きになってしまいます。どうすればいいのでしょうか? 講座サイトで見たターゲット指定もやっているのですが・・・。 ご回答お待ちしております。

  • フレームページがうまくできないよー

    とりあえず、ホムペを作っているんですけれども、 フレームページの製作がうまくいかないわけです。 とりあえず、基盤ページと右と左の分かれたページを作ることには成功したんですけれども、 左をメニューのほうとして、リンクを貼るじゃないですか そうして、ただリンク貼っただけですと、右のページじゃなくて、左のページにリンク先が表示されてしまうわけです。 どうやったら左のメニューをクリックして右の内容が変化するようにできるかわかりません。 教えてください。

  • 同一フォルダ内の別ページの特定のフレーム内に、別のHPのURLを表示したい、、

    HPビルダー6,5で、同一フォルダ内の別ページの特定のフレーム内に、別のHPのURLを表示したいのですが、うまくいきません。 まず、リンクをはる部分から、挿入、リンク、ファイル名は、表示したいHPのURL記述、ターゲットは、表示するページにあらかじめつけてあるターゲット名、というふうにしたのですが、いざ、リンクさせてみると、単に、新しいURLのページが全画面に表示されるだけでした。(ページが別の、特定フレームに表示するという行為は、まず、ページが飛んで、そして、更に、その飛んだページの、特定フレームに、URLのHPを表示、させるという、2段階の行為ですよね、やはり、こんなことはできないのでしょうか?

    • ベストアンサー
    • HTML
  • フレームセットを使用しているページへのリンク

    リンクの設定で困っています。 特定のページの特定の場所へリンクを張りたいのですが、リンク先がフレームセットを使用しているため、レイアウトがくずれた(フレームがなくリンクを指定した右側のページだけの)状態でページが表示されてしまいます。 フレームを使用していない別ページから、リンク先のフレームも生かしたまま、かつ右ページの特定の場所を表示するようにリンクを張る方法はありませんか。 A.htmlからB.htmlへリンクを設定。ただしB.htmlはフレームを使用し、左にL.html、右側にR.htmlを表示させている。A.htmlからリンクをつけるのはR.thmlの#xxx。ただしこの設定だと左に表示されてほしいL.htmlが表示されない。きちんとフレームも生かされた状態で、右側は#xxxまで移動させたいということです。 良い解決法を教えてください。

専門家に質問してみよう