- ベストアンサー
ページ更新後も保持される変数の利用について
- 初めての質問です。よろしかったらお答えください。複数のインラインフレーム用ページが用意してあり、テキストボックスに入力した番号によって任意のページから10個のインラインフレームを順番に配置するようにしたいのです。
- 根本的な所から間違っているのでしょうか？
- 参考にしたサイトはhttp://okwave.jp/qa4019868.htmlです。
- taksim
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
よく読み取れませんが・・・ フォームで入力した数字（例えば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>を入れる）』を修正すれば、とりあえず動作すると思われます。 でも、考えているものとは多分違う動作になるとは思いますが、そこを出発点にして確認しながら作っていってもいいかも。 いずれにしろ、やりたいことを一度整理した上で、どのように制御すればよいのかを考えてみることをお勧めします。
お礼
丁寧にありがとうございます。 私の説明不足でした。 顧客情報のようなものを連番（顧客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"> <!-- var queries=location.search; if(queries){ var q = queries.replace(/^\?/,'').split('='); var n = eval(q[1]); } for(i=1 ; i<=10; i++) { document.write("<iframe src='"+n+".htm'></iframe>"); n++; } //--> </script> <iframe src='"+n+".htm'></iframe> </body> </html>