マンガでよめる痔のこと・薬のこと

一つのリンクで、複数のウィンドウを別々の任意の位置とサイズで表示させる、htmlでの方法を教えて下さい。時間差で表示させる方法もあれば嬉しいです。

A 回答 (2件)

HTML だけでは無理ですね。

というわけでスクリプトで実現する方法です。

<a href="aaa.html" onclick="return openWin2()">開く</a>
<!-- href はスクリプト無効時の保険 -->

<script>
function openWin2() {
setTimeout(function(){
window.open('aaa.html', 'aaa', 'left=320,top=0,width=320,height=200');
}, 1000); // 押下1秒後に表示
setTimeout(function(){
window.open('bbb.html', 'bbb', 'left=0,top=200,width=320,height=200');
}, 3000); // 押下3秒後に表示
return false;
}
</script>
    • good
    • 0
この回答へのお礼

大変助かりました。ありがとうございます!

お礼日時:2013/05/30 21:13

こんにちは。



一つのリンクで一つのHTMLをwindow.open()して、
開かれた側のHTMLに、onload()イベントで、別のHTMLをwindow.open()すればよろしいかと・・・。
    • good
    • 0
この回答へのお礼

なるほどその方法もありました、参考にさせて頂きます。

お礼日時:2013/05/30 21:14

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

このQ&Aを見た人が検索しているワード

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

Q一つのリンクに複数のURLを指定

一つのリンクに複数のURLを指定できますでしょうか?

想像タグ
<a href="http://www.google.co.jp/" & "http://www.yahoo.co.jp/" target="_blank">検索</a>

JavaScriptでも 構いません。



ネットではこんなのが見つかりました。

Bridges  |  BridgeURL
http://bridgeurl.com/

Aベストアンサー

>書籍リストを作っていて、上下巻のある本を一つにまとめたいと考えています。
2つの新規ウィンドウで決まっているなら、簡単に以下の形式でもいけますよ。

タグ例:
<a href="http://www.google.co.jp/" onclick="window.open('http://www.yahoo.co.jp/')" target="_blank">リンク</a>

タグ説明:
<a href="アドレス1" onclick="window.open('アドレス2')" target="_blank">リンク</a>

これなら
<script type="text/javascript"><!--
(省略)
--></script>

は必要ありません。
タグだけでOKです。

Q別ウィンドウで複数ページを同時に開く方法

現在作成中のホームページについて、どうしても分からないことがあるので、教えて下さい。

やりたいこととしては、以下の内容です。

・リンク、もしくはボタンを押すことによって、別ウィンドウで新しいページを2つ開く。
・仮にその2つのページの名前を、ページA、ページBとすると、ページAとページBは同時に開くのではなく、最初にページAが読み込まれた後に、ページBを開くようにする。
・ページBが開いたあとは、ページAは閉じる。

HTMLだけではできないと思ったので、JVS、VBSを使ってみたのですが、どちらにしても、ページAの読み込みが終了してから、ページBを開く方法がわからなくて…

何か方法を知っていましたら、教えて下さい。
宜しくお願い致します。

Aベストアンサー

ページAのonloadイベントでページBを開く処理を行います。


w=window.open(/*ページAを開く引数*/)
w.onload=function(){window.open(/*ページB*/)}



もしくはページBのHTMLで<body onload="window.open()">としてページBを開く




ちなみにonloadイベントハンドラが
>読み込まれた後に
というときに使うものです

Q1クリックで、同時に2つのファイル(リンク先)を呼び出す!

説明が少々ややこしいのですが。
現在、Win98/ホームページビルダーでHPを作成中なのですが、手詰まりしています^^;

ファイル(1) diary.htm
ファイル(2) march.htm


固定したウィンドウ内のリンクボタンを押して、
固定したウィンドウ内のページをdiary.htmへ移動。
そして、別ウィンドウで開いているiframeの中身を
march.htmへ移動したいのですが、どのように記述して
いいのか分からないのです。

条件は1(ワンクリック)で行うことです!

説明足らずだとは思いますが、補足は致しますので、
どうぞ教えてください!!!

<A href="../diary.htm" target="_self">先月の日記</A>

今は上記応用しようと粘ったのですが、できないのです・・・

Aベストアンサー

うまくいってよかったです。

えーと、蛇足ですが、JavaScirptの導入について。
実は、

<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A>

この中の

onClick="location.href='../march2003.htm'"

この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある

<script language="JavaScript"><!--
プログラム
// --></script>

この記述は、この他にJavaScriptを利用している動作がなければ、記述しなくても動いてくれるはずですので、ご確認ください。

あと、厳密なことを言えば、スクリプトを設置するページのhead内には、

<meta http-equiv="content-script-type" content="text/javascript">

という行を追加しておくと、なお良いでしょう。 これは、ページ内で使われているスクリプトがJavaScriptであることを明示するメタタグです。 よくわからないときは、特に記述しなくても大丈夫です。

たびたび失礼しました。

うまくいってよかったです。

えーと、蛇足ですが、JavaScirptの導入について。
実は、

<a href="開きたいファイルのURL" target="iframe" onClick="location.href='../march2003.htm'">先月の日記</A>

この中の

onClick="location.href='../march2003.htm'"

この部分が、今回の動作で使用しているJavaScriptになります。 こちらの動作に関しては、head要素内などを含めて、他の箇所で<script>要素内にプログラムを定義する必要がありません。 ですので、お礼の中にある

<script language="Java...続きを読む

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" />
...続きを読む

QonClickに複数の関数を挿入する方法

初心者なのですがアニメーションの関数anime1、anime2、anime3を作成し、onClickに下記のように設定しました。
クリックするとアニメーション2つの設定ではは動くのですが、3つ目を設定すると動かなくなります。
通常はこのような設定はしないものなのでしょうか?
教えてください。
よろしくお願いします。
<INPUT type="button" value="START" onClick="anime1(), anime2()">・・・OKです。
<INPUT type="button" value="START" onClick="anime1(), anime2(),anime3()">・・・動きません。

Aベストアンサー

セミコロンでつなぐのが常道ですが、3つ以上なら
別途function化したほうが、可読性が高くなると
思います。

Qonclickで2個指定するには?

例えば、下記のような二つの指定があるします。

function checkd1(){
document.FORM.CHECK1.checked=true
}
function checkd2(){
document.write("テスト");
}

これをonclickで二つとも指定するということはできるのでしょうか?

<a href="#" onclick="checkd1()">ボタン</a>
<a href="#" onclick="checkd2()">ボタン2</a>

を<a href="#" onclick="checkd1(),checkd2()">ボタン</a>としても動いてくれないので、書き直すのではなく、このまま二つを指定したいのですが、どうすればよいのでしょうか?

Aベストアンサー

><a href="#" onclick="checkd1(),checkd2()">ボタン</a>

<a href="#" onclick="checkd1();checkd2()">ボタン</a>

おしいですね。
, ではなく ; なら両方の関数が呼ばれると思います。
(Firefox3とIE6で確認しました。)

なぜ ; かと言うと、
Javascriptの文法で、文の区切りは ; だからですね。

Qjavascriptでセレクトボックスの"selected"を動的につ

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
</select>月

<select name='day'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日


このセレクトボックスに、例えば今日の日付"2010年9月30日"だったら、それぞれの年、月、日の<option>に"selected"をつけたいのですが、javascriptではどのようにして実現したら良いのでしょうか?

よろしくお願いします。

javascriptでセレクトボックスの"selected"を動的につける方法について質問させてください。

現在、以下のようなフォームを作成しました。

<select name='year'>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8...続きを読む

Aベストアンサー

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<option value='2009'>2009</option>
<option value='2010'>2010</option>
<option value='2011'>2011</option>
</select>年

<select name='month'>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
</select>月

<select name='day'>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>日
</div>
</form>

こんな感じで・・・

<script>
window.onload=function(){
var f=document.getElementById("f0");
var ymd=new Date();
checkSelect(f.elements["year"],ymd.getFullYear());
checkSelect(f.elements["month"],ymd.getMonth() +1);
checkSelect(f.elements["day"],ymd.getDate());
}
function checkSelect(obj,val){
for(var i=0;i<obj.length;i++){
if(obj[i].value==val){
obj[i].selected=true;
break;
}
}
}
</script>
<form id="f0">
<div>
<select name='year'>
<opt...続きを読む

Q同じサイトが2つ開いてしまう

URLを開く時通常ダブルクリックしても一つのサイトが開きますが
2つ開いてしまうサイトがあります、パソコンの設定に問題があるのでしょうか?
またはそのURLサイトに問題があるのでしょうか?
win7・IE Ver10
です。
よろしくお願いいたします。

Aベストアンサー

バグ情報は見つかりません。1つ考えられるのはポップアップウィンドウの処理がどうなっているでしょうか?

ツール>インターネットオプション>[全般]>タブ「設定」>ポップアップの発生時
→「常に新しいタブでポップアップを開く」にチェックを入れる

ここの設定で「新しいウィンドウを開く」の挙動がどうなるかお確かめください。

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QHTMLからフォルダを開きたい

いつも大変お世話になります<(_ _)>

Webサーバー上にあるWebページ(HTML)の中に、ローカルPCのフォルダを開くリンクを付けたいのですが、
<a href="file://c:\windows">OPEN</a>
としても、何も反応しません。

いろいろ調べたのですが、上記の方法しか見あたりません。

なお、ブラウザのアドレス欄に file://c:\windows と入力すると、フォルダの内容が表示されます。
※Firefoxだと、ファイルの一覧になりますが・・・

何か環境によって挙動が異なるのでしょうか?
それとも、セキュリティ上の観点から最近じゃ出来なくなっているのでしょうか?

是非ともお助け下さい。宜しくお願い致します。

Aベストアンサー

file:///C:/windows/
/は三つでは・・・
 IEの場合はエクスプローラ(ファイルマネージャ)が開くような・・・
 IEはファイルマネージャーと一体のブラウザなので・・・

★実は、ローカルサーバーが必要です。
 apacheでも何でも良いので、WEBデータの入っているフォルダーを
<VIRTUALHOST 127.0.0.1>
C:\Document and settings\my document\web
 とかに指定して、Windowsのhostsファイルで、適当なサーバー名を指定しておきます。
myLocalhost 127.0.0.1
とか・・・

 そうすると
http://myLoclahost/
 で開けます。

 


人気Q&Aランキング