• ベストアンサー

頭痛がっ・・

HPを自作で作っているのですが ど~にもわからず困っております・・。 『新規ウィンドウを出す』と、ここまではいいのですが 箇条書きのメニューでそれぞれに新規のメニューを出す事が 出来ないのです。っていうか、出来ない事なのですか?それもワカラナイ! 下記のプログラムで1つの項目については成功していますが 2つ目になるとウィンドウが2個出たりどっちも同じウィンドウに なってしまう・・。どなたか助けて~ <P onclick="openWin()"> <font color="#DC143C">#1~不思議 <SCRIPT language="JavaScript"> function openWin(){ fn="pp.htm"; window.open(fn,"","height=500,width=690,left=100,top=100"); } </SCRIPT>

質問者が選んだベストアンサー

  • ベストアンサー
  • peso
  • ベストアンサー率41% (40/97)
回答No.4

まぁ、色々方法はありますが、<P onClick …> よりは <A> を使ったほうがいいでしょう。 <BODY link="#DC143C" alink="#DC143C" vlink="#DC143C">     ・     ・     ・ <A href="pp.htm" target="_blank" onClick="window.open('pp.htm', '', 'height=500,width=690,left=100,top=100'); return false;">#1~不思議</A><BR> <A href="pp2.htm" target="_blank" onClick="window.open('pp2.htm', '', 'height=500,width=690,left=100,top=100'); return false;">#2~不思議</A><BR> これだと JavaScript が使えなくてもリンクすることが出来ます。(ウィンドウの大きさの指定は出来ませんが・・・)

kino_kino
質問者

お礼

さっそく試してみましたら、大成功です!! どうもありがとうございます! いろいろなやり方があるのですね~。 すごく勉強になります。 そして、感謝いたします。 どうもありがとうございました!!

すると、全ての回答が全文表示されます。

その他の回答 (3)

noname#5841
noname#5841
回答No.3

こんにちは。 補足要求です。 まずは、なぜ、<P>タグにonClickを???? (<P>タグは段落という意味なんで、ここにonClick入れるのは、ネスケじゃ無効じゃなかったかな。) そしてそして。 閉じタグがどこにあるか、わからないのですが、 </P>で閉じるところまで全体にopenWin()が、かかりますよね。。。

kino_kino
質問者

お礼

すみません。コピペで使ったのでよく見ませんでしたが そう言われてみればそうですよね。 <p>があるために押す題名全体にウィンドウがかかったのですね。 ご指摘ありがとうございました。

すると、全ての回答が全文表示されます。
回答No.2

>箇条書きのメニューで 「#1~不思議」が#2、#3と続くんですか? >それぞれに新規のメニューを #1に対応するのが pp.htm なんですか? #2、#3…にはそれぞれ対応する 何とか.htm があるんですか? <P onclick="openWin1()"> <font color="#DC143C">#1~不思議 <SCRIPT language="JavaScript"> function openWin1(){ fn="pp.htm"; window.open(fn,"","height=500,width=690,left=100,top=100"); } </SCRIPT> <P onclick="openWin2()"> <font color="#DC143C">#2~不思議 <SCRIPT language="JavaScript"> function openWin2(){ fn="pp2.htm"; window.open(fn,"","height=500,width=690,left=100,top=100"); } </SCRIPT> とかじゃダメ?(^^;

kino_kino
質問者

お礼

すいません。ダメでした。 だめというか、#1をクリックした時は問題なく、 #2をクリックすると、#1と#2の両方が開いてしまうのです。 でも、この方法で成功すれば簡単だしベストだったんだけどなぁ・・。 どうもありがとうございました。

kino_kino
質問者

補足

さっそくありがとうございます! 半分諦めて普通のリンクにもどしてUPしていました。 今日仕事が終わったらさっそく試してみます。

すると、全ての回答が全文表示されます。
noname#2072
noname#2072
回答No.1

 私の管理しているMLで最近、似た質問が有り回答 <html> <head> <title>open new windoe 2</title> <SCRIPT Language="JavaScript"> <!-- function openWin(){ var win1=window.open('','newwin1','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,width=500,height=300'); win1.document.write('<body bgcolor=#ffcccc>'); win1.document.write('<table width="100%" height="100%">'); win1.document.write('<tr align=center>'); win1.document.write('<td><h1><a href="http://">ホームページその1</a><br><a href="http://">ホームページその2</a><br><a href="http://">ホームページその 3</a><br><a href="http://">ホームページその4</a><br><a href="http://">ホーム ページその5</a><br><a href="http://">ホームページその6</a><br><a href="http://">ホームページその7</a><br><a href="http://">ホームページその 8</a></h1><td>'); win1.document.write('</tr></table>'); win1.document.write('</body>'); win1.document.close(); } //--> </script> </head> <body bgcolor="#fff8dc"> <h3>URL</h3> <hr> <form> <input type="button" value="New Window" onclick="openWin()"> </form> </body> </html> ↑  <tr>~</tr>と言うテーブルのタグを使えば良いと 思いますが?<tr>~</td> も含めて参考までに。。

kino_kino
質問者

お礼

テキストをコピペしてhttpの部分をリンク先に変更して 試しましたが、何も起こらないという状態になってしまいました。 もうすこし自分で応用できればいいのでしょうが だめでした~・・。(ちなみに私はMACユーザーです。) すぐにご回答を頂きすごくうれしかったんですけど すみません。 ありがとうございました。

kino_kino
質問者

補足

さっそくありがとうございます! 半分諦めて普通のリンクにもどしてUPしていました。 今日仕事が終わったらさっそく試してみます。

すると、全ての回答が全文表示されます。

関連するQ&A