小窓を表示させたいときのHTMLについて質問

このQ&Aのポイント
  • 小窓を表示させたいときのHTMLについて質問
  • 小窓の表示方法についてHTMLのタグを調べているが、特定のタグを見つけた
  • 質問者はタグを使って小窓を表示させたいが、そのタグが古いバージョンでも動作するのか気になる
回答を見る
  • ベストアンサー

小窓を表示させたいときのHTMLについて質問

こんにちは。 今HPを作成していまして、アイコンをクリックすると、 小窓を開けるようなしくみのものを設置したいと思っています。 小窓の表示のさせかたでHTMLを調べていたのですが、次のようなタグを見つけました。 <a href="javascript:void(0);" onClick="window.open('表示させたいページ.html', 'newwin', 'width=***,height=***,scrollbars=no')"> クリックさせたい画像または文章</A> これって、BODYより以前の部分にあらかじめ打ち込んでおくタグ等がいらない、お手軽なものに見えるのですが^^、これはWindows、Macの違いに関わらず、またWin98のような古いバージョンをお使いの方にも、もちろん通用する(?言い方変かも。作動する?)タグなのでしょうか? どうしても気になるので、どなたかHTMLにお詳しい方、 初心者の私に教えてください。

  • HTML
  • 回答数4
  • ありがとう数4

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

  • ベストアンサー
noname#19206
noname#19206
回答No.3

>JavaをONにしてネットしていても、やはりブロックされてしまうのかな^^;(汗)。どうしてもこの小窓表示を付けたいのですが・・・。 Java と JavaScript は全然違います。Java を切ったところで JavaScript は動きますし、 逆に JavaScript を切っても Java は正常に動作します。 http://e-words.jp/w/Java.html http://e-words.jp/w/JavaScript.html >小窓の表示のさせかたでHTMLを調べていたのですが、次のようなタグを見つけました。 これはタグ、すなわち HTML ではなく JavaScript の技術です。 Web ページに使うもの=タグではありませんから注意してくださいね。 >最近の傾向としてポップアップはブロックする ポップアップブロックは通常であればユーザーが意図しないポップウインドウをブロックする仕組みとなっています。 ブロック対象はページを開くと勝手に出てくるウインドウや、特定部分にマウスをかざすと出てくるウインドウなどです。 大抵広告とか何とか不要で鬱陶しいものですからブロックしても問題がないのです。 しかしボタンを押すなど、ユーザー任意の操作で開かれるポップウインドウは、 ブラウザなどが初期設定の状態であればブロックされないはずです。 まぁ「ポップアップ全てが大嫌い」と、無条件的に全てをブロックされる方もいますけどね。 その場合は当然、リンクを押して開かれるポップアップもブロック対象です。

suzukaze03
質問者

お礼

こんばんは^^。回答どうもありがとうございます。 え。 JavaとJavascriptって別ものなのですか・・・(汗汗)。知らなかったです(T▽T)。ご指摘ありがとうございます。 タグ、でもないのですね^^;。わはは~^^;;。 ボタンを押すなどして、任意で開くものならばブロックされない・・・のですね!!! 下の方へのお礼に少し書きましたが、私が作りたかったのは 自分の作った過去の手芸作品を、ギャラリーページにたくさんのせ、 大きくして詳しくみたい方がその画像をクリックすると ちょい大き目の写真を、小窓でみれる、ってものだったんです。 リンクさせてもらってるお友達もよくこの方法を使っていらっしゃって・・・。 このJavascript、使用してもよいと思われますでしょうか・・・? やはり、お勧めできませんか? よろしければご意見ください。

その他の回答 (3)

noname#19206
noname#19206
回答No.4

>このJavascript、使用してもよいと思われますでしょうか・・・? >やはり、お勧めできませんか? >よろしければご意見ください。 まぁ、使用すること自体は問題ないと思いますが、 そういう場合サムネイル画像は本体とは別に縮小版を作成して利用するべきです。 縮小すれば画像の容量が減って読み込み速度が向上します。

suzukaze03
質問者

お礼

何度も回答をくださりありがとうございます。 使用自体は問題ないですか(笑)。 分かりました。ありがとうございます。 最初からブロックされることがないと分かるだけで安心です。 縮小版ですね^^。はい。もちろんサイズをダイエットさせてから 貼ろうと思います。 お世話になりました。

  • tsukachan
  • ベストアンサー率42% (202/470)
回答No.2

小窓=ポップアップですね♪ ブロックはユーザ側の希望としてアドインやセキュリティソフトで提供される機能です。(Googleツールバーなど) なので、制作者側がその小窓を開かないと意味がない(または開いてもらう必要がある)サイトを作るとそのサイトは致命的に意味が無いものになりますw 一応ブロックしましたと表示は出るのですが大企業や有名サイトならともかくそのほかでわざわざポップアップを許可する人は・・・・いないと思います。

suzukaze03
質問者

お礼

こんにちは^^。何度も聞いてしまって本当にごめんなさいね(涙)。 ポップアップは小窓のことでしたか♪はい、分かりました!! ポップアップを開いてもらう必要のあるサイトは致命的に意味がないものになりますか・・・。 そうですか~。 私が作りたかったのは、自分の過去の作品(手芸品です。ネットショップもやってます)をギャラリーに小さな写真で紹介し、 詳しく、大きくみたい人が画像かアイコンをクリックすると もうちょい大きな写真として、小窓で見れる・・・ というものだったんです~^^;。 ちょっと、考えてみます。 ありがとうございます!

  • tsukachan
  • ベストアンサー率42% (202/470)
回答No.1

Javascriptなので古いバーションのブラウザも大体対応しています。 が! 最近の傾向としてポップアップはブロックする(開かせない)のがセキュリティ上からしても定番化していますので、ポップアップウィンドウは自分または社内の決められたユーザが使うもの以外には使わない方が良いです。

suzukaze03
質問者

お礼

こんにちは^^、お答えありがとうございます。 古いバージョンでもちゃんと作動してくれるんですね(苦笑)。 ポップアップというのは、もしかして小窓のことですか? すみません、何にも分からなくて(T▽T)。 とすると、小窓を開かせる・・・といった動作そのものを、しないほうがよろしいということでしょうか? JavaをONにしてネットしていても、やはりブロックされてしまうのかな^^;(汗)。どうしてもこの小窓表示を付けたいのですが・・・。

関連するQ&A

  • 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> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • 小窓を開きたい

    素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓(New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script>  これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか?

  • MAC+IEで、小窓が表示されない。

    お世話になります。 MAC+IEで小窓が開かず困っています。 で、MacIEの場合、リンクターゲットが#のままでは、javascriptで小窓のURLを指定してもページ内アンカーを指定していると解釈されているようですので、MacIEでも小窓をきちんと開かせるには、やはり小窓URLを指定しなくては駄目なようです。 <a href="小窓のURL" onClick="window.open(~…> と、他でアドバイスもらったんですがなにぶん初心者なため、そのあとの中身をどういれていけばいいのかがわからず、またこの教えてくれたかたとも連絡がつけれず、困り果てています。 現在 <a href="#" onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> となっているんですが、<a href="小窓表示するアドレス">と変更したそのあとは、どんな指定になるのでしょう? お手数かけますが onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> を書きかえるような形で教えてもらえると助かります・・・。 おたすけください。よろしくおねがいします。

  • 小窓の出し方について教えて下さい。(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で開かせたい小窓を 同じページに加えるには、どうしたらよいのでしょうか? ご回答宜しくお願い致します。

  • 小窓の表示方法について

    自分の作品をホームページで掲載しているのですが、小窓で開く際、作品Aを開いたら1つの小窓が出てきて、作品Bを開くと、小窓内の作品Aを消して作品Bが表示されるような感じにしたいんです。 要するに、小窓を1つだけ開くようにさせたいんですが、今は作品をそれぞれ違う小窓で開くようにしか出来てません。 どうやれば1つの小窓で作品を開けるようになるのでしょうか。 今入れてるスクリプトとタグです↓ function showSubWindow(url) {   var win = window.open ( url,"", "width=500,height=600,scrollbars=yes"); } No.00 <a href="JavaScript:showSubWindow('作品A.html');">作品A</a> No.00 <a href="JavaScript:showSubWindow('作品B.html');">作品B</a> 調べてみたのですが、よく分からなかったため質問させていただきました。 細かく説明されているサイトなどがあれば、それを紹介していただいてもOKです。 よろしくお願い致します。

  • 小窓について

    はじめまして、お教え下さい。 goliveでHP作成してますが リンク先にgif画像の小窓を表示させたいのですが 具体的にはどうすればいいのでしょう? 色々探したら下記のような表示がありましたが、例えばここにgif画像を差し込んで表示するにはどうすればいいのでしょう? 何卒よろしくお願い致します。 <A href="javascript:w=window.open('アドレス','','scrollbars=yes,Width=250,Height=100');w.focus();">ポップアップ</A>

  • ▲▲枠の中に!大きさを指定した小窓を開くリンクを張りたい!▲▲

    このような形のHTMLの中に、小窓を表示させるためのHTMLを打ち込みたいのですw <CENTER> <TABLE border="1" height="23" width="813"> <TBODY> <TR> <TD valign="middle" align="center" width="182"><FONT size="2" face="MS ゴシック">あああ</FONT></TD> <TD align="left" width="615"><FONT size="2" face="MS ゴシック">あああ</FONT></TD> </TR> </TBODY> </TABLE> </CENTER> このような形でHPを作った場合2つの枠ができてその中に「あああ」と表示されると思います ┏━━━━━━━━━━┳━━━━━━━━━━━━┓ ┃              ┃                 ┃ ┃ あああ         ┃あああ             ┃ ┃              ┃                 ┃ ┗━━━━━━━━━━┻━━━━━━━━━━━━┛ 適当ですが・・・。この四角の中に小窓を表示させるHTMLを打ちたいのですがやり方がわからなくて質問しました。 このように入力したいです。 <HEAD> <SCRIPT language="JavaScript"> <!-- function newWin1(){ Win1=window.open("url01.html","newWin1","width=200,height=200"); } // --> </SCRIPT> </HEAD> <BODY> <A href="javascript:newWin1(写真)">url01.html へ</A> </BODY> ┏━━━━━━━━━━┳━━━━━━━━━━━━┓ ┃              ┃                 ┃ ┃ あああ         ┃あああ             ┃ ┃ 写真          ┃                 ┃ ┗━━━━━━━━━━┻━━━━━━━━━━━━┛ このように表示させたいのです。 わかる方よろしくお願いします。

    • ベストアンサー
    • HTML
  • 小窓で画像を開くことについて教えてください。

    小窓で画像を開くことについて教えてください。 <a href="リンク先URL" onclick="window.open(this.href, 'komado', 'width=430, height=630, menubar=no, toolbar=no, scrollbars=no'); return false;">サムネイル画像</a> 今まで上記のような記述で画像を開いていました。 最近IE9に更新しました。これまで小窓にリンクした画像だけ表示されていたのが、ブックマークも含む画像が表示されるようになっていることに気がつきました。 また、アクセス解析などと作用して(アクセス解析をはずすとそうならない)、小窓も元のページも同じ画像が表示されます。 以上のことはIEだけで、safariやfirefoxでは以前どうり小窓で画像だけが表示されます。このことについて、修正することはできるのでしょうか。初心者ですので基本的なことから教えてください。 どうぞ、よろしくお願いします。

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("*****.html","window1","WIDTH=500,HEIGHT=400"); } </SCRIPT> <BODY> <A HREF="javascript: openWindow1()"><IMG src="../images/*****.gif" width="60" height="25"> </BODY> 上記のタグで、各10ほど(openWindow1~openWindow10)小窓を出せるようにしています。 IE&Windowsでは問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

  • 教えてほしいのですが・・・。

    ブログで同じ記事内で、新しいウインドウ小窓を出したいのですが、 <a href="#" onclick="window.open('表示するペ-ジのURL','miniwin', 'width=横サイズ,height=縦サイズ,menubar=メニュ-バ-有無,toolbar=ツ-ルバ-有無,locaction=ロケ-ションバ-有無,scrollbars=スクロ-ルバ-有無,status=ステ-タスバ-有無,');">文字</a> ↑これだと小窓が出てくれません。 そして、 <a href="#" onclick="window.open('表示したいページのURL','ウィンドウ名','width=横,height=縦');">文字</a> ↑にすると、小窓が出てくれますがスクロールバーが表示されません。 スクロールバーを表示したいのですがどういうタグを使えばいいのでしょうか?

専門家に質問してみよう