• ベストアンサー

画面のボタンをクリックしたとき・・・・・

画面のボタンをクリックしたとき、別窓で、指定した画面が開くようにしたのですが、その中身をスクロールで見せられるようにするには、どんなロジックをPGMに入れればいいのでしょうか? 今は、下記のロジックが入っています。 <!-- function OpenWindow() { subWin = window.open("sub01.html","sub01","width=570,height=370"); } // --> </SCRIPT> よろしくお願いいたします。

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

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

  • ベストアンサー
noname#199778
noname#199778
回答No.1

それはJavascriptを利用したものになりますね。 subWin = window.open("sub01.html","sub01","width=570,height=370, scrollbars=1"); のように、「scrollbars=1」を三つ目の引用符の中に追加すれば良いのではないかと思います。 参考になれば。

参考URL:
http://tohoho.wakusei.ne.jp/js/window.htm#open
wowwow2003
質問者

お礼

有難う御座います。 即座に解決しました。 助かりました。

関連するQ&A

  • 小ウインドウのスクロールバー

    小さいウインドウを出してメニューを作ろうと思っています そこで、早速作ってみたところ、小さいウインドウにはスクロールバーがありませんでした 小ウインドウには、スクロールバーは表示できないのでしょうか? 表示させる方法がありましたら、教えて下さい ちなみに、小ウインドウは下記のようにしています <SCRIPT LANGUAGE="JavaScript"> <!-- function subopen(){ subwin=window.open("menu.html","subwindow","width=290,height=185") } function subclose(){ subwin=window.open("","subwindow","width=290,height=185") subwin.close() } // --> </SCRIPT>

  • ページのエラー

    始めまして 任意大きさのウインドウをたち上げる際 (ブラウザ上で) どうしても、「表示されました。」の横に ビックリマーク「!」が出て 暫くすると、ページエラーと表されます。 任意のウインドウは正常に表示されます。 色々と調べましたが、どうも私のスキルでは 限界です。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("***.htm","window1","WIDTH=300,HEIGHT=310"); } function openWindow2() { window.open("***.htm","window2","WIDTH=300,HEIGHT=310"); } function openWindow3() { window.open("***.htm","window3","WIDTH=300,HEIGHT=310; } </SCRIPT> <HEAD> ・・・・・・・・・・・・・ </BODY> <A HREF="javascript: openWindow1()"><IMG src="con_syousai.gif" width="65" height="20"></A></TD> </BODY> 今の所、一つしかリンクしていません。 いずれ、9個を同じような形で アイコンから、したいと思ってます HPビルダーのソースから記入したのですが 何処が可笑しいのでしょう? また、他の方法(タグ)はあるのでしょうか? どうか、お知恵を下さい 宜しくお願いします。

  • 小窓が見れない

    マック・ネスケープの環境の方から指摘を受けました。 <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では問題無く表示されます。 見れるようにする方法はあるのでしょうか? 説明・勉強不足かもしれませんが、宜しくお願いします。

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

  • 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 と出てうまくいきません。 どのように対処すればよいでしょうか? 取り急ぎご回答をお待ちしています。

  • 別窓リンクの問題点は?

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか? -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は?

  • javascriptで別ウインドウを開いたのですが背景設置が上手くいきません。

    いつもお世話になっております。 JavaScriptを使用し別ウインドウで画像を表示させているのですが、 そのウインドウの背景が上手く設定できません。 どのように編集すればよいでしょうか? 現在の状態は以下の通りです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>aaa</title> <script language="javascript"> <!-- function OpenWindow(){ var width = document.images['00'].width + 228; var height = document.images['00'].height +254; subWin = window.open("","subWin","status=no,menubar=no,toolbar=no,scrollbars=no,resizable=yes,screenX=0,screenY=0,width=" + width + ",height=" + height + '"'); with(subWin.document) { open(); write("<html><head><title>sample1</title></head>"); write("<body onload='window.resizeTo( document.images[00].width + 40,document.images[00].height + 120)'><div align='center'><img id='00' src='b/1b.jpg'><br>"); write("<button type='button' onclick='window.close()'>閉じる</button></body></div></html>"); close(); } } --> </script></head> 宜しくお願いします。

  • マウスアウトでサブウィンドウを閉じる

    ホットスポットのマウスオーバーでサブウィンドウを開き、マウスアウトでそのウィンドウを閉じたいのですが、マウスアウト時にエラーになります。 ホットスポットには <area shape="rect" onMouseOver="javascript: openWindow2()" onMouseOut="javascript: closeWindow2()">のように記述し、JAVASCRIPTは以下のように記述しています。 <script language="javascript"> function openWindow2() { window.open("date.htm","window5","WIDTH=475,HEIGHT=430"); } function closeWindow2() { window5.close(); } </script> どこを直せば正常に動くようになるでしょうか。

  • ブログ本文からサイズ指定の別窓リンクしたい

    本文にリンクを貼り、クリックで別窓をサイズ指定で開くようにしたくて、下記のように書いてみたのですが、フルサイズで開いてしまいます。 どうしたらサイズを指定して開けるのでしょうか? <h3>ヒューマン編</h3> <script language="JavaScript"> <!-- function openWindow() {window.open("","movie1",'width=420,height=330');} //--> </script> <a href="http://otsdestiny.xxxxxxxx.jp/movie1.html" onClick=openWindow() target="movie1"><img src="http://image.blog.livedoor.jp/ots_destiny/imgs/a/4/a4b74f28.gif?blog_id=1219642" border="0"></a> <h3>ホラー編</h3> <script language="JavaScript"> <!-- function openWindow() {window.open("","movie1",'width=420,height=330');} //--> </script> <a href="http://otsdestiny.xxxxxxxx.jp/movie2.html" onClick=openWindow() target="movie1"><img src="http://image.blog.livedoor.jp/ots_destiny/imgs/6/c/6c8705cd.gif?blog_id=1219642" border="0"></a>

  • 別ウィンドウをそれぞれ違うサイズで位置指定で開きたい

    現在ウェブサイトを作っておりまして、別ウィンドウをそれぞれ違うサイズで位置指定で開きたいと思い、headの中に以下の記述をしました。 <SCRIPT language="JavaScript"> <!-- w = 800; h = 600; function season2009ss() { x = (screen.width - w) / 2; y = (screen.height - h) / 2; subWin = window.open("look/season2009ss.html","season2009ss","screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h+",scrollbars=yes"); } //--> </SCRIPT> <SCRIPT language="JavaScript"> <!-- w = 500; h = 660; function contact() { x = (screen.width - w) / 2; y = (screen.height - h) / 2; subWin = window.open("mail/contact.html","contact","screenX="+x+",screenY="+y+",left="+x+",top="+y+",width="+w+",height="+h+",scrollbars=yes"); } //--> </SCRIPT> 開きたい画面は二つあり、位置は両ウィンドウとも画面の真ん中で、サイズのみ違います。 しかし、この形ですとなぜかウィンドウサイズは両方とも同じになってしまい、狙い通りにいきません。 何が原因なのでしょうか。

専門家に質問してみよう