- 締切済み
子ウィンドウにログインフォームを作り、ログインと同時に子ウィンドウをクローズし親ウィンドウを切り替えたい。
わかりにくいかも知れませんが説明させていただきます。 ＜a onclick="MM_openBrWindow('login.html','pict','width=520,height=360,toolbar=no,scrollbars=no')" href="javascript:void(0)"＞ログインはこちら＜/a＞ みたいなHTMLを親ウィンドウ(index.html)に入れてクリックすると子ウィンドウ(login.html)が開いてログインフォームがでてくるものを作ります。 その開いた子ウィンドウ(login.html)のフォームにユーザーはIDやPWを入れてログインボタンを押す。 ログインボタンを押すと子ウィンドウ(login.html)のフォームのデーターが親ウィンドウ(index.html)に渡りログインができる。 いらなくなった子ウィンドウ(login.html)はログインと共に閉じる。 この様な流れのものを作りたいと思っています。 JavaScriptは初歩的なことしか分からないのでGoogleなどで色々調べてはみたんですが良いサンプルがなく・・・。 イメージとしてはhttp://www.jocoso.jp/sonimのログイン方法みたいな感じです。 http://www.jocoso.jp/sonimにアクセスすると上の方にログインと言うボタンがありクリックするとログインフォームが子ウィンドウでひらきます。 もしjocoso会員の方がいらっしゃったら一度ログインしてみるとご理解いただけると思います。 分かりにくいかも知れませんがご指導宜しくお願いします。
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- shiningsun
- ベストアンサー率50% (7/14)
その場合、IDやパスワードの情報はどのように判別するのでしょうか？ Cookieを使用するのですか？
関連するQ&A
- 読みこみと同時にポップアップウインドウを表示したい
URL（たとえば1.tml）を指定してページを読み込んだときにそのページと同時にポップアップウインドウを表示したいと思っています。 そこで1.htmlには下記のように書きましたが、ポップアップが出ません。どなたかおわかりになる方、ご教授ください。よろしくお願いします。 <HTML> <HEAD> <script type="text/javascript"> <!-- function MM_openBrWindow() { window.open("pop.html","width=400,height=400,status=no,scrollbars=yes,resizable=no "); } //--> </script> </HEAD> <boby onload="MM_openBrWindow()"> </body> </HTML>
- 締切済み
- JavaScript
- 親画面に処理を渡して子画面を閉じるには？
ある作品集の作品リストページで、作品の画像をクリックすると子画面が出るようにjavascriptで設定したのですが、子画面で「この作品について書き込む」というボタンをクリックするとフォームのCGIにデータを受け渡して書き込みができるようにしようとして困っています。 実は、親画面であるリストページにも「書き込む」ボタンがあるので、子画面で「書き込む」ボタンを押して子画面内でCGIに飛んでしまうと、サイト内を回り回って再度何か書き込みをする場合はその度に小画面の子画面が開くのでウインドウが増えてしまうことになるのです。 これを避けるために、子画面で「書き込む」ボタンをクリックすると親ウインドウの内容がCGIに飛んで、同時に小画面が閉じるようにしたいのですが、できないでしょうか? 現在、その小画面でのソースは、ヘッダに <script language="JavaScript"> <!-- function openWi12(shiryou,botan,w,h) { window.open(shiryou,botan,"width="+w+",height="+h+",left=10,top=10,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,favorites=no,resizable=yes"); } // End --> </script> と入れて、ボタン部分が <A HREF="cgi-bin/kakikomi.cgi" TARGET="_blank"><IMG SRC="sakuhin_new120.jpg" ALT="" height="120" width="120" border="0" hspace="7" vspace="7" naturalsizeflag="0" align="BOTTOM" onClick='openWi12("cgi-bin/kakikomi.cgi","Request",740,450);return false'></a> となっています。 ここに何かを書き足すことで実現できるようでしたらお教え頂きたく、どうかよろしくお願いします。
- ベストアンサー
- JavaScript
- 子ウィンドウの操作
処理概要：親ウィンドウからボタンクリック時にjavascriptのみで 子ウィンドウを作成し、遷移させた後、子ウィンドウの フォームをサブミットする。 -------以下ソース-------- var url = "/index.html"; hWin=window.open("",""); window.hWin.location.href=url; setTimeout(a,10000); function a(){ window.hWin.document.form.submit(); // window.hWin.document.form.name.value = "住友"; // window.hWin.document.form.button1.click(); } * index.html にはformというフォームがあり、nameという テキストボックスとbutton1 というボタンをフォーム内に 持っているとします。 以上のような簡単なものですが、７行目のsubmitでこけます。 window.hWin.document.formがないようでヌルポになります。 親から子ウィンドウのサブミットをjavascriptだけで制御 できないでしょうか。 また、できればコメントアウトしているところ、 DOM要素を指定して値をテキストボックスに入れたり フォームをボタンによりクリックしてサブミットもしたいです。 ちなみに、setTimeout を利用しているのは、遷移が終わり、子ウィンドウの要素が確実に作成されている状態にするためです。 また、遷移先にSSLを設定している部分と設定していない部分があり、javascriptの途中で"ここに遷移していいですか？"みたいなダイアログが表示されます。"混雑しているページの処理"をインターネットオプションから"有効"にする（ダイアログを表示するではなく）と表示されないのですが、奨励されないので 他にいい方法はないでしょうか。
- ベストアンサー
- JavaScript
- 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。
Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a> <a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的（レイヤー的？）に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- 縦に長い親ウィンドウの下の方からサブウィンドウを開いても、親ウィンドウの表示内容の位置が変わらないようにしたい！
onClick="MM_openBrWindow('price.html','','scrollbars=yes,width=620,height=620')" 上記のようにprice.htmlをサブウィンドウとして開いているのですが、縦に長い親ウィンドウページの下の方にサブウィンドウを開くボタンを置くとクリックしたときに、親ウィンドウページの表示部分が下の方から一気に一番上になってしまいます。(Windows XP SP2, IE 6.0) 親ウィンドウはサブウィンドウを開くときに見ていたままにしておきたいのですが、どうしたらよいでしょうか？ とほほさんのページなど読みましたが、わかりませんで、大変困っております。 （javascriptもDreamWeaverMX2004のビヘイビアで設定しているような者なので・・・） どなたが教えていただけるとありがたいです。 なにとぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- 子ウィンドウから子ウィンドウ
子ウィンドウから文字をクリックして、 同じ大きさの子ウィンドウを開かせたいのですが、 下記のJavaScriptでは子ウィンドウが開きません。 子ウィンドウから子ウィンドウを開かせるには どのようにしたらいいのでしょうか？ ご回答宜しくお願い致します。 head内は、 <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=600, height=500, scrollbars=yes"); } //--></script> body内の呼び出し部分は、 <a href="ファイルのURL" onclick="subwin('ファイルのURL'); return false;">
- ベストアンサー
- JavaScript
- 子ウインドウのスタイルについて
すみません、分かる方、教えてください。 次のようにJSP内のJavaScriptの関数にて、スタイルを指定しても子ウインドウがサイズ変更できてしまいます。 var style = "width=630,height=400,resizable=0, location=0, menubar=0,scrollbars=yes"; WindowObject = window.open(url,"MAIN",style); resizable=noとしても同様でした。scrollbars=noとした場合はスクロールバーなしとなるのですが何故でしょうか？
- ベストアンサー
- JavaScript
- 親ウィンドウ→子ウィンドウ
こんにちは！どうぞ宜しくお願い致します。 親Ｗのパン名をクリックすると親Ｗでクリックしたパン名とその画像と閉じるボタンを子Ｗに表示したいのです。 子Ｗイメージ： ┏━━━━━━━━━━┓ ┃ パン名 ┃ ┃┌───────┐ ┃ ┃│ │ ┃ ┃│ 画 像 │ ┃ ┃│ │ ┃ ┃└───────┘ ┃ ┃ ┌──────┐ ┃ ┃ │閉じるボタン │ ┃ ┃ └──────┘ ┃ ┗━━━━━━━━━━┛ 画像を表示させるだけなら出来たのですが親Ｗからのデータを どうのようにすれば子Ｗに反映させる事が出来るのかさっぱり解かりません。（＞０＜） とほほのＷＷＷ入門のJavaScriptも３回読んだのですがちんぷんかんぷんで・・・。 初心者なので理解力がないかもしれませんがご助言宜しくお願い致します。m(＿" ＿)m ちなみに親Ｗはこのようになっています。 <HTML> <HEAD> <SCRIPT type="text/javascript"> <!-- function WinOp(addr){ window.open(addr,"gazou","width=150,height=150,dependent=yes,menubar=no,toolbar=no,scrollbars=no"); } //--> <TITLE>パン紹介</TITLE> </HEAD> <BODY> <TABLE cellpadding="0" summary="パン紹介１"> <TR> <TD><P><A href="javascript:WinOp('../pan/meron.gif')"> メロンパン</A></P></TD> <TD>紹介文・・・１００円</TD> </TR> <TR> <TD><P><A href="javascript:WinOp('../pan/an.gif')"> アンパン</A></P></TD> <TD>紹介文・・・２００円</TD> </TR> <TR> <TD><P><A href="javascript:WinOp('../pan/choko.gif')"> チョコデニッシュ</A></P></TD> <TD>紹介文・・・１５０円</TD> </TR> </TABLE> </BODY> </HTML>
- ベストアンサー
- JavaScript
- 親ウインドウから子ウインドウにデータを渡すには？
はたしてこの質問がASPなのか、Javascriptでできるものなのかわからないので、とりあえずこちらで質問させていただきます。 親ウインドウの入力フォームから、入力されたデータを、子ウインドウで表示するにはどうしたらよいのでしょうか？ target="_blank" は子ウインドウのサイズを指定したいので、使わない方向でお願いします。 結局、親ウインドウからデータ入力→ボタンを押す→子ウインドウに親ウインドウのデータを表示・・・ がやりたいのです。 よろしくお願いします。
- ベストアンサー
- Microsoft ASP
- 親ウィンドウと子ウィンドウに関して
javascriptに関して初心者なので、わからないことが多く、質問させていただきます。 今回、親ウィンドウを子ウィンドウについてわからないことがあったので、箇条書きで説明させていただきます。 １ 親ウィンドウに3x3のセルがあります。一つ一つののセルがクリックできるようになっていて、セルの背景が変化します（例：元は白でクリックすると黒） ２ セルをダブルクリックすると、子ウィンドウが出てきて、その子ウィンドウも3x3のセルを持っていて、セルをクリックすると、その背景がかわります。 子ウィンドウがまだウィンドウを開くことはありません （↑ここまでは自分でできましたが、ここからがよくわかりません） ３ 子ウィンドウを開いたとき、親ウィンドウのどのセルから来たのがを子ウィンドウに表示する ４ 子ウィンドウのセルの背景が変わった数（この場合９個中何個かわったか）で、また親ウィンドウのクリックしたセルの背景がかわる （例：子ウィンドウのセルが１～３個黒なら、親ウィンドウのそのセルの背景が薄いグレー などです） 意味がわかりにくいかもしれませんが、よろしくお願いします。 ヒントでもかまいませんので、ご協力していただけると幸いです。
- 締切済み
- JavaScript
