http://www5.justnet.ne.jp/~woka/new_win_whxy5.htm (直リン許可済)

こちらにでている、「新しいWinのサイズ、位置 5」というサンプルについてなんですが、このサンプルでは1つのボタン(リンクの貼ってあるテキスト)からタイトルバーのみのウィンドウを新しく1つ開いて、そのウィンドウにどこかのページを表示させる方法について書いてあると思うのですが、これを使って、同じページ内の2つ以上のボタンからそれぞれタイトルバーのみのウィンドウを開いてそれぞれ違うページを表示するようにするにはどうしたらどこをどう書き換えればよいのでしょうか。普通に複数のページを新しく開く方法ならなんとかわかるのですが、タイトルバーのみのページを開くことによって複雑になっているためか、javascript初心者の私にはサンプルのjsファイルの内容すら理解できません(汗)お手数をおかけしますが、わかる方がいらっしゃいましたら教えていただけないでしょうか。よろしくお願いしますm(_ _)m

(サンプルが載っているページの管理人さんに質問しようと思ったのですが、管理人さんのメールアドレスなどが全くわからなく質問できなかったのでこちらで質問させていただきました。)

このQ&Aに関連する最新のQ&A

A 回答 (1件)

スクリプト自体を読んでいないのですが、おそらくfunction openIT()を2つ記述すればできるでしょう。


function openIT() {
theURL = ...
...
}
function openIT2() {
theURL = ...
...
}
といった具合です。
ボタン側は
<INPUT type="button" value="ボタン1" onclick="openIT()">
<INPUT type="button" value="ボタン2" onclick="openIT2()">
と記述します。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qwindow.openで開いた別ウィンドウのリンクを親ウィンドウで開きたい

いつもお世話になっています。
index.htmlというページがあり、window.openでtest.htmlというウィンドウを開きます。
test.htmlの中に記述したリンクをindex.htmlと同じウィンドウに開きたいのですが、どう記述すればいいのでしょうか?
index.htmlを親とは見なさずparentではtest.htmlと同じウィンドウに開いてしまいます。
blankではindex.htmlとtest.htmlとも別のウィンドウに開いてしまいます。

おそらく初歩的な問題なのだと思いますが、どうかお知恵を貸して下さい。
普通ですが、test.htmlの現在の記述は以下です。
<a href="開きたいページ.html" target="_parent">ページを開く</a>

どうぞよろしくお願いします。

Aベストアンサー

こんにちは。開いた子ウィンドウの中でwindow.opener.location.href="http://www.example.com"などとなっていれば良いはずです。window.opener.location.replace(~)も有効かと。以下が参考になります。

http://shoyu-ramen23.jugem.jp/?eid=203
http://javascript.eweb-design.com/0515_os.html

以下のQ&Aも注意点として有用だと思いました。

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1221399962

その他、"javascript window 子ウィンドウから location"などと検索してみて下さい。

QDreamweaverを使用 クリックで新しいウィンドウを開くを作成しましたが、次のを開く時ウィンドウが後ろに行くのを回避したい

DreamWeaverのビヘイビアを使って新しいウィンドウを開くというのを作ってみました。
目的はカレンダー式にサムネイルとして並べた小画像をクリックしたらウィンドウが開いて大きめの画像が見える。というものを作りたいのです。
ウィンドウを開き、そのウィンドウのサイズ等はDreamweaverのビヘイビアで設定できたのですが、次の小画像をクリックすると前に開いたウィンドウが切り替わるのですが、小画像が載っているクリックしたウィンドウが手前に来るため開いているのがわかりずらくなります。
これを回避したいので

1.次のサムネイルの小画像をクリックしたら開いたウィンドウを手前にまた表示されるようにする。
2.前に開いたウィンドウとは別に新しくウィンドウが開く。

以上ようなスクリプトを設定できたら良いのではと思っています。
私は公開されているスクリプトを埋めこむくらいならできますが、一から作ることはしたことがないです。

上記の1か2以外でもこういうやり方があるよ!というのでも構いません。

運用的にはほぼ毎日カレンダー的に追加していくので、
DreamWeaverで設定と
少しの手直しでいけるようなものであればうれしいです。
ご存知の方ぜひ!教えてください!!!

DreamWeaverのビヘイビアを使って新しいウィンドウを開くというのを作ってみました。
目的はカレンダー式にサムネイルとして並べた小画像をクリックしたらウィンドウが開いて大きめの画像が見える。というものを作りたいのです。
ウィンドウを開き、そのウィンドウのサイズ等はDreamweaverのビヘイビアで設定できたのですが、次の小画像をクリックすると前に開いたウィンドウが切り替わるのですが、小画像が載っているクリックしたウィンドウが手前に来るため開いているのがわかりずらくなります。
これを回避...続きを読む

Aベストアンサー

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<script language="JavaScript" type="text/JavaScript">
<!--
var win;
var winsw=0;
function MM_openBrWindow(theURL,winName,features) { //v2.0
if(winsw==1){
win.close();
}
win=window.open(theURL,winName,features);
win.focus();
winsw=1;
}
//-->
</script>
</head>

<body>
<table width="204" border="0">
<tr>
<td colspan="2"><div align="center"><a href="javascript:;" onClick="MM_openBrWindow('test_all.html','全身','width=320,height=730') "><img src="index.files/p_01.jpg"
alt="" width="196" height="280"
border=0></a></div></td>
</tr>
<tr>
<td width="102"><a href="javascript:;" onClick="MM_openBrWindow('test_le.html','顔','width=440,height=425')"> <img src="index.files/p_02.jpg" width="94" height="70" border="0"></a></td>
<td width="105"><a href="javascript:;" onClick="MM_openBrWindow('test_ri.html','脚','width=440,height=425')"> <img src="index.files/p_03.jpg" width="94" height="70" border="0"></a></td>
</tr>
</table>
</body>
</html>
----------ソースここまで-----------
こんな感じでしょうか。
一応、二回目以降は前のウィンドウが開いていれば閉じるようにしたので、
もし前のウィンドウを閉じたくない場合はscript部分を下のソースと入れ替えてください。

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
var win=window.open(theURL,winName,features);
win.focus();
}
//-->
</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title>無題ドキュメント</title>
<script language="JavaScript" type="text/JavaScript">
<!--
var win;
var winsw=0;
function MM_openBrWindow(theURL,winName,features) { //v2.0
if(winsw==1){
win.close();
}
win=window.open(theURL,winName,features);
win.focus();
winsw=1;
}
//-...続きを読む

Q縦に長い親ウィンドウの下の方からサブウィンドウを開いても、親ウィンドウの表示内容の位置が変わらないようにしたい!

onClick="MM_openBrWindow('price.html','','scrollbars=yes,width=620,height=620')"
上記のようにprice.htmlをサブウィンドウとして開いているのですが、縦に長い親ウィンドウページの下の方にサブウィンドウを開くボタンを置くとクリックしたときに、親ウィンドウページの表示部分が下の方から一気に一番上になってしまいます。(Windows XP SP2, IE 6.0)
親ウィンドウはサブウィンドウを開くときに見ていたままにしておきたいのですが、どうしたらよいでしょうか?
とほほさんのページなど読みましたが、わかりませんで、大変困っております。
(javascriptもDreamWeaverMX2004のビヘイビアで設定しているような者なので・・・)
どなたが教えていただけるとありがたいです。
なにとぞよろしくお願いいたします。

Aベストアンサー

以前に同じような質問がありました。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=1250432

onClick="MM_openBrWindow('price.html','','scrollbars=yes,width=620,height=620');return(false)"
と言ういう風に最後の方に;return(false)を追加すると大丈夫です。
return(false)をつけないとonClickでJavaScriptが動作するのと同時に
同じページへとジャンプしますのでそのようになります。
戻るボタンを押すとそれがわかります。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=1250432

Qリンクをクリックしてタイトルバー無しの新規ウィンドウ

こんにちは。

少しわからないので、質問させて頂きます。

★したい事★
リンクをクリックしたら、タイトルバー無し、リサイズ可能の新規ウィンドウ
を表示させたいと考えています。

★現状悩んでいる部分★
何も指定せずに、新規ウィンドウを表示する事は、できるのですが、色々指定
すると、ウィンドウすら出てこないで、何も反応がありません。

以下にソースを示しますので、何かアドバイス頂ければ、嬉しいです。
よろしくお願い致します。

■ウィンドウだけを新規に表示(成功例)
<A href="javascript:window.open()">テストテスト</A>

■条件指定付き(失敗中)
<A href="javascript:window.open("test.jsp", "chui", "resizable=yes,width=950,height=650,titlebar=no")">テストテスト</A>

失敗している方で、URL部分と、ウィンドウ名、色々な条件指定の部分は、
それぞれ、半角のスペースを入れています。

こんにちは。

少しわからないので、質問させて頂きます。

★したい事★
リンクをクリックしたら、タイトルバー無し、リサイズ可能の新規ウィンドウ
を表示させたいと考えています。

★現状悩んでいる部分★
何も指定せずに、新規ウィンドウを表示する事は、できるのですが、色々指定
すると、ウィンドウすら出てこないで、何も反応がありません。

以下にソースを示しますので、何かアドバイス頂ければ、嬉しいです。
よろしくお願い致します。

■ウィンドウだけを新規に表示(成功例)
<A href="j...続きを読む

Aベストアンサー

結論から言いますと、mkim さんのご希望通りのウィンドウは恐らく開けません。

なぜなら、私の知る限りでは、window.open の指定で「 titlebar=no|yes 」は
存在しないからです。
但し、フルスクリーンモード「 fullscreen=yes 」を指定すればタイトルバーなし
のウィンドウを開けますが、フルスクリーンモードですので画面いっぱいに表示
されてしまいます(「 width=950,height=650 」等の指定は無意味になります)。

それと、

>■条件指定付き(失敗中)
><A href="javascript:window.open("test.jsp", "chui", "resizable=yes,width=950,height=650,titlebar=no")">テストテスト</A>

これが失敗する原因は、2重引用符の括りの中で更に2重引用符を使っているからです(「 href="javascript:window.open(" 」
で、閉じていると解釈され、以降は認識不能として無視されている)。
これを解消するには、2重引用符の括りの中の 2重引用符(ややこしいですね(^^ゞ)を1重引用符に変えてください。

<A href="javascript:window.open('test.jsp', 'chui', 'resizable=yes,width=950,height=650,titlebar=no')">テストテスト</A>

結論から言いますと、mkim さんのご希望通りのウィンドウは恐らく開けません。

なぜなら、私の知る限りでは、window.open の指定で「 titlebar=no|yes 」は
存在しないからです。
但し、フルスクリーンモード「 fullscreen=yes 」を指定すればタイトルバーなし
のウィンドウを開けますが、フルスクリーンモードですので画面いっぱいに表示
されてしまいます(「 width=950,height=650 」等の指定は無意味になります)。

それと、

>■条件指定付き(失敗中)
><A href="javascript:window.open("te...続きを読む

Qページを表示すると同時に複数のサブウィンドウを開く方法について

ページを表示すると同時に複数のサブウィンドウを開く方法について、
プログラムを作成したらよいのか教えてください。
下記のプログラムは、ページを表示すると同時に1枚のサブウィンドウを開くプログラムですが、3枚ほどサブウィンドウを開きたいのです。
よろしくお願い致します。

<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>

ページを表示すると同時に複数のサブウィンドウを開く方法について、
プログラムを作成したらよいのか教えてください。
下記のプログラムは、ページを表示すると同時に1枚のサブウィンドウを開くプログラムですが、3枚ほどサブウィンドウを開きたいのです。
よろしくお願い致します。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// サブウィンドウの表示方法を指定する
function openWindow1() {
window.open("sample.html","OpenWindow",scrollbars=no,location=no,me...続きを読む

Aベストアンサー

IE6.0、Firefox1.5.0.7で試してみましたが、問題なく3枚分表示されました。
大文字小文字の違いなど、もう一度記述を見直してみては?
以下、試したサンプルです。

----------
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
<title>サブウィンドウにて複数PDF表示テスト</title>
<script type="text/javascript">
<!--
function openWindow1() {
window.open("1.pdf","1");
window.open("2.pdf","2");
window.open("3.pdf","3");
}
//-->
</script>
</head>
<body onLoad="openWindow1()">
<a href="javascript:openWindow1();">PDF表示</a>
</body>
</html>
----------

IE6.0、Firefox1.5.0.7で試してみましたが、問題なく3枚分表示されました。
大文字小文字の違いなど、もう一度記述を見直してみては?
以下、試したサンプルです。

----------
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" />
...続きを読む


人気Q&Aランキング

おすすめ情報