• ベストアンサー

ウインドウの大きさ、位置を指定して開く【ホームページビルダーV8】

いつもお世話になっています。 HPビルダーV8を使ってWEBサイトを作っているのですが、 リンクをクリックした時に指定した大きさのウインドウを指定した位置に 開かせるタグがよくわかりません。 <A onclick="_HpbJumpURLinNewWindow('○○○.html');" href="#"><IMG src="△△.jpg" border="0"></A> これで、ウインドウは開くんですが、大きさや位置、スクロールバー等の指定って どのように記述したらよいのでしょうか？ ご存知の方いらっしゃいましたら是非教えてください。 よろしくお願いします。

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

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

こんばんは。 下の記述はどこかのサイトで見つけたものです。サイトそのものをご紹介すれば良いのですが、肝心のところだけしかコピーしなかったのでもう解りません。 この記述は自分自身のHPでも便利に使っています。 ＋と＋の間に数字を入れて画面の位置や大きさを指定して下さい。もし良く解らなかったら極端な数字を入れて様子を見ながら理解して下さい。スクロールバーやメニューバー、ツールバーなどは全部非表示にする記述ですからご自分の都合に合わせて記述をnoからyesに変更して下さい。なお、一般的に記述の意味が解らないような時は少しずつ記述を書き換えてみては画面で何がどう変わるかをみれば良いです。これまで私はそのようにして記述を理解して来ました。 ボタンクリックで別画面（大きさ指定）を表示させる； <HEAD> <TITLE></TITLE> <STYLE></STYLE> <SCRIPT language="JavaScript"> <!-- // サブウィンドウの表示方法を指定する l = 60; // 表示するx座標 t = 30; // 表示するy座標 w = 640; // 横幅 h = 480; // 縦幅 function openWindow1() { window.open("parts/readme.htm","OpenWindow", "screenX="+l+",screenY="+t+",left="+l+",top="+t+",width="+480+",height="+680+", scrollbars=no,location=no,menubar=no,toolbar=no, status=no,directories=no,resizable=no"); } //--> </SCRIPT> </HEAD> <BODY> <!-- ボタンを表示させたい適当な位置に下の記述を置く --> <INPUT type="button" value="ボタンに表示させたい文字" onclick="openWindow1()"> </BODY>

hibari_d
質問者

お礼

ありがとうございます！ 丁寧に教えてくださって本当によくわかりました。 ありがとうございました。

その他の回答 (1)

  • natatin
  • ベストアンサー率50% (1322/2599)
回答No.1

これですかね！ http://anna.fool.jp/komado.htm

hibari_d
質問者

お礼

ありがとうございます！ 大変参考になりました！

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • 指定サイズウィンドウが開かない

    ビルダーでサイトを作成しているのですが ＪＡＶＡスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにＦＴＰツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <A href="javascript:void(0);" onClick="window.open('file:///○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A> です。これを<BODY></BODY>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか？ 教えてください。

  • 指定ウィンドウサイズ

    サムネイル画像をクリックしたら、子画面（指定サイズ）が立ち上がる作りにしていました。しかし、IEでは動作しているのですが、ファイヤーフォックスでは全画面表示になってしまい、うまく機能しません。 以下のタグに、何を加えればどんなブラウザでも対応できるのでしょうか？ /////////////////////////////////////////////////// <A href="解説ページ（子画面）.html" onclick="window.open(this.href, '', 'width=630,height=560,top=300,left=300'); return false;" target="_blank"><IMG src="サムネイル画像.jpg" width="100" height="100" border="0"></A>

  • onMouseOverで変える位置

    お世話になります。 長文失礼します。 <html> <head> <title>ページのタイトル名</title> <SCRIPT LANGUAGE="JavaScript"> <!-- movimg=new Array() movimg[0] = new Image();movimg[0].src='img/img-01-206.jpg'; movimg[1] = new Image();movimg[1].src='img/img-01-208.jpg'; movimg[2] = new Image();movimg[2].src='img/img-01-213.jpg'; function changImg1(imgNoA,imgNoB) { document.images[imgNoA].src=movimg[imgNoB].src; }; <!----> </SCRIPT> </head> <body> <img src="img/img-01-01.jpg" width="300" height="225">--(1) <img src="img/img-01-208.jpg" width="300" height="225">--(2) <BR> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,0);"> <IMG src="img/img-01-206.jpg" border="0"></a> <a href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,1);"> <img src="img/img-01-208.jpg" border="0"></a> <A href="javascript:function voi(){};voi()" onMouseOver="changImg1(0,2);"> <IMG src="img/img-01-213.jpg" border="0"></A> </body> </html> という風にonMouseOverで画像を変えているようにしているのですが、 この場合(1)の画像がかわりますよね。 これで(2)の画像を変えるようにするにはどうすればいいでしょうか？ 参考になるHPなどでも構いませんのでよろしくお願いします。

  • 画像のサムネイルを縦横ともに指定した数値以内で表示したい。

    いままで画像を縦横比を維持して表示するには、縦一方の大きさを指定してたのですが これだと横長の画像を多く並べる場合デザインが大きく狂ってしまいます…。（どんどん横に広がってしまいます） googleやpixivのように縦横整えて表示させたいのですが、やり方が分かりません。どのようにすればよいのでしょうか。 イメージとしてはこんな感じです。 ・130ピクセルx130ピクセルの枠の中に縦横比を維持した画像を表示させる。 ・その枠を横に四つ並べる。 （縦長の画像は極端に縦長に表示され、横長の画像は極端に横長に表示されるということです。） 各画像の表示例は、例えばgoogle画像検索やpixivなど。 →google画像検索 http://images.google.co.jp/images?hl=ja&safe=off&q=%E3%83%91%E3%83%8E%E3%83%A9%E3%83%9E&lr=&um=1&ie=UTF-8&sa=N&tab=wi →pixiv http://www.pixiv.net/search.php?word=%E6%BC%AB%E7%94%BB&s_mode=s_tag ---いままで使ってたソース--- <table width="80%"> <tr align="center"> <td><a href="001.jpg"><img src="001.jpg" border="0" height="130"></a></td> <td><a href="002.jpg"><img src="002.jpg" border="0" height="130"></a></td> <td><a href="003.jpg"><img src="003.jpg" border="0" height="130"></a></td> <td><a href="004.jpg"><img src="004.jpg" border="0" height="130"></a></td> </tr> <table width="80%"> <tr align="center"> <td><a href="005.jpg"><img src="005.jpg" border="0" height="130"></a></td> <td><a href="006.jpg"><img src="006.jpg" border="0" height="130"></a></td> <td><a href="007.jpg"><img src="007.jpg" border="0" height="130"></a></td> <td><a href="008.jpg"><img src="008.jpg" border="0" height="130"></a></td> </tr> ---ここまで--- こんなソースを使ってました。 教えてください、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 小ウィンドウにスクロールバーを表示したい

    <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=360,height=350"); } } //--> </SCRIPT> ・・・・・ <A onclick="_HpbJumpURLinNewWindow('*****.htm');" href="#"> というような形で、 小窓が開くような設定にしているのですが、 この小窓の縦にスクロールバーを付けて、 縦に無制限に文字を書けるようにしたいのですが、 その方法を教えて下さい。 ホームページビルダー８　Windows XP　を使用しています。 よろしくお願いします。

  • 新規ウィンドウの表示位置を画面中央に

    新規ウィンドウの表示位置を画面中央に表示させたいと思っています。 下記のソースがページに内に複数あり、それぞれジャンプ先は違います（一部のリンクのみ面中央に表示させたいと思っています）。 <a href="http://***" onClick="window.open('http://***','_blank','width=300,height=300'); return false;"><img src="http://***/img.gif" border="0"></a> 上記のソース（のonClick）に追加記述する形で、画面中央に表示させることは可能でしょうか？宜しくお願い致します。

    • ベストアンサー
    • HTML
  • ポップアップウィンドウをスクロールできるようにする方法

    Dreamweaver8を使用しています。 ポップアップウィンドウに表示されるデータがウィンドウ画面より長いので、スクロールして最後まで読む必要があるのですが、スクロールができません。 スクロールバーも出ません。 どうすればポップアップ画面をスクロールできるようになるか教えて下さい。 ちなみに、下記のようになっています。画像をクリックするとポップアップ画面が出現するようになっています。 <ul class="specification"><li class="specification01"><a href="toroidalcoil.html" onClick="Open_popup1();" target="popup_win01"><img src="img/toroidalcoil.gif" alt="トロイダルコイル" width="128" border="0"></a></li></ul> 出現するポップアップウィンドウのサイズ（幅）も指定できる方法があれば教えて頂けると助かります。 宜しくお願いします！

  • IE8にするとサイズ指定の別ウィンドウが表示できません

    よろしくお願いします！ 今、私のホームページで以下のタグの記述とアイコンを使い、指定した大きさで別のウィンドウを開けるようにしているのですが、ブラウザをＩＥ８にした途端に（実際にはWindows7 RC版上でのIE8で）、今までのように別の指定サイズのウィンドウ表示が出来なくなりました。 <a href="△△△.html" onclick="window.open(this.href, 　'_blank', 'width=600,height=400,scrollbars=yes,resizable=no,toolbar=no, directories=no,location=no,menubar=no,status=no,left=10,top=10'); return false"><img src="○○○.jpg" border="0" align="center"></a> ※ 今回のタグの記述例は、この質問ページの体裁に影響してしまうので、途中で改行を入れています。本来はつなげて記述しています。 ＩＥ７や他のブラウザでは、問題なく別の指定サイズのウィンドウで表示が出来ていました。 なにぶん見よう見真似で取り入れたタグの記述方法だったので、ＩＥ８のどこを変更すれば別ウィンドウで表示できるでしょうか？ またはＩＥ８になると、以上のタグの機能は使えないのでしょうか？ ぜひご教授お願いします。

  • HTMLタグ一括編集

    <a href="URL.***"><img src="URL.***"></a> 上記のタグの場合、***の部分だけをフォルダから一括で連番指定出来るソフトを探しています。 例えば <a href="URL.001.jpg"><img src="URL.001.jpg"></a> ・ ・ ・ <a href="URL.054.jpg"><img src="URL.054.jpg"></a> という風にタグに中に一括で001.jpg～054.jpgだけを入れ替えるソフトです。 よろしくお願いします。

  • 画像リンクを別ウインドウでサイズ指定で開くように

    <a href="http大きいサイズの画像" onclick="javascript:window.open('1.html','win1','width=400,height=550');return false;"><IMG SRC="http小さいサイズの画像.jpg"　width=60,height=60></a> 小さなサイズの画像をクリックすると、別ウインドウで大きな画像が開くタグを作りたいのですが、 その際に大きいサイズの画像を400×550サイズでぴったりと開くようにしたいのです。 上記のタグでは、別ウインドウでは開くのですがサイズは変わりません… Javascriptを使わないといけないのでしょうか？ その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する