• ベストアンサー

javaでサムネイルをクリックして別窓で表示したいのですが…

はじめまして!たつやです。 現在OSはXPでビルダー9を利用して画像アルバムのホームページを作成してますが、サムネイルと元画像はhtmlファイルとして用意し、それぞれのサムネイルをクリックするとタイトルバーなどが無い別画面で表示したいと考えております。別画面はクリックした画像の数だけ開くようにしたいとも考えています。 ヘッド部には <script Language="JavaScript"><!-- function nwin1(){ sub=window.open("jpeg/001.html","subwin1","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} function nwin2(){ sub=window.open("jpeg/002.html","subwin2","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} } // --></script> と記入して、ボディー部には <A href="jpeg/001.html" onclick="nwin1()"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="jpeg/002.html" onclick="nwin2()"><IMG src="jpeg/s002.jpg" width="90" height="68" border="0"></A> と記載下のですが、upすると、 auto;blank と出てうまくいきません。 どのように対処すればよいでしょうか? 取り急ぎご回答をお待ちしています。

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

  • ベストアンサー
回答No.2

まとめてしまうのも、スマートかもしれません。 <script Language="JavaScript"> <!-- function nwin(number){ var htmlfile = "jpeg/00" + number + ".html" ; var winname = "subwin" + number ; window.open(htmlfile, winname, "width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30"); } //--> </script> <A href="javascript:nwin(1)"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="javascript:nwin(2)"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A>

tattyan2
質問者

お礼

早速のご回答ありがとうございます! 成る程と思って、これからやってみますね。 動いたときはお礼、動かなかったら… またご質問?? ありがとうございます。

tattyan2
質問者

補足

教えていただいたように、まずコピペで貼り付けだのですが、うまく行かないのはどうしてでしょうか? <!-- function nwin(number){ var htmlfile = "jpeg/0" + number + ".html" ; var winname = "subwin" + number ; window.open(htmlfile, winname, "width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30"); } //--> の部分がビルダーで黒になっています…

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

その他の回答 (3)

回答No.4

#2です。 たびたび失礼します。 <!-- function この部分は、ちゃんと改行されましたか? <!-- function でないと、エラーになります。

tattyan2
質問者

補足

なるほど!それが原因だったんですね。 いろいろやってみたところだっだんです。 ちっょとあきらめかけてました! ありがとうございました。

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

#2です。 直接関係ないことなのですが、 java と javascript は全く違うものです。 タイトルで間違ってしまう人もいると思うので、 今後はちゃんと区別するのが良いかと思います。

tattyan2
質問者

お礼

どうもご指摘ありがとうございました。初めての投稿であわてていました!。 以後気をつけますね。

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

sub= というのは必要ないと思いますが。 <script Language="JavaScript"><!-- function nwin1(){ window.open("jpeg/001.html","subwin1","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} function nwin2(){ window.open("jpeg/002.html","subwin2","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} } // --></script> ↑ヘッド部をこのようにしてみてください。 あと、ボディー部ですが、href="" の指定は「#」の方がいいです。 <A href="#" onclick="nwin1()"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="#" onclick="nwin2()"><IMG src="jpeg/s002.jpg" width="90" height="68" border="0"></A>

tattyan2
質問者

補足

早速のご回答ありがとうございました。 いまも教えていただいた部分をコピペで貼り付けてアップしたのですが、ブラウザではページでエラーが発生しましたと下に出て新しい画面は開きませんでした。 どこに原因があるのでしょう?? すみません。たびたび よろしくお願いいたします。

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

専門家に質問してみよう