- ベストアンサー
小窓を出したい。
画像が多いHPを作成中です。 1つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 1ページにテーブルを作り、画像をいくつか入れているのですが、1画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたい。 色々と画像が多いHPを作成中です。 1つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 1ページにテーブルを作り、画像をいくつか入れているのですが、1画像ごとに小窓で見れるようにしたいのです。 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**」という 名前を付けたものをたくさん記述しなくてはいけなくなりますので >1ページにテーブルを作り、画像をいくつか入れているのですが、1画像ごと に小窓を出す場合は、私の紹介した方法をお勧めします
お礼
ありがとうございました。 昨日から頑張っていますが、もう一歩というところです。 頑張ってお勉強します。
- 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
関連するQ&A
- Javaで小窓を開きたい
メモ帳でHPを作成中です。 HTMLとCSSをようやく理解できたかなというレベルの初心者です。 Javaで文字をクリックすると小窓が開くようにしたいのですが、過去の質問でも同様のものがあり、その通りにしたのですが、文字をクリックしてもアンダーバーのところに「ページでエラーが発生しました」という文字がでて小窓が開きません。 ドリーム小説というものを作る場合に名前の入力のページだけを小窓で表示するようにしたいのですが、どうすればよいでしょうか? IE6.0 OSは98です。 どなたか分かる方、回答をよろしくお願いします。
- ベストアンサー
- Java
- JavaScriptで小窓を表示したい
ホームページ作成中です。文字をクリックさせて、小窓で1ページ出したいのですが、そのページの中身の書き方と設置の仕方、小窓の大きさを制御したいのですが、スクリプトの書き方が分かりません。 どなたか分かる方がいらっしゃったら、教えてください。お願いいたします。
- ベストアンサー
- JavaScript
- JavaScriptで、小窓を開きたいのですが…
色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。
- ベストアンサー
- JavaScript
- 小窓の出し方について教えて下さい。
以前質問させていただいて、自分なりに頑張ってみたのですが、どうしても上手くいきませんでした。 http://oshiete1.goo.ne.jp/kotaeru.php3?q=555060 テーブル内に画像が20入れています。画像1つ1つをクリックしたら小窓が出るようにしたいのです。 小窓の大きさは横230縦160です。 画像の名前はP_1~P_20まであります。 <head>~</head>内に何を書けばいいのか、 テーブル内の画像タグ <a href="http://www○○/p1.html"><img src="p_1.jpg" border="0" width="70" height="48"></a> に、どうJavaScriptを入れればいいのかが 分かりません。 説明が分かりづらかったらすみません。 申し訳ありませんが、再度ご教授お願い致します。
- ベストアンサー
- JavaScript
- 小窓を出したい
自身でHPを作成しているnamerinです。 HPで新たに小窓を出したいのですが、どのようなソースを作ればいいのでしょうか? (クリックすれば小窓が出てくるという感じにしたい) また、それについて詳しくかかれているサイトを教えてください。
- 締切済み
- JavaScript
- 小窓の出し方について教えて下さい。(2)
http://oshiete1.goo.ne.jp/kotaeru.php3?q=568520 先ほどご回答を頂き、小窓の開き方は解決致しました。 ↓ <script type="text/javascript"><!-- function subwin(imgsrc,imgalt){ sub1=window.open("","subwin","width=230,height=160,resizable=1"); sub1.document.open(); sub1.document.write("<html><head><title>"+imgalt+"</title></head>"); sub1.document.write("<body style='margin: 0;'>") sub1.document.write("<img src='"+imgsrc+"' alt='"+imgalt+"'>"); sub1.document.write("</body></html>"); sub1.document.close(); } //--></script> body内の、呼び出し部分は、 <a href="#" onClick="subwin('画像ファイルのURL','画像ファイルの説明'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> が、クリックして開く小窓に表示させるHTMLファイルで開かせたい 画像が同じページにあります。(大きさは横500縦600) もう1つ教えて頂いた↓ <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=230, height=160"); } //--></script> 以上をhead内に記述して、呼び出し部分は <a href="#" onClick="subwin('読み出すHTMLファイルのURL'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> のwidth=230, height=160をwidth=500, height=600にして上記ソースに加えると(?) 全部の小窓がwidth=500, height=600になってしまいます。 width=230, height=160の画像で開かせる小窓と width=500, height=600のHTMLで開かせたい小窓を 同じページに加えるには、どうしたらよいのでしょうか? ご回答宜しくお願い致します。
- 締切済み
- JavaScript
- javaを使わないで小窓を出す方法
こんにちは。パソコン初心者です。 小窓を出すにはジャバやジャバスクリプトを使ったものが多いのですが、 それらを使わない方法はあるのでしょうか? javaをONにしてない方でも、気軽にHPを見てもらいたくて質問しました。 一応、 <a href="#" onclick="window.open( 'index2.html','win1','width=120,height=280' );"> という方法をやっていますが、この方法はジャバ・ジャバスクリプトなのでしょうか? javaというタグが入っていないので、使わない方法だと思っています。 また相手にジャバをONにしてもらう時、分かりやすく説明しているサイトがありましたら教えて下さい。
- ベストアンサー
- ホームページ作成ソフト
- 小窓を開きたい
素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓(New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script> これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか?
- ベストアンサー
- JavaScript
お礼
アドバイスありがとうございました。 なかなか一筋縄ではいきません・・・。 でも、頑張ってみます。 それでもダメだったら、また宜しくお願い致します・・・。