インラインフレームについて

[新着] TAG indexオフライン版 3.0 を準備中です



0   名前: わっしょい : 2007/04/05(木) 13:55  ID:soAJM.9R sub-t1
始めまして、ここを利用するのは今回が初めてです。
Javascript初心者なのですが、検索してもいいのがでないので、
助言して頂ければ幸いです。

インラインフレームを使って戻るや更新ボタンをつくり、
さらに、テキストエリアにURLをいれてボタンを押すとそのURLに移動できるように
したくこのようなソースを組み合わせてみたのですが、


<html><head>
<SCRIPT LANGUAGE="JavaScript">
<!--
function LC2(go){
if(go.url2.value != "") {parent.waku.location.href=go.url2.value}
else { alert("URLを入力して下さい")}
}
//--->
</SCRIPT>


<script type="text/javascript">
<!--

function LC2(jpURL){
waku.location = jpURL;
}

// -->
</script>
</head>
<body>
<a href="JavaScript:LC2('JavaScript:history.back()')">←戻る</a>
<a href="JavaScript:LC2('javascript:history.forward()')">→</a>
<a href="JavaScript:LC2('javascript:location.reload()')">更新</a> アドレス
<br>
<FORM NAME="URL2">
<INPUT TYPE="text" NAME="url2" VALUE="" SIZE=40>
<INPUT TYPE="button" NAME="CF2" VALUE="GO!" onClick="LC2(this.form)">
</FORM>
<iframe src="http://www.yahoo.co.jp/" name="waku" border="0px" width="769" height="450"></iframe>
</body>
</html>

一応、作動はするのですが、URLを入力して移動すると、戻る等のボタンが作動しなく
なります。どうすればいいか分かりません。よろしくお願いいたします。

1   名前: 元帥 : 2007/04/05(木) 13:55  [URL]  ID:4R.eWW5n sub-bK
> 検索してもいいのがでないので、
自分が探していたコードとスバリ同一のものを探すのではなく、雛形をコツコツと組み合わせる等、方法はいくらでもあるものです。

>>0のコードですが、先ず関数名に同じものが使われています。
下のLC2は不要でしょう。
language属性の事は忘れ、type属性を使って下さい。

肝心のブラウザ機能に見立てた各種JavaScriptは、LC2の引数に指定されているので動かないのでしょう。
<a href="#" onclick="parent.waku.history.back()">←戻る</a>
<a href="#" onclick="parent.waku.history.forward()">→</a>
<a href="#" onclick="parent.waku.location.reload()">更新</a>
# href属性にシャープを使うのは好まんのですが、まぁいいか(^^;

尚、>>0にはYahoo!のURLが指定されていますけど、実際に運用する場合、別ドメインのURLを用いるとセキュリティ上、JavaScriptの操作が不可能となりますので注意して下さい。

2   名前: わっしょい : 2007/04/05(木) 13:55  ID:soAJM.9R sub-t1
ご返事、ありがとうございました。
これからは、もっと工夫して検索してみます。

一覧へ戻る