人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript についてお願いします

<FORM name="form">
<INPUT type="text" name="text">
<INPUT type="button" value="表示" onClick="set_text">
</FORM>
のtextに入力した文字を
iframe(id="hoge")内に表示する方法を教えてください

こんな感じで行いたいと考えています
function set_text(){
????????? = document.form.text.value;
}

●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:hoge JavaScript 入力
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● susie-t
●35ポイント ベストアンサー

以下でどうでしょう。

<html>
<head>
<title></title>
<script>
<!--
function set_text(){
window.frames['iframe'].document.write(
 '<html><head></head><body>'
 + document.form.text.value
 + '</body></html>'
);
}
//-->
</script>
</head>
<body>
<FORM name="form">
<INPUT type="text" name="text">
<INPUT type="button" value="表示" onClick="set_text();">
</FORM>
<iframe id='iframe'></iframe>
</body>
</html>
◎質問者からの返答

ありがとうございました。

ちょっと忙しいので時間ができ次第試します。

上手くいきました。

ありがとうございました。


2 ● flowerhill
●35ポイント

idを使って取るのは、うまくいかなかったのでDOMでやってみました。

<html>

<head>

<script type="text/javascript"></p> <p>function set_text(form){</p> <p>hoge.document.body.innerHTML=form.text.value;</p> <p>}</p> <p></script>

</head>

<body>

<FORM name="form">

<INPUT type="text" name="text">

<INPUT type="button" value="表示" onClick="set_text(this.form)">

</FORM>

<iframe src="bbb.html" name="hoge"></iframe>

</body>

</html>

bbb.htmlの中身は空です。

<html>

<head>

</head>

<body>

</body>

</html>

もっと良い感じのやり方があるのかもしれませんが、まぁ動きます。

◎質問者からの返答

ありがとうございました。

ちょっと忙しいので時間ができ次第試します。

こちらも上手くいきました。

ありがとうございました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ