ラウンジ(兼FAQ掲示板)

別ページのインラインフレームへアンカー付きURL情報を渡す方法
過去ログ NO.1108805838
□ mo [2005年02月16日00時29分]
はじめまして、検索エンジンから辿り着きました。
トップのインラインフレーム内のリンクから別ページのインラインフレーム内のアンカーに飛ばす方法なのですが、普通に<a href="xxx.html#1" 〜>と指定しても駄目でしたので、javascriptを使うという所までは分かったのですが、scriptに関しては素人のため、どなたかお力添えを頂きたいと思い、書き込ませていただきました。
概念としては、飛ぶ先のurlは固定ですので、トップのインラインフレーム内リンクをonclick時に引数としてアンカー情報をurlとくっつけて(next.htm?1のように)次のページに渡したいのですが具体的な方法が分かりません。
次のページでは、
<script type="text/javascript">
<!--
function jump(url1,Contents) {
window.liveevent.location.href = url1 + Contents;
return false;
}// --></SCRIPT>
</head>
<body bgcolor="#FFFFFF" text="#000000" background="./img/bg2.gif" onload="jump('cgi-bin/liveevent/diary/index.html','#1')">

みたいな感じでロードさせることでインラインフレーム内のアンカーに飛ばすことはできました。(liveeventというのは次ページのインラインフレーム名です)
上のソースで#1の部分を前ページから引き継ぎたいのです。

基本的な考え方から違うのかも知れないのですが、ご教授の程よろしくお願いいたします。
□ NXer [2005年02月19日18時37分]

はじめまして。NXerです。

>トップのインラインフレーム内のリンクから別

下記のようなディレクトリ構成でjavascriptを使わずに、
おそらく類似の表現が可能か、当方で作成してみました。

/public_html/
.....|-index.html  ここにインラインフレームを表示
.....|-page0.html  トップページ用 起動時表示
.....|-page1.html  リンク先 ここをURLにすることも可
.....|-page2.html   以下略

-----------------------------------コピーペースト可
<HTML>
<HEAD>
<TITLE>iframe</TITLE>
</HEAD>
<BODY>
<CENTER>インラインフレームテスト 2005.2.19 by NXer
<BR><BR><BR>
<IFRAME width="60%" height="55%" name="frame" scrolling="no" frameborder="1" src="page0.html">
</IFRAME>
<BR>
<A target="frame" href="page1.html">page 1 </A>
<A target="frame" href="page2.html">page 2 </A>
<A target="frame" href="page3.html">page 3 </A>
 <A target="frame" href="page0.html">iframe </A>
</CENTER>
</BODY>
</HTML>
----------------------------------------

リンク先のhtml文書の例です。
----------------------------------------
<BODY topmargin="0" leftmargin="0">
<P>inline test page1</P>
</BODY>
-----------------------------------------

下手な説明です。
--------------------------------------
<IFRAME width="60%" height="55%" name="frame" scrolling="no" frameborder="1" src="page0.html">
</IFRAME>
--------------------------------------
インラインフレームの幅、高さはピクセルも可。
nameがポイントです。リンクターゲットtargetで使います。
javascriptでも関数を作ればできるのでしょうが、当方の
使える範囲のタグや属性にしました。スクロールバーは
表示するページの大きさで初期値をyesにするほうがよいかも
しれません。フレームの境界は0にすると、文字でできている
場合、どこからがフレームか分りません。htmlの背景に色や
絵を使えば、値は0でしょうか。

リンク先文書のマージンを設定しないと1文字分下、右から
始まる感じです。この辺りは試してウェブデザインを仕上げる
ことになります。

以上です。javascriptでするというときはお読み捨てください。

**************************メモ
これはフローティングフレームそのものです。当方の
参考文献は以下のとおりですが、ネット検索も可能と思います。
---------------------------------------------------
インターネットマガジン編集部、ホームページ裏技大全
HTML TIPS & TRICKS インプレス p52
---------------------------------------------------
参考ウェブサイト
なお、すえぽんさんのcgiの多くはハイブリッドスクリプト
であることから、javascriptの関数をうまく処理するために
最近では過去ログにある店主さまがインラインフレームをご使用
です。
このようにするといろんなアイテムをpage1,2,3,,と幾つも
リンクで「飛ばす」ことができるような気がします。
この点は当方にとってうれしい新発見です。ご希望とは異な
るかもしません。また、すでにご存知のことでしょうか。
よろしければ、おためしください。
一定時間書込が無かったので過去ログに移りました

suepon.com | CGI作成/CGI制作 | JavaScript | ドメイン検索 | バナー自動作成 | Google ダンスツール | 松浦亜弥 | H.P.memo | パソコン | ネイル

Copyright (C) 2002 - 2009 suepon , All rights reserved. Powered by CGI Script Market.