他のページを更新する方法
- ジャバスクリプトの勉強中で、他のページを更新する方法について教えてください。
- 「../HelloWeb」というフォームのsubmitをすると、他のページも更新されるような方法を教えてください。
- フレームを使用して画面を二つに分割し、上のソースでsubmitすると下のページも更新されるようにしたいです。
- ベストアンサー
他のページ更新
こんにちは 今ジャバスクリプトの勉強中です <%@page contentType="text/html; charset=Windows-31j"%> <html> <head> <script type='text/javascript'> <!-- function sta() { var naiyou = document.getElementsByName('aaa')[0].value; if(naiyou == '') { alert('空です'); } } // --></script> </head> <body> <form method="get" action="../HelloWeb" onsubmit="sta()" > <INPUT type='text' name='aaa'> <INPUT type='submit' value='クエリ送信' ><br> <br> </form> </body></html> こういうものを作っていて submitすると 他のページも更新するように (画面を二つにフレームでわり、上で↑のソースつかってます。 下のページで表示したい) したいとおもいます。 上のソースに submitすると他のページ(二分割のした)を更新できるように できますか?方法があれば教えていただきたいです。 下のファイルもJSPで作成しています
- gomadango27
- お礼率31% (15/47)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
記事を参考にして書いたのは HelloWeb_main.opener.location.reload(); のところですかね? コレが何をしているのか、記事の中で説明されているように ”日本語で訳すと、parent(親)の[frames(宣言されているフレーム中)]で「menu(menuと言うフレーム)」の「location(現在位置)」を「reload(更新)」してあげるのです。” という風に説明できますか? なぜできないのか? 自分のコードがどう動くのか理解できてないからだと思いますよ。
その他の回答 (1)
- cma3atgoo
- ベストアンサー率35% (32/90)
関連するQ&A
- サブミットで送信させない
こんにちは。 今ジャバスクリプトやサーブレットの勉強をしています サブミットで送信したところ 画面が飛んでしまうのを 回避したいのですが。 いろいろなサイトの方法でためしてみたのですが ジャバスクリプトが機能しなくなったり ページがとんでしまったりとうまくいきません アドバイスお願いします ソース <%@page contentType="text/html; charset=Windows-31j"%> <html> <head> <H1>入力画面</H1> <script type='text/javascript'> <!-- function sta() { var naiyou = document.getElementsByName('aaa')[0].value; if(naiyou == '') { alert('空です'); } } // --></script> </head> <body> <form method=get action="../HelloWeb"> <INPUT type='text' name='aaa'> <INPUT type='submit' value='クエリ送信' onclick='sta()'><br> <br> </form> </body></html> 空の時は アラート それ以外は画面遷移行わず データ送信したいと思っています お願いします
- ベストアンサー
- JavaScript
- 親ウィンドから子ウィンド更新
親ウィンドウで画面を二分割し 親ウィンドウを更新したいと思っています・・・ 親ウィンドウがどうしても更新しないです オンロードイベントをつかっているのですが・・・ アドバイスお願いします 親ソース(JSPファイル) <HTML> <FRAMESET ROWS="100,*"> <FRAME SRC="HelloWeb_Input.jsp" > <FRAME SRC="HelloWeb_Output.jsp" > <NOFRAMES> <BODY> </BODY> </NOFRAMES> </FRAMESET> </HTML> 子ウィンドウ HelloWeb_Input.jsp <%@page contentType="text/html; charset=Windows-31j"%> <html> <head> <H1>入力画面</H1> <script type='text/javascript'> <!-- function sta() { var naiyou = document.getElementsByName('aaa')[0].value; if(naiyou == '') { alert('空です'); } } function kousin() { window.opener.top.location.reload(); } // --></script> </head> <body onLoad="kousin()"> <form method="get" action="../HelloWeb" onsubmit="sta()" > <INPUT type='text' name='aaa'> <INPUT type='submit' value='クエリ送信' ><br> <br> </form> </body> </html> サブミットで送信し、ページが入力画面にもどってくるようにしてます そのタイミングで親ウィンドも更新したいとおもっています (HelloWeb_Output.jspに送信したものが更新しないと表示されないため) アドバイスお願いします
- ベストアンサー
- JavaScript
- 複数のフォームから送信
複数のフォームからtextの値を送信したいのですができますか?〒番号を入力して検索ボタンをおすと住所がでてきて最後に登録をしたいです。検索だけのプログラムはできてますがフォームを二つにすると両方のsubmitが登録になります・・・ 一応自分でいろいろためしましたがだめでした。。。 html,php,javascriptです。 二つともだめでした。。。。 rei1.php ------------------------- <html> <body <form method="POST" action="1.php"> お名前:<input type="text" name="name"> <br> <br> <form method="POST" action="yubin.php"> 〒:<input type="text" name="yubin"> <input type="submit" value="検索"> <br> 住所:<input type="text" name="zyu"> <br> </form> メールアドレス:<input type="text" name="email"> <br> <input type="submit" value="登録する"> </form> </body> </html> -------------------------------------- rei2.php -------------------------------------- <html> <head> <script language="javascript"><!-- function send() { document.nform.submit(); document.nform2.submit(); document.nform3.submit(); } //--></script> </head> <body> <form name="nform" method="POST" action="1.php"> お名前:<input type="text" name="name"> <br> </form> <form name="nform2" method="POST" action="yubin.php"> 〒:<input type="text" name="yubin"> <input type="submit" value="検索"> <br> 住所:<input type="text" name="zyu"> <br> </form> <form name="nform3" method="POST" action="1.php"> メールアドレス:<input type="text" name="email"> <br> <input type="submit" value="登録する"> </form> </body> </html> ------------------------------------
- 締切済み
- HTML
- メールフォームのソースについて
メールフォームがうまく作れません。下のソースでおかしなところがあったら 教えていただけませんか?よろしくお願いします。 html> <head> <title>sample</title> <script Language="JavaScript"><!-- function set(sObj) { str = sObj.options[sObj.selectedIndex].value; document.myFORM.action = "mailto:" + str; } // --></script> </head> <body> <form name="myFORM" method="post" action="mailto:abc@***.ne.jp" enctype="text/plain"> <br> <input type="text" value="test" NAME="data"><br> <input type="submit" VALUE="送信"><br> </form> </body> </html>
- ベストアンサー
- JavaScript
- 現在のカーソル行を知りたい。
'KeyDown'の下記サンプルコードでfunction msgにきたときに 何番目のテキストボックスでKYyDownされたか知りたいのですが、 関数があればお教え下さい。 <html> <head> <script type="text/Javascript"> <!-- function msg(str) { alert("check"); } //--> </script> </head> <body onKeyDown="msg('KeyDown')"> key<br> <form name="myForm" method="POST" target="_self"> <input type="text" name="text1><BR> <input type="text" name="text1"><BR> <input type="text" name="text1"><br> <input type="submit" name="button1" value="button"> </form> </body> </html>
- ベストアンサー
- JavaScript
- 送信データの受け取りについて
ご教授願います。 ページ1からMETHOD="get"で値をSubmitして ページ2で受信したいのですが、 ページのURLバーのアドレスの最後に「?ACT=3」と 記載されているにもかかわらず、 ページ2内での$_get['ACT']で 値を拾えませんし、$ACTも確認できません。 どの様な原因が考えられるのでしょうか。 <環境> IE 7.0.5730.13 PHP 5.2.6 <プログラム> *ページ1 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"><!-- function Cli_Submit(){ ListForm.action = "Test_submit2.php"; ListForm.submit(); } // --></script> </head> <BODY> <FORM NAME="ListForm" METHOD="get"> <TD><INPUT TYPE="text" NAME="ACT"></TD> <TD><INPUT TYPE="button" VALUE="Submit" onClick="Cli_Submit()"> </FORM></BODY></HTML> *ページ2 <html> <head> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"><!-- // --></script> </head> <BODY> <FORM NAME="ListForm" METHOD="post"> <TD><INPUT TYPE="text" NAME="ACT" VALUE="<?php print $_get['ACT'] ?>"></TD> <TD><INPUT TYPE="button" VALUE="Submit" onClick="Cli_Submit()"> </FORM></BODY></HTML>
- 締切済み
- PHP
- 『`』がテキストタイプのvalueにある場合にhiddenを追加すると表示が崩れる
言葉では説明できないためコードを記載致しました。 下記のコードでボタンを押下した場合に表示が崩れるのは何故でしょうか?(IE6,IE7で確認) 又、対策としてはどのような事が考えられるでしょうか?(『`』を入力禁止以外でお願い致します。) 尚、innerHTMLをalertで出すとうまく追加されていないようです。。。 よろしくお願い致します。 <html> <head> <script> function createhidden( name, value, formname ){ str = '<input type="hidden" name="aaa" value="bbb"/>'; document.forms[0].innerHTML += str; } </script> </head> <body> <form action="" name="form1"> <input type="text" name="b"value="`"/><br><br> <input type="button" value="CREATE HIDDEN" onclick="createhidden()"/> <input type="text" name="a"value="`"/><br><br> </form> </body> </html>
- ベストアンサー
- JavaScript
- disabledの点で。
このソースを開いて、更新ボタンをクリックすると、 2の方のテキストボックスが半透明になりますが、それは半透明にしないようにすることは可能なのでしょうか。 お願いします。 <html> <head> <title></title> <script language="JavaScript"> <!-- function setTF(){ if(document.form1.text1.value=="") document.form1.text2.disabled = true; else document.form1.text2.disabled = false; } //--> </script> </head> <body> <form name="form1"> 1<INPUT type="text" name="text1" onChange="setTF()"> 2<INPUT type="text" name="text2" disabled> <INPUT type="submit" value="登録" onClick="return setTF()" name="submit"> </form> </body> </html>
- ベストアンサー
- JavaScript
- 違う文字コードのページへFORMデータを送る時
いつもお世話になっております。 EUC-JP のページからx-euc-jpのページへFORMを使いデータを渡しているのですが、どうも受け取り側で渡したデータが文字化けを起こしているようなのです。 原因が分かる方がいたら、ご教授下さい。 <HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" /> <script type="text/javascript"> <!-- function sent2() { document.INPUT.submit(); } // --> </script> </HEAD> <BODY onload="sent2()"> <form name="INPUT" METHOD="POST" action="http://okwave.jp" ENCTYPE="text/plain"> <input type="hidden" name="arr1" value="555006303003"> </form> </BODY> </HTML>
- 締切済み
- HTML
- jquery.cookie.jsの使い方が分かりません。
jquery.cookie.jsの使い方が分かりません。 Web経験浅く、質問の仕方や内容に不足や不備があるかもしれませんが、ご容赦ください。 入力フォームでcookie.jsを使いたいのですが、どのようにスクリプトを書けばよいのか分かりません。 単純に、入力フォームに入力したデータを保存したいだけなのですが・・・。 いろいろ調べてみたいのですが、分かりやすいソースサンプルを見つけることが出来ず、困っております。 どなたか教えて下さいませんでしょうか? ちなみに、ソースサンプルは以下の通りです。 ------------------------------------------------------------------ <html> <head> <title>テスト</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> ????????????ここのスクリプトをどうしたらよいのか分かりません。 </script> </head> <body onload="getck()"> <form name="input"> 性別:<input type="radio" name="sex" value="男性" />男性/ <input type="radio" name="sex" value="女性" />女性<br /> 名前:<input type="text" name="name" /><br /> 住所:<input type="text" name="add" /><br /> <input type="button" value="記録" onClick="setck()" /><br /> <input type="button" value="呼び出し" onClick="getck()" /><br /> </form> </body> </html> ------------------------------------------------------------------ 上記ソースではボタンクリックで呼び出しとしていますが、実際には、入力したフォームのページ(入力ページ1)とは別のフォームページ(入力ページ2)で、入力データを再利用する作りとなります。 要するに、入力ページ2を呼び出すと、入力ページ1で入力したデータが入力されている、という状態を求めております。 なので、<body onload="getck()">としてあります。 (テストも兼ねたサンプルソースなので、1ファイルで全てチェックできるようにしています) 説明が分かりにくいところもあるかと存じますが、何とぞご教示いただけますよう、宜しくお願い申し上げます。
- ベストアンサー
- AJAX
補足
その記事も拝見させていただきました。 <%@page contentType="text/html; charset=Windows-31j"%> <html> <head> <H1>入力画面</H1> <script type='text/javascript'> <!-- function sta() { var naiyou = document.getElementsByName('aaa')[0].value; if(naiyou == '') { alert('空です'); } } function kousin(){ HelloWeb_main.opener.location.reload(); } // --></script> </head> <body onLoad="kousin()"> <form method="get" action="../HelloWeb" onsubmit="sta()" > <INPUT type='text' name='aaa'> <INPUT type='submit' value='クエリ送信' ><br> <br> </form> </body> </html> としてみたのですが・・・うまくいきません><