ページ更新後も保持される変数の利用について

解決済

質問者：taksim
質問日時：2008/09/02 17:12
回答数：1件

初めての質問です。よろしかったらお答えください。
複数のインラインフレーム用ページが用意してあり、
テキストボックスに入力した番号によって
任意のページから10個のインラインフレームを順番に配置するようにしたいのです。
ここを参考に作ったのですがうまくいきません。
http://okwave.jp/qa4019868.html

<html>
<head>
<script language="javascript">

</script>
</head>
<body>
<form action="index.htm" method="get">
<input name="number" type="text" value="">
<input type="submit">
</form>
<script language="javascript">

</script>
</body>
</html>

根本的な所から間違っているのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： fujillin
回答日時：2008/09/02 20:18

よく読み取れませんが・・・

フォームで入力した数字（例えば10）とすると、インラインフレームに10.ｈｔｍ、11.ｈｔｍ・・・19.ｈｔｍという連番のｈｔｍファイルを表示したいということでしょうか？（どのようなことをしたいのか、いまいち実体がイメージできません）

いっぱいつっこみどころがあるのですが、とりあえず↑の想定があっているとして、以下の事柄を整理して、もう一度見直してみてください。

１）このファイルを表示した時（もちろんフォーム入力前）に、document.writeでiframeを表示しようとしていますが、表示するものがないはず。
２）formのactionがindexhtmとなっているが、それはこのファイルのことでしょうか？（自分自身を再読込みということか）
　index.htmが別にある場合：location.searchの解釈、iframeの出力などはこのファイルには不要でindex.htmに必要なスクリプトです
　再読込みの場合：最初の表示（未入力）と２回目以降の表示（iframeの表示）とを分けて制御する必要があるが、まったく考慮されていない。
３）iframeタグが閉じていないので、ブラウザで正しく認識されない。（IEの場合は適当に判断するみたいですが、これは例外的）
４）ついでながら、連番のｈｔｍｌを表示するにしても、何番から何番まで用意してあるのでしょうか。入力値をチェックするなりしないと『ファイルを開けません』の表示ばかりになる恐れがある。（本当に連番のファイルを表示するつもりなのでしょうか？）

ヒントとして・・・
ご提示のスクリプトは、document.writeを実行しようとした時にnの値が定まっていないので、動作がブラウザによって不定です。
『(1)初期値としてnを定義しておくこと（n=1;とか）と、(2)<iframe>タグを閉じること（</iframe>を入れる）』を修正すれば、とりあえず動作すると思われます。
でも、考えているものとは多分違う動作になるとは思いますが、そこを出発点にして確認しながら作っていってもいいかも。

いずれにしろ、やりたいことを一度整理した上で、どのように制御すればよいのかを考えてみることをお勧めします。

- 0
- 件

通報する

この回答へのお礼

丁寧にありがとうございます。
私の説明不足でした。
顧客情報のようなものを連番（顧客ID）のhtmで自動生成しており、それをインラインフレームを並べることで一覧できるようにする事と検索窓に顧客IDを入力するとそのフレームを表示するようにしたかったのです。
テキストボックス内の数字を保持したまま自分自身（index.htm）を再読み込みして、
インラインフレームを生成するという感じなのですがなかなかうまくいきませんでした。
しかしlocation.searchを理解することでなぞが解けました。
試行錯誤の末自分の思い通りの動きになりました。ありがとうございました。
<head>内に書いたスクリプトの変数ｎと<body>内に書いた変数ｎは内容を共有できないのですね。

<html>
<head>
<title></title>
</head>
<body>
<form action="index.htm" method="get">
<input name="number" type="text" value="">
<input type="submit">
</form>
<script language="javascript">

</script>
<iframe src='"+n+".htm'></iframe>
</body>
</html>