- ベストアンサー
「フレームhtml」でリンクを張り、フレームの中身を指定する方法
- 「フレームhtml」にリンクを張り、リンク元のページから「自作イラスト」や「デジカメの写真」のページをフレーム内に表示する方法について説明します。
- フレームを活用した２分割のページである「自作イラスト」と「デジカメの写真」のページを、リンク元のページから指定して表示することができます。
- 具体的な手順としては、リンク先のURLにフレームの中身を指定するためのパラメータを追加することで、フレーム内に表示させることができます。
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- shiba1
- ベストアンサー率41% (10/24)
え、？こういうので良かったんですか？ ・・、ブラウザのアドレスバーに、というのは、 ちょっと無理（というか知らない）ので、formで作ってみました。 ちょっと、ソースとにらめっこしてください。。 内容が増えているのは、functionが、二つあるから、 function fmakeが、リンクをクリックしたときに使う方。 function fmake2が、アドレスを入力するヤツです。 http://www.yahoo.co.jp/ http://www.goo.ne.jp/ とか入力してみて下さい。 私もアマチュアなので、間違いがありそうですが。。 <html> <head> <title>frametest</title> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <META http-equiv="Content-Script-Type" content=text/javascript> <script language="JavaScript"> <!-- function fmake(f1,f2,ttl) { document.open(); document.write('<html>\n<head>\n<title>'+ttl+'</title>\n'); document.write('</head>\n<frameset cols=\"50%,50%\">\n'); document.write('<frame src=\"'+f1+'.html\" name=\"left\" noresize>\n'); document.write('<frame src=\"'+f2+'.html\" name=\"right\" noresize>\n'); document.write('</frameset>\n</html>'); document.close(); } function fmake2() { f1 = document.form1.t1.value ; f2 = document.form1.t2.value ; if ((f1=="" ) || (f2=="")){alert("両方にURLアドレス\n\nまたはファイル名を入力して下さい");} else{ document.open(); document.write('<html>\n<head>\n<title>ココにタイトル</title>\n'); document.write('</head>\n<frameset cols=\"50%,50%\">\n'); document.write('<frame src=\"'+f1+'\" name=\"left\" noresize>\n'); document.write('<frame src=\"'+f2+'\" name=\"right\" noresize>\n'); document.write('</frameset>\n</html>'); document.close(); } } //--> </script> </head> <body> <a href="JavaScript:fmake('a01','a02','自作イラスト');">自作イラスト</a> <a href="JavaScript:fmake('b01','b02','デジカメの写真');">デジカメの写真</a> <hr> ※ファイル名には、拡張子も付けて下さい。 <form name="form1"> 左のページURLorファイル名 : <input type="text" size="50" name="t1"><br> 右のページURLorファイル名 : <input type="text" size="50" name="t2"><br> <input type="button" value="入力してクリック！" onClick="fmake2();"> <input type="reset" value="リセット"> </form> <hr> </body> </html>
補足
現在のウインドウでリンクページを開く方法ありがとうございました。 そして、ブラウザのアドレスバーを制御するのは無理なんですね。 申し遅れましたがアドレスバーに表示させておきたいのは「frame.html」 なのです。（ブラウザの「お気に入り」の対策として） そこで「contents.html」で引数を「frame.html」に渡し、「frame.html」で処理をすれば、アドレスバーに「frame.html」が表示されると思うのです。 ブラウザの「お気に入り」などから「frame.html」を直に読み込んだときは「c01.html」と「c02.html」 が表示され、「contents.html」からきたときはそれに応じた制御をする。 このようなことが可能でしょうか？ またご面倒をおかけいたしますがなにとぞよろしくお願い申し上げます。
- shiba1
- ベストアンサー率41% (10/24)
こんばんは。 つまり、フレーム割りを定義したページを使い回す。。。 ということでしょうか？ んん～。htmlでは、ちょっと思いつかないですね。 JavaScriptで、フレームを定義したページを作っちゃえばできますが。。 フレームの定義だけなら少ないソースですむので、そんなには面倒じゃないですね。でも、コレだとフレームのページ自体がイナライ。。。 ちょっとコレ↓を同じディレクトリに置いて試してみてください。 フレームの分割を変えたいのだったら、それも制御するようにもできます。 ======================================== <html> <head> <title>frametest</title> <script language="JavaScript"> <!-- function fmake(f1,f2,ttl) { ya5 = window.open(); ya5.document.write('<html>\n<head>\n<title>'+ttl+'</title>\n'); ya5.document.write('</head>\n<frameset cols="50%,50%">\n'); ya5.document.write('<frame src="'+f1+'.html" name="left" noresize>\n'); ya5.document.write('<frame src="'+f2+'.html" name="right" noresize>\n'); ya5.document.write('</frameset>\n</html>'); ya5.document.close(); } //--> </script> </head> <body> <a href="JavaScript:fmake('a01','a02','自作イラスト');">自作イラスト</a> <a href="JavaScript:fmake('b01','b02','デジカメの写真');">デジカメの写真</a> </body> </html> ============================================
補足
こんなに長い解答本当にありがとうございます。 さっそく試させていただきました。 自分のイメージにかなり近いものでした。 この教えていただいたものに、 ・新しくウインドウが開かれてリンクページが開かれましたが、現在のウインドウでリンクページを開く方法 ・ブラウザのアドレスバーに任意のアドレスを記載する方法 はございますでしょうか？ これができますと完全に自分のイメージと同じホームページが作ることができます。 ご面倒とは存じますが、なにとぞよろしくお願いいたします。
- seal-papa
- ベストアンサー率54% (96/175)
ちょっと違う解決方法ですが、frame2.htmlを作って、 frame.htmlは、「a01.html」「a02.html」を表示 frame2.htmlは、「b01.html」「b02.html」を表示 というようにする方法はいかがでしょう？
お礼
今回お世話になっております質問の“肝”は、まさにそこなのです。 「フレームhtml」を分けずに、何とか処理できないかということなんです。 やはり無理なのでしょうか？ よろしくお願い申し上げます。
お礼
ウインドウを閉じるのは無理の用ですね。 長々とおつきあいありがとうございました。
補足
ありがとうございます。 どうしても新しいウィンドウが開いてしまうんですね。 それでしたら、せめて元のウインドウを閉じることはできますでしょうか？ 何回も、何回も申しわけありません。 よろしくお願いいたします。