- ベストアンサー
小窓を出したい。
画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたい。 色々と画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたいのです。 Java Scriptを使うのはまったく初めてなのですが、 上記の場合のJava Scriptの書き方えを教えて下さい。 宜しくお願い致します。
- keikaiga
- お礼率88% (105/119)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
>書き忘れましたが、小窓とは下記URLの小窓の事です。 > >http://www.sky.sannet.ne.jp/masapine/java_newwindow2.html ↑の場合、onclickイベントでnew_win2()を呼び出してますよね？このイベントに引数を与えてやれば複数ウィンドウの呼び出しができます。 ex) ---JavaScript---- <script language="javascript"> <!-- function OpnWin(strTarget) { window.open(strTarget,"","width=400,height=100"); } //--> </script> ----HTML(JavaScript呼び出し部)----- <input type="button" name="btn" value="Aを開く" onclick="OpnWin('A.html');"> <input type="button" name="btn" value="Bを開く" onclick="OpnWin('B.html');"> みたいな感じで。
その他の回答 (3)
- todo36
- ベストアンサー率58% (728/1234)
ちょっと作ってみました <body> <img src="a.gif" alt="画像A" name="img1" width=50 height=50 onclick="myFunc2(this)"> <img src="b.gif" alt="画像B" name="img2" width=50 height=50 onclick="myFunc2(this)"> </body> <script language="JavaScript"> function myFunc1(img) { window.open(img.src,img.name,"top=100,left=100,width=500,height=500"); } function myFunc2(img) { var w = window.open("",img.name,"top=100,left=100,width=500,height=500"); w.document.open(); w.document.writeln("<html><head><title>" + img.alt + "</title></head><body>"); w.document.writeln("<img src=" + img.src + ">"); w.document.writeln("<br><input type=button value='閉じる' onclick='window.close()'>"); w.document.writeln("</body></html>"); w.document.close(); } </script>
お礼
作って頂いてありがとうございます。 HTMLと違ってなかなか難しいものですね・・・。 でも、見やすいHPを作る為にも、頑張って克服していきたいと思います。
- shy00
- ベストアンサー率34% (2081/5977)
＞書き忘れましたが、小窓とは下記URLの小窓の事です 仕組みは一緒です ただ、「下記URLの小窓」のやり方ですと、「new_win2」「new_win**」という 名前を付けたものをたくさん記述しなくてはいけなくなりますので ＞１ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごと に小窓を出す場合は、私の紹介した方法をお勧めします
お礼
ありがとうございました。 昨日から頑張っていますが、もう一歩というところです。 頑張ってお勉強します。
- shy00
- ベストアンサー率34% (2081/5977)
http://www.red.oit-net.jp/tatsuya/java/winopen.htm など参考になさってください 「onClick」「window.open」で可能です open テスターを使えるので、いろいろおためしください
補足
URLありがとうございました。 お勉強になるので、お気に入りさせて頂きます。 書き忘れましたが、小窓とは下記URLの小窓の事です。 http://www.sky.sannet.ne.jp/masapine/java_newwindow2.html
お礼
アドバイスありがとうございました。 なかなか一筋縄ではいきません・・・。 でも、頑張ってみます。 それでもダメだったら、また宜しくお願い致します・・・。