A.htmlの下半分をB.htmlに引用する方法はあるか?

このQ&Aのポイント
  • A.htmlの下半分をB.htmlに引用する方法について質問です。ホームページの半分から下だけを別のホームページに表示させたいと考えています。
  • A.htmlの半分から下を別のHPとしてB.htmlとして表示する方法が知りたいです。
  • XMLを使用してA.htmlの下半分をB.htmlに引用することは可能でしょうか?
回答を見る
  • ベストアンサー

A.htmlの下半分をB.htmlに引用することができますか。

htmlでも質問したのですが ホームページの半分から下だけを別のホームページに表示させたいと思っています。 A.htmlの半分から下を別のHPとしてB.htmlとして表示できますか。 たとえばAページの半分のところに<a neme="kokokara"></a>としてBページをフレームでつくりネームリンク以下を呼び出したのですが、 <frame src="index.htm#kokokara" scrolling="auto"> 表示ができるようですが、ネームリンクより上の部分までもスクロールバーで表示されてしまいます。 ネームリンクのような考えでXMLではA.htmlの下半分をB.htmlに引用することができますか。

  • niko33
  • お礼率74% (579/773)
  • XML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

#1>簡単に言うと、htmlのものをXMLにするのは手間がかかりますか? HTML をXMLに適合するように書いたものをXHTMLといいます。 タグは小文字で書くとか、必ず閉じタグを書くとか色々ルールはありますけど、基本的にはそれ程難しいことはありません。 最低限体裁さえXML様式になっていれば目的としてはいいので。 XHTMLについての書き方の注意なんかは、多分そのようなサイトがあると思います。 #1>・htmlの場合には<div id="tail">を呼び出すことはできないですか。 基本的にHTML+javascript で別ページの部分は、読込できません。 Ajax と言われる手法では、別ページを読み込むことができます。 その場合、XML様式になっていれば、簡単に、id 指定でエレメント以下の内容を取り出すことができます。 XML形式になっていない場合には、テキストとして読み込んで、必要な部分を取り出すことになるかと思いますが、タグペアの対応を解析するのが難しいので、余程シンプルな形のHTMLじゃないと難しいと思います。 また、HTML+javascript では、 (やはり、DIVで分けてあることが前提ですが) IFRAMEなどで、動的に別ページを読み込んでその部分を取り出す。 子ウインドウとして開いてその部分を取り出す。 というのは多分できると思います。 (こちらは、読み込んだ時にブラウザが解析してくれるので楽に取り出せる)

niko33
質問者

お礼

丁寧な回答ありがとうございます。 小文字、閉じタグ、などでXHTMLができるんですね。 書き方のサイトを見てできるか確認してみます。 IFRAMEを使ってDIV部分を呼び出せるんですね。 それでやるのがいいようです。もう少し探してみます。ありがとうございました。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

index.htm#kokokara のようにリンクする場合結局その位置が表示されるというだけなので、 スクロールしてそれ以前の位置が表示されるのは仕方ないです。 A.htmlがXML の様式を満たしていれば <div id="head">前半分の内容</div> <div id="tail">後半分の内容</div> の様にA.html を分割しておいて、 後半分だけを撮り出すことは可能だと思います。

niko33
質問者

お礼

回答ありがとうございます。まだわからないので再質問です。 ・XMLについて少し掲示板を見てみたのですが、htmlとは全く違うようで、 とてもすぐにはできそうもありませんでした。 簡単に言うと、htmlのものをXMLにするのは手間がかかりますか? ・htmlの場合には<div id="tail">を呼び出すことはできないですか。 (htmlについてなのでジャンル違いかもしれませんが。) でも<div id="tail">で呼び出せることを教えていただけただけでも参考になりました。 今まではフレームで呼び出すことだけしか頭になかったので。

関連するQ&A

  • ホームページの下半分をidで呼び出せますか

    ホームページの半分から下だけを別のホームページに表示させたいと思っています。 A.htmlの半分から下をB.htmlとして表示したいのです。 たとえばAページの半分のところに<a neme="kokokara"></a>としてBページをフレームでつくりネームリンク以下を呼び出したのですが、 <frame src="index.htm#kokokara" scrolling="auto"> 表示ができるようですが、ネームリンクより上の部分までもスクロールバーで表示されてしまいます。 このネームリンクのような形でたとえばidを置き、idの部分だけをBページに呼び出すということはできますでしょうか。できるとしたらidのタグを実際に教えてください。

  • フレームありのページにリンクしてさらにそこに表示するHTMLも指定する

    まずフレームのなしのページ(以降A)からフレームありのページ(以降B)へリンクさせます。 そしてBは毎回違うものを表示したいのです。 そこで、今まではAのリンク先を常にBにしてBのフレームのソースを毎回書き換えてました。例えば以下のmain001.hrmlをmain002.htmlにしたりして。 <FRAME name="header" scrolling="NO" src="header.html" frameborder="NO" noresize> <FRAME name="main" src="main001.hrml" scrolling="AUTO" frameborder="NO" noresize> ですが、毎回このフレームのソースを買えるのではなく、 Aのリンクの記述を変えることでBのフレームのmainのHTMLを変更したいのです。 要はフレームのページへリンクしてさらにそこに表示するHTMLもリンクもとのページから制御したいのです。 できるんでしょうか? お願いいたします。

  • フレームが表示できません

    現在ホームページをつくっているのですが、フレームのhtmlをいれても、「このページは表示できません」とでてきます。 一応同じ質問のページを見てきたのですが、よく分かりませんでした。 使っているhtmlは、 <html> <head> <title></title> </head> <frameset cols="200,*" border="0"> <frame name="left" src="b.html" scrolling="yes"> <frame name="right" src="c.html" scrolling="yes"> </frameset> <noframes> </noframes> <html> です。宜しくお願いします。

    • ベストアンサー
    • HTML
  • 下に表示されるスクロールバーの消し方を教えてください。

    下記のようにtitle(上)、menu(右)、main(左)と、3つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main(右)のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか? 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html

    • ベストアンサー
    • HTML
  • 複数のiframeの読み込みについて

    とある事情があり、制限がかなりある中、何とかiframeでやりくりをしていたのですが、 下記の通り(コード、画像参照)ページを組んだところ、 IE11、chrome34.0で確認をしたところ、下記の通り表示がおかしくなってしまいました。 制限が色々あるため、少しイレギュラーなコードの組み方をしており、どこが原因なのかがわからない状態です。 状況などをまとめましたので、お手数おかけいたしますがご教授いただけますでしょうか。 ■■■ページの概要について 恐らく下記のコードと添付の画像を見ていただいた方がわかりやすいと思いますが、制限や概要を記述しておきます。 ・表示させる方のページをA.html(親ページ)、iframe内で読み込むページをB.html(子フレーム)とします。 ・親ページの方にはかなり使用できるタグなどに制限があり、javascriptが使用できません。文字数にも制限があります(子フレームの方は自由です。) ・親ページも子フレームも触れるものの、この2ページは別ドメインです。(下記の例は相対パスで記述しています) ・子フレームの内容は、下記の例では内容が少ないですが、実際にはかなり長いページになります。ただ、ページは分けない方向でお願いします。 ・iframeはスクロールが出ないように高さを調節しています。 ・ページ内リンクを使用したいのですが、iframe内だけではなく、親ページから見た状態でページの途中に飛ばしたいため、  親ページの方にページ内リンク用のアンカーをつけ、複数のiframeで子フレームの内容を表示させています。 ・子フレームのコンテンツ毎にiframe表示用のアンカーをつけ、親ページで細かくiframeを分けて表示させています。 ・(ページ内リンクは親ページの方に記述することも出来ます。) ちなみに過去に次のような記事を見つけましたが、どちらも試すこともできない状態です。 http://okwave.jp/qa/q1105662.html http://okwave.jp/qa/q2938546.html ■■■表示のエラーについて(サーバ上でも、ローカルでも同じような状態です。) ・ページを読み込むと、一番上ではなく、一番下のiframeのところで止まります。  (⇒ページが読み込むと同時に一番上に行ってほしいです。) ・ページ内リンクを付けていますが、リンクを押しても該当のヶ所に飛ばず、  読み込むように少しページがぶれるのですが、元の位置のままです。 ・IE11のみですが、リンクで使用している画像がぼやけて表示されます。  (外部CSSで文字の背景に設定しています。) ■■■コードについて ◆A.html(親ページ) ※JSは使用不可です。 ※<body>は触れません。 ※B.htmlのページとは別ドメインです。 <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Baの内容--> <a name="linkAa" id="linkAa"></a> <iframe src="B.html#Ba" frameborder="0" width="850" height="580" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bbの内容--> <a name="linkAb" id="linkAb"></a> <iframe src="B.html#Bb" frameborder="0" width="850" height="595" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ページ内リンク--> <iframe src="B.html#Blink" frameborder="0" width="850" height="200" marginwidth="0" marginheight="0" scrolling="no"></iframe> <!--ここから#Bcの内容--> <a name="linkAc" id="linkAc"></a> <iframe src="B.html#Bc" frameborder="0" width="850" height="565" marginwidth="0" marginheight="0" scrolling="no"></iframe> ◆B.html(子フレーム) ※JSは使用可です。 <div class="pageLink"> <a name="Blink" id="Blink"></a> <ul> <li><a href="A.html#linkAa" target="_top">#linkAaへリンク</a></li> <li><a href="A.html#linkAb" target="_top">#linkAbへリンク</a></li> <li><a href="A.html#linkAc" target="_top">#linkAcへリンク</a></li> </ul> </div> <a name="Ba" id="Ba"></a> <div>Baの内容</div> <a name="Bb" id="Bb"></a> <div>Bbの内容</div> <a name="Bc" id="Bc"></a> <div>Bcの内容</div> 以上です。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • <a name>のタグで別のフレームにリンク先を表示したい

    現在ホームページを作っている真っ最中です。 ひとつ行き詰ってしまったのですが、 <a name>のタグで元のフレームを残したまま、 別のフレームにリンク先を表示するにはどうすればヨイのでしょうか? 1と2にフレームを分けているのですが、 2のフレームに、<a name="xxx">を仕込んだ状態で、 1のフレームに、<a href="sample.html#xxx">リンク</a>を貼り付けて 試しましたが、これだと1のフレームに表示されてしまいました。 今度は、<a href="index.html" target="ウィンドウ名">リンクボタン</a>で試したのですが、これだと新たにウィンドウが表示されてしまい、尚且つ、1のフレームが消えた状態でウィンドウが出てきてしまったので、 これもダメでした。 ちょっと文章が下手で読みづらいかと思いますが、 良かったら暇な時に回答してくださるとうれしいです。 宜しくお願いします。

  • 表示範囲の狭い時のアンカータグについて

    仕事でHTMLを製作しております。 環境はウインドウズXPSP2です。 HTMLの構造は 親ページ、A.htmlに、 子ページ、B.htmlが <iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe> に表示されているというものです。 A.htmlに項目がずらっと並んでいて、 それにリンクが張ってあり、それらをクリックすると 表示されているB.htmlの指定箇所を表示するというものです。 現在、A.htmlのリンクは、 <a href="B.html#01">1</a> <a href="B.html#02">2</a> <a href="B.html#03">3</a>となっており、 B.htmlには、 <a name="01"></a> <a name="02"></a> <a name="03"></a> となる、アンカーリンクが張ってあります。 これで、動きは完動するのですが、 <iframe name=001 src="B.html" frameborder=0 width=200 scrolling=auto height=1000></iframe> とあるように、表示されている縦が1000と、デザイン上すごく長くて、ふつうのPCでは表示し切れていません。現状この状況でアンカーリンクをクリックすると、通常動作と同時に親ページ、A.htmlの表示がページの一番下にスクロールしてしまいます。 A.htmlにある項目がデザイン上、上方にあるので、 他の項目を見るたびにA.htmlを上までスクロールしなければいけないのです。 アンカータグであるという原因はわかっているのですが、対処の仕方に悩んでいます。 わかりずらい状況かもしれませんが、 ご教授よろしくお願い致します。

    • ベストアンサー
    • HTML
  • ホームページを作成中なのですが、分からない事がありましたので質問させて

    ホームページを作成中なのですが、分からない事がありましたので質問させて頂きます。   一番の土台は(index)、横に3つに割ったフレームで、一番下のフレームにメニューリンクを置いてあり、真ん中のフレームにページが表示されるようになっています。そのリンクはできています。   <HTML> <HEAD> <TITLE>ホームページのタイトル名</TITLE> </HEAD> <FRAMESET rows="20%,50%,30%" border="0"> <FRAME src="ue.html"> <FRAME src="center.html" name="center"> <FRAME src="sita.html"> </FRAMESET> </HTML>   下のフレームにメニューを3つ置いてあるのですが、そのうち1つはまたフレームのページになっています。 そのフレームのページは縦に2分割で、左側にメニューリンクが置いてあり、右側にページが表示できるようにしたいと思っているのですが、 そのメニューのリンクが右側に表示されずに別窓に表示(_blankのように)されてしまいます。   <HTML><HEAD> <TITLE>ホームページのタイトル名</TITLE> </HEAD> <FRAMESET cols="30%,70%" border="0"> <FRAME src="left.html" name="left"> <FRAME src="right.html" name="right"> </FRAMESET></HTML> メニューリンクを置いてある、left.htmlはこうなっています。 <HTML> <HEAD> <TITLE>ホームページのタイトル名</TITLE> </HEAD> <a href="×××.html" target="right"><img src="×××.gif" border="0"></a> </BODY> </HTML>   他の質問を参考にして、大文字と小文字の区別をつけるようにとname="LEFT"としたりしてみましたが、できませんでした。   どなたかわかる方ご回答を宜しくお願い致します。

    • ベストアンサー
    • HTML
  • リンク先のフレームページ(ウィンドウ枠の固定風)

    すみません。いろんなサイトを探してますがどうしてもわかりません。 「1.html」とフレーム上下(上:a.html、下:b.html)に別れた「2.html」というのを作りました。 「1.html」にはテーブル表示したページと成っています。 テーブルの中には「2.html」へリンクの仕方はわかります。 でも下(b.html)のデータが長いのでnameへジャンプするように指定(b.html#name1)としたら、もちろん上のフレーム(a.html)が表示されません。 2.htmlへリンクしてなおかつ、指定先が表示されるようにするにはどうしたらいいでしょうか?(Excelのウィンドウ枠の固定風みたいにして、name1へジャンプするように)) スタイルシートでも考えたのですが、ブラウザによってみれなくなるのは極力避けたいのです 当方のHP作成ソフトはgoliveです。 長文申し訳ありませんがよろしくお願いします

    • ベストアンサー
    • HTML
  • フレームの読込み順

    皆さん、こんにちは。Blackwinglsです。 フレームの読込み順で困っています。 index.htmを以下のようにし、 <frameset rows="20%,80%" frameborder="0" border="0" framespacing="0"> <frame src="a.htm" name="up" scrolling="no"> <frame src="b.htm" name="down" scrolling="no"> </frameset> a.htm、b.htmを読んでいますが、a.htm内に <script language="JavaScript"> <!-- document.write(parent.down.myForm.word.value) //--> </script> のscriptを記述すると、当然まだb.htmは読み込まれていないのでエラーが最初の一回だけ出てしまいます。 a.htmはフレームの上部に表示したいので、 <frameset rows="20%,80%" frameborder="0" border="0" framespacing="0"> <frame src="a.htm" name="up" scrolling="no"> <frame src="b.htm" name="down" scrolling="no"> </frameset> の順は変更したくありません。 なんとか、先にb.htmを読み込ませて下部に表示させる方法はないものでしょうか?

    • ベストアンサー
    • HTML

専門家に質問してみよう