サブウインドウ表示の不具合

このQ&Aのポイント
  • ホームページビルダーVer6のイベントの設定を用いて、サブウインドウを表示させました。しかし、親ページがスクロールされ、見づらい状態になりました。原因が分からず、質問します。
  • サブウインドウを表示させるために、ホームページビルダーVer6のイベントの設定を利用しました。しかし、親ページがスクロールされ、ページの表示が見づらくなってしまいます。原因がわからないため、質問しています。
  • ホームページビルダーVer6のイベントの設定を使用して、サブウインドウを表示させました。しかし、親ページがスクロールされる不具合が発生し、ページが見づらくなってしまいました。原因がわからず、質問させていただきました。
回答を見る
  • ベストアンサー

サブウインドウ表示の不具合

ホームページビルダーVer6のイベントの設定を用いて、サブウインドウを表示させました。サブウインドウは目論見通りに開くのですが、親ページの方が何故かページトップにスクロールされ、見づらいページになってしまいました。この原因が分からず、質問させていただきました。 <head>内には <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=400 height=200"); } } //--> </SCRIPT> <body>には <A href="" onclick="_HpbJumpURLinNewWindow('subwin.htm');">(※)</A> と書いています。 URLは http://www.field-play.com/canoe/report/takatugawa/ で、本文の下から3行目が該当部分です。 よろしくお願いします。

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

  • ベストアンサー
  • supokku33
  • ベストアンサー率77% (34/44)
回答No.1

こんにちは。 ちなみに<head>内に下記を追加し、 <SCRIPT language="JavaScript"> <!-- function OpenWin(){ win=window.open("subwin.htm","_blank","width=400,height=200"); } // --> </SCRIPT> <body>の <A href="" onclick="_HpbJumpURLinNewWindow('subwin.htm');">(※)</A> を <a href=javascript:OpenWin()>(※)</A> と変えてみてください。 親ウィンドウの位置はそのままで、サブウィンドウが出てくると思います。 (もし外れたり、動作がしないときは、スミマセン)

maina-
質問者

お礼

うまくいったようです。HPBで挿入したjavascriptって分かりづらいですね。ただでさえよく分かってないので、これのどこが悪いのか、ぜんぜん解読できませんでした (^^;) ありがとうございました。

関連するQ&A

  • サブウインドウの高さを自動で変更させたい。

    ホームページビルダー9を使用してWebサイトを作成中です。 幅は400ピクセルで固定、高さはサブウインドウ内の文章によりサイズを自動で変更させたいのですが、高さの指示の出し方が分かりません。 現在は幅400:高さ500の固定で下記スクリプトを使用しています。 変更箇所をご教授下さい。 よろしくお願いします。 -headタグ内- <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank', "width=400,height=500"); } } //--> </SCRIPT> -bodyタグ内- <A onclick="_HpbJumpURLinNewWindow('url');" href="javascript:void(0)">

  • 小ウィンドウにスクロールバーを表示したい

    <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="#"> というような形で、 小窓が開くような設定にしているのですが、 この小窓の縦にスクロールバーを付けて、 縦に無制限に文字を書けるようにしたいのですが、 その方法を教えて下さい。 ホームページビルダー8 Windows XP を使用しています。 よろしくお願いします。

  • イベント編集による画像表示位置

    HPBでWebを編集する中でサムネイル画像を[イベント編集]で別ウインドウに表示させていますが、画像の表示位置を固定して設定するタグの書き方が判りません。下記のどの部分にどのように書き込めば良いのかお教えいただきたくお願いします。尚、OSは、Windows7です。 <script language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank','width=450,height=670'); } } //--> </script> <script type="text/javascript" language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURL(url) { if (url != '') { window.location = url; } } //--> </script>

  • 複数ある小窓のサイズ。

    今、HPビルダーのイベントで↓の様にしてあるんですが、 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=710,height=430,top=150, left=200"); } } //--> </SCRIPT> がスクリプト部分でリンクしたい部分を <A onclick="_HpbJumpURLinNewWindow('http://~○○.cgi');" href="#">update</A> といった様に書いてあるのですが、 今メニュー全てがクリックすると同じサイズの小窓 で開くようになっています。それで一つだけ他のと 小窓のサイズを変えたいんですが、 その場合、どう書けばよいのでしょうか?

  • HPBv10のJavaScript

    こんにちは。 HPBv10を使っています。 サムネイルをクリックして、拡大写真を表示したいのですが <HEAD>内に <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') {    window.open(url, '_blank','width=400,height=300');    } } //--> </SCRIPT> <BODY>内のイメージには <A onclick="_HpbJumpURLinNewWindow('image/jel.jpg');" href=""><IMG src="image/jel.jpg" width="80" height="60" border="0"></A> と記述しています。 拡大写真の表示はうまくいくのですが 一方で開いていたページがなぜかindex.htmlに変わってしまうのです。 見ているページはそのままに ただ拡大写真を表示したいだけなのですが どのようにすれば良いのでしょうか?

  • サブウインドウのこと

    INDEX.HTM からサブウインドウを開いています。 INDEX.HTM には <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">日本</A> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">アメリカ</A> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">中国</A> のように並んでいます。 日本をクリックすると、サブウインドウが開きます。 アメリカをクリックすると、サブウインドウのnameが同じため、日本で開いたサブウインドウが変わります。そのとき、サブウインドウがINDEX.HTMに隠れてみえません。 これをクリックするごとに、サブウインドウが最上面で見えるようにするにはどうしたらいいでしょうか。 javascriptの質問からずれているかもしれません。

  • 小さなウインドウで。

    <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=500,height=400"); } } //--> </SCRIPT> と今は書き込んであるのですが、ここから よく様々なサイトで見かけるような 真ん中に必ず小さなウインドウが来るようにするには どのように書き込めば良いのでしょうか? 教えてください。僕のはHPビルダー2001です。 それとこれはNNやIEのどれにも対応しているのでしょうか?

  • 画像の小窓表示について

    サムネイルの画像をクリックすると画像の小窓が表示されるようにしたのですが縦長の画像と横長の画像が有るため縦長の画像の右側に余白が出てしまい見栄えが良くありません。画像の周りの白い淵をなくしたいのですが下記のタグをどのように修正すれば良いのでしょうか。 ご指導の程よろしくお願いします。早々 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank','width=500,height=400,left=600,top=50,screenX=600,screenY50,scrollbars=yes'); } } //--> </SCRIPT></HEAD>

  • 一ページに複数の小窓を設置したい。

    こんにちは。検索もしましたがどうしてもわからないので教えてください。 HPビルダーで一ページに複数の同サイズの小窓を表示させたいのです。 小窓は一つだけで、クリックした時は必ず前に来るようにしたいのです(常に前に出てきて欲しいわけではありません) 今はこのように設置しています。 <head>~</head> <script language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, 'aaa',"width=650,height=700"); } } //--> </script> <BODY>~</BODY> <a onclick="_HpbJumpURLinNewWindow('△△.html');" href="javascript:void(0)"><img src="○○○.jpg" ></a> 同じウィンドウに表示できるようになりましたが、二つ目をクリックすると親ページの後ろに回ってしまいます。 解消する方法あるのでしょうか。 わかりにくい説明で申し訳ありませんがよろしくお願いいたします。

  • ホームページビルダーでサイズを指定して新規ウィンドウをだす

    ホームページビルダーVer.10でサイズを指定して新規ウィンドウをだしたいです。 JavaScriptに下記のように記述しました。 すると指定したサイズの新規ウィンドウがでるのですが、 その上にさらに呼び出しもとのウィンドウもでてしまいます。 新規ウィンドウだけをだすためにはどうしたらよいでしょうか? ご存知の方がおりましたら教えてください。 よろしくお願いいたします。 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank','width=600 height=500,scrollbars=yes'); } } //--> </SCRIPT>

専門家に質問してみよう