- 締切済み
サブウィンドウを表示させたいのですが・・・
こんにちわ。 ちょっとした（といっても、ワード文書１ページ分）説明をサブウィンドウで表示させたいのですが、 できません。 以下がソースです。 ＜メインウィンドウ＞ <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function winOpen(winName,url,W,H){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+''); WinD11.document.close() } //--> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> この文字をクリックすると説明ウインドウ1が開きます </A> </BODY> 何が間違ってるのかご指導いただけないでしょうか？ よろしくお願いいたします。m(__)m
- m-bori
- お礼率40% (33/81)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
こんにちは。 A HREF="javascript:function voi(){};voi()" は A HREF="javascript:void(0)" だと思います。 「クリックしても何も値を繰り返さない」という事になります。
- kaji_0131
- ベストアンサー率37% (3/8)
はじめましてm-boriさん 質問の件ですが、私の環境下で試したところ正しく動作を致しました。 原因としまして考えられるのは、 １．'link1.html'は、親HTMLと同じ場所にあるのでしょうか？ ２．引数の'link1.html'の'.html' ３．WinD11.document.close() document.close()と言うのはウィンドへの出力を終わらせるのですが、 closeはopenと対にして使用します。 順番としましてclear→open→closeです。 それと以下の部分なのですが <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> の「javascript:function voi(){};voi()」とは何の処理もありませんが、 その部分に何か処理がはいるのですか？ 入らないのであれば以下のようになると思うのですが？ <A HREF="javascript:winOpen('','link1.html',400,200);">
関連するQ&A
- JavaScript:サイズ固定のサブウィンドウ内でページを切り替え表示するソース
<head>内スクリプトで、リンククリック時に開くサブウィンドウの名前・サイズ・スクロール/リサイズ可否を指定して、<body>内のリンクではURLだけを指定すればいいようにしたいのですが、どのようなソースを書けば良いのでしょうか？ いろいろなサイトやここのQ&Aを見てみましたが、<head>内スクリプトで名前・サイズ・URLなど全て指定するものと、いずれも変数(？)だけで具体的に指定しないものしか見つけられませんでした。 今作成しているページでは、 【1】<head>内のスクリプト function imgOpen(theURL,winName,features) { //v2.0 window.open(theURL,winName,features);} 【2】<body>内のリンク <a href="JavaScript:void(0);" onClick="imgOpen('AAAA.html','code','width=450,height=400,scrollbars=yes')"> としてあります。 同じサブウィンドウで開きたいリンクがいくつもあるので、上記【2】の長ったらしいソースを毎々書いている状態です。せめて「'code','width=450,height=400,scrollbars=yes'」を略せたらと思っています。 宜しくご教示のほどお願い致しますm(__)m
- ベストアンサー
- JavaScript
- ウインドウのサイズ変更
下記によりサイズを固定したサブウインドウがありますが、ユーザーが必要に応じてウインドウを拡大できるリンクをつけたいのですが、アドバイスをいただけないでしょうか。 function winOpen(winName,url,W,H,L,T){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+',left='+L+',top='+T+''); WinD11.document.close() } function CloseWin(){ window.close(); }
- ベストアンサー
- JavaScript
- 【FireFox】サブウィンドウ表示とテキストボックス値
メインのウィンドウにテキストボックスとボタンがあり、 ボタンをクリックするとjavascriptによりサブウィンドウ が開くHTMLがあります。 しかし、FireFoxに限り、ボタンを押してサブウィンドウ を開くとメインのHTMLのテキストボックスに入力していた 値が消えてしまいます。 ================ main.html ===================== <html> <head> <script Language="JavaScript"><!-- function openSubWin(){ window.open("sub.html","window","width=300,height=300"); } // --></script> </head> <body> <form action="#" name="myform"> <input type="text" name="no"> <button id="button1" onclick="openSubWin();" >サブウィンドウ</button> </form> </body> </html> ================== サブウィンドウ ================ <html> <body> サブウィンドウ </body> </html> IEでは問題ありませんでした。 何か解決方法はありますでしょうか？ 宜しくお願いします。
- ベストアンサー
- HTML
- 外部JSでサブウィンドウを設定する場合
サブウィンドウの設定についてご質問いたします。 親ウィンドウの中の画像をクリックしてサブウィンドウを開くと言う設定をしたいのです。 親ウィンドウにある画像は２つでそれぞれ開くサブウィンドウの大きさは異なります。 まずsample.jsを作り function subopen1(){ window.open("××.html","subwin1", "width=450,height=450,toolbar=no,scrollbars=no,left=15,top=5") } function subopen2(){ window.open("××.html","subwin2", "width=500,height=450,toolbar=no,scrollbars=no,left=15,top=5"); } と記述しました。 そして<HEAD>～</HEAD>に <script type="text/javascript" src="sample.js"></script> 続いて<BODY>～</BODY>には <A href="javascript:subopen1()"><IMG src="××1.gif" width="100" height="120" alt="Click"></A> <A href="javascript:subopen2()"><IMG src="××2.gif" width="100" height="120" alt="Click"></A> と記述したのですが 「オブジェクトを指定して下さい」とエラー表示され実行出来ません。 上記に修正箇所があったら教えて下さい。 又別な方法でも構いませんのでサブウィンドウの設定が出来れば教えて頂きたいと思います。 どうか宜しくお願い致します。ペコ↓m(_ _;)m↓ペコ
- ベストアンサー
- JavaScript
- ページを表示すると同時に複数のサブウィンドウを開く方法について
ページを表示すると同時に複数のサブウィンドウを開く方法について、 プログラムを作成したらよいのか教えてください。 下記のプログラムは、ページを表示すると同時に１枚のサブウィンドウを開くプログラムですが、３枚ほどサブウィンドウを開きたいのです。 よろしくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する function openWindow1() { window.open("sample.html","OpenWindow",scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no"); } //--> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="openWindow1()"> </BODY> </HTML>
- ベストアンサー
- JavaScript
- サブウィンドウの親の位置
こんにちわ。 メインウィンドウから、サブウィンドウを開くようになっています。 メインウィンドウが縦に長く（文章量が多い）、下の方のリンクでサブウィンドウを開いたときに、メインウィンドウの画面がページの上の方に移ってしまいます。 クリックした場所を維持したいのですが、調べてみたのですが、やり方がわかりません。 すみませんが、よろしくお願いします。 <script> <!-- function MM_openBrWindow(theURL,winName,features) { window.open(theURL,winName,features); } //--> </script> ▼メイン・リンク部分 <a href="#" onClick="MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>
- ベストアンサー
- JavaScript
- サブウィンドウ関係のコードの改造
以下に、1、2と二つのHTMがあり、1をベースに、下記の改造をしたいと思います。 (1) 1.htmの小窓を、IEでしか動かないWebページダイアログ（showModelessDialog）でなく、 2.htm にあるような、win.openに変えたいのですが、移植の仕方がわかりません。1.htmをどう書き換えたらいいですか。 (2) 1.htmにあるmyimg.gifの幅(width)を取得して、dialogWidthにセットしたいのですが、その書き方をご教示ください。 高さ（height）は、2.htmにある「getScreenHEIGHT()」をそのまんま流用します。 (3) 1.htm に「href="#"」ありますが、「href="javascript:function voi(){};voi()"」などと記述したほうがいいのでしょうか。 「voi(){};voi()」なんてどこからコピペしてきたキーワードなのか、自分でもわからないのですが。 1.htm ------------------------ <html> <head> <script> function openKomado(url,winTitle) { var Win=showModelessDialog(url,window, 'center:yes;scroll:no;status:no;help:no;edge:raised;dialogWidth:100px;dialogHeight:100px',winTitle); with (Win.document) { write('<html><head><title>' + winTitle + '</title></head><body>'); write('<img src="' + url + '" onclick="window.close();" alt="閉じる">'); close(); } } </script> </head> <body> <a href="#" onClick="openKomado('myimg.gif','題名')">開く</a> </body> </html> 2.htm ------------------------ <html> <head> <script> function openNewWin(url, name){ window.open(url, name, 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-680)+',width='+680+',height='+(getScreenHEIGHT()+20)); } function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } function getScreenWIDTH(){ if(!!window.screen){ return screen.width-12; }else{ return null; } } </script> </head> <body> <a href="#" target="new" onClick="openNewWin('./sample.htm','a'); return false;">開く</a> </body> </html>
- ベストアンサー
- JavaScript
- parentElementのこと
parentElementを取得してテーブルの行の背景色を替えています。下記だと、テーブルがない場合、ページ全部の色が変わってしまうので、parentElementがbodyの場合？処理しないようにしたいのですが・・。 function winOpen(winName,url,W,H,L,T,obj){ //サブウインドウオープン obj.parentElement.parentElement.bgColor="Palegoldenrod"; var WinD11=window.open(url,winName,'scrollbars=1,resizable=yes,width='+W+',height='+H+',left='+L+',top='+T+''); WinD11.document.close() }
- ベストアンサー
- JavaScript
- window.openで同画面遷移しない
window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。 <head>～</head>内に以下のjavascriptを書きました。 <script type="text/javascript"> <!-- function winOPEN(URL,winName) { window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --> </script> またリンクのhtmlは以下のようにしました。 <ul> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li> </ul> どこがいけないのでしょうか。教えてください。
- ベストアンサー
- JavaScript
- NN4.7で小窓が開かない
JavaScriptで小窓を表示するようにしているのですが、 IE6、NN7だと動くのですが、NN4.7だと動いてくれません。 どこが問題なのかわからないのでアドバイスをお願いします。 <script language="javascript"> <!-- function winopen(url){ var w = window.open(url,'小窓','width=700,height=600,toolbar=0,menubar=0,location=0,status=0,scrollbars=no'); } --> </script> <a href="javascript:winopen('./ex01.html');">ex01</a> <a href="javascript:winopen('./ex02.html');">ex02</a> <a href="javascript:winopen('./ex03.html');">ex03</a> fanctionの部分をHEADではなくBODYに書いているのですが、 それが問題という可能性はありますか？
- ベストアンサー
- JavaScript
