HPBv10のJavaScriptでサムネイルをクリックして拡大写真を表示する方法

前へ 次へ
このQ&Aのポイント
  • HPBv10を使って、サムネイルをクリックして拡大写真を表示する方法について説明します。
  • HPBv10のJavaScriptを使用して、イメージのクリック時に拡大写真を表示する方法について説明します。
  • サムネイルをクリックして拡大写真を表示する際に、ページがindex.htmlに変わってしまう問題について解決策を提案します。
回答を見る
  • ベストアンサー

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に変わってしまうのです。 見ているページはそのままに ただ拡大写真を表示したいだけなのですが どのようにすれば良いのでしょうか?

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

  • ベストアンサー
  • SAYKA
  • ベストアンサー率34% (944/2776)
回答No.1

試す事 1.aタグのhrefの記述を消してみる 2.aタグでなくspanにしてみる 3.scriptの終わりに「return 0;」とでも追記してみる 順番に試してみてね。

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

関連するQ&A

  • 小さなウインドウで。

    <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のどれにも対応しているのでしょうか?

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

    ホームページビルダー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/ で、本文の下から３行目が該当部分です。 よろしくお願いします。

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

    <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　を使用しています。 よろしくお願いします。

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

    今、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> といった様に書いてあるのですが、 今メニュー全てがクリックすると同じサイズの小窓 で開くようになっています。それで一つだけ他のと 小窓のサイズを変えたいんですが、 その場合、どう書けばよいのでしょうか?

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

    こんにちは。検索もしましたがどうしてもわからないので教えてください。 ＨＰビルダーで一ページに複数の同サイズの小窓を表示させたいのです。 小窓は一つだけで、クリックした時は必ず前に来るようにしたいのです（常に前に出てきて欲しいわけではありません） 今はこのように設置しています。 <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> 同じウィンドウに表示できるようになりましたが、二つ目をクリックすると親ページの後ろに回ってしまいます。 解消する方法あるのでしょうか。 わかりにくい説明で申し訳ありませんがよろしくお願いいたします。

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

    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>

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

    ホームページビルダー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)">

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

    ホームページビルダー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>

  • JavaScriptの画像入れ替えについて

    下記のようなものでサムネイルをクリックすると大きな画面に表示される、みたいなものを作っています。しかし職場のIE6でクリックすると表示されなく大きな画像が消えてしまいます。 ちなみに自宅のIE６で確認したときは大丈夫だったのですが、、、 またサムネイル画像のアンカー部分のjavasscript:void(0);を消すと表示されるようになるのですが、やはりここのvoid0には問題があるのでしょうか？？ またサーバーにUPする前オンライン上ではなくPCで確認している時はちゃんと表示できていたました。 あまり詳しくないものでどなたかよろしくお願い致します。 <script type="text/javascript"> <!-- function imgch(url) { document.getElementById("image").src=url; } //--> </script> <style type="text/css"> img { border:none; } </style> </head> <body> <img src="image/2.jpg" width="500" height="500" id="image" /> <a href="javascript:void(0);"><img src="image/2.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> <a href="javascript:void(0);"><img src="image/3.jpg" width="50" height="50" onClick="imgch(this.src)" ></a> </body>

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

    サムネイルの画像をクリックすると画像の小窓が表示されるようにしたのですが縦長の画像と横長の画像が有るため縦長の画像の右側に余白が出てしまい見栄えが良くありません。画像の周りの白い淵をなくしたいのですが下記のタグをどのように修正すれば良いのでしょうか。 ご指導の程よろしくお願いします。早々 <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>

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する