• ベストアンサー
  • すぐに回答を!

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

ビルダーでサイトを作成しているのですが JAVAスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにFTPツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <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>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか? 教えてください。

共感・応援の気持ちを伝えよう!

  • 回答数2
  • 閲覧数141
  • ありがとう数2

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

  • ベストアンサー
  • 回答No.2
  • gura_
  • ベストアンサー率44% (749/1683)

#1 です  今の場合、最初に書きましたように、  <A href="javascript:void(0);" onClick="window.open('○○.html', 'newwin', 'width=900,height=600')" ><IMG src="○○.gif" width="68" height="79" border="0"></A>  とすれば、正しくなっているはずです。 なお、参考URLは、あなたの勉強のために書いたもので、ただ貼り付けただけではいけません。そのようなことばかりしていると、今回のようなトラブルの元になります。  'index.htm'が必要かどうか、そうでないならどうすべきかは、ご自身で勉強して、考えてください。  なお上記タグでは、画像をクリックした時に二つの作業をするように書かれています。  つまり、href="javascript:void(0);"で書かれたページの表示と、window.open('○○.html'・・・で書かれたページの表示とをせよという矛盾するタグです。ただこのような書き方しかないのですが。  そのため、後ろの○○.htmlを表示する作業だけするように、前の部分で、"javascript:void(0);" と書いて、前の部分で実際のページ表示をしないような処置をしています。  蛇足ですが、ビルダーを使いこなすなら、あわせてタグなどについての知識も増やさないと、使いこなせません。さらに、よそのタグを貼り付けたりすると、ただトラブルを巻き込むだけです。  まさに、運転免許も取れないのに、スピードレースや曲乗りなどをするようなことになります。 参考↓ http://www.tohoho-web.com/wwwbeg.htm >後、「同じ場所にアップロード」というのは同じフォルダ内でFTPツールを使い更新することですか?  はい、出来たページを「公開」する場合のことも、考えて付け加えました。  より詳しくはこちらをご覧ください。↓ http://park15.wakwak.com/~kurage/jhp_g/kiso/trans.html#up1  また、拡張子が、htm になったり、html になっていますが、'index.htm'と、'index.html'とは別ファイルなので注意しましょう。  

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • HP作成/ジャバスクリプトの記載方法

    こんにちは。HP作成初心者です。 下記のタグ(サムネイル画像をクリックすると、別窓で拡大表示)なんですが、別窓を開いた際に <BODY oncontextmenu="alert('右クリック禁止です');return false;">を記載して別窓内の右クリックを禁止させたいんですが、下記文章内のどのスペースに禁止タグを貼付ければよいか解らずに困っています。 よろしければアドバイス御願します。 サムネイル別窓ソース↓ a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('s.t.gif','sample','width=400,height=400')" border="0"> <img src="s.t.gif" width="80" height="80" border="0"> <a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('member1.jpg','sample','width=400,height=400')" border="0"> <img src="member1.jpg" width="80" height="80" border="0"></a> <a href="Javascript:tempWin.focus()" onClick="tempWin=window.open('member1.jpg','sample','width=400,height=400')" border="0"> <img src="member2.jpg" width="80" height="80" border="0"></a>

    • ベストアンサー
    • Mac
  • 新しいウィンドウを、好みのサイズで、位置を指定して開く方法

    初心者ですが、どうぞ宜しくお願いします。 新しいウィンドウを、好みのサイズで開くには <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'width=横サイズ,height=縦サイズ,location=1')">任意の文字</a> となるみたいですが これに、位置を指定したいのです。 その場合、位置を指定するだけなら <a href="javascript:void(0);" onClick="window.open('ファイル名.html', 'newwin', 'left=画面左端からの位置,top=画面上端からの位置'')">任意の文字</a> となるようですが、好みのサイズで、位置を指定するには、どうしたらいいでしょうか? 自分で、タグを色々組み合わせてみたりしたのですが、エラーが出てしまい、無理でした。 それから、もう一つお願いいたします。 小さな画像があるのですが、それをマウスでポイントすると、画像にアクションが付くよう(画像が少し動くような感じ)にしたいのです。あるホームページで、そのようなアクションを見たので参考にしようと思い、タグを見てみたのですが、それらしきタグを見つける事ができませんでした。自分で、色々な言葉を組み合わせて検索もかけてみたのですが、組み合わせが悪いのか、見つかりませんでした。どなたか、お力を貸してください。 どうぞ、宜しくお願いいたします。

  • インラインフレーム内でのテーブル位置指定が上手くいきません

    インラインフレームを使用したホームページ作成中なんですが 一箇所だけどうしても解決できないことがあったので質問させていただきます フリー素材サイトのメニューテーブルを左上フレームに使用しているんですが htmlとスタイルシートを上手く使いこなせてないせいで メニューテーブルの位置指定ができずにいます テーブルは縦につなげるタイプのものです 左上フレーム内のright bottomに指定したいのですが上手くいきません 大変見苦しい点が多いとは思いますが どなたか解決策、アドバイス等ありましたらよろしくお願いいたします 【index.html】 <html><head>~</head> <frameset cols="220,*" frameborder="no" border="0"> <frameset rows="90%,10%" frameborder="no" border="0"> <frame src="menu.html" name="menu" scrolling="no"> <frame src="sita.html" name="sita" scrolling="no"> </frameset> <frame src="top.html" name="main" scrolling="auto" > </frameset> <body>~</body> </frameset> </html> 【menu.html】 <html><head>~</head> <body> <table id="left" cellpadding="0" cellspacing="0"> <h2>サイト名</h2> <tr><td><img src=".gif" width="80" height="47"></td></tr> <tr><td><img src=".gif" width="80" height="4"></td><tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><img src=".gif" width="80" height="16"></td></tr> </table> </body> </html> 【スタイルシート】 ~ #left{ width:180px; text-align:right; vertical-align:bottom; }

    • ベストアンサー
    • HTML

その他の回答 (1)

  • 回答No.1
  • gura_
  • ベストアンサー率44% (749/1683)

>一体何処が悪いのでしょうか?  ジャンプ先のURLが正しくないからです。 'file:///○○.html'→'○○.html'とすれば治るはずです。 ただし、○○.htmlはこのページと同じ場所にアップロードするものとします。  なおビルダーでこのページを編集中に「保存」すれば、URLは正しく保存されるはずです。 参考URL↓ http://www.tohoho-web.com/how2/window.htm#winOpen

共感・感謝の気持ちを伝えよう!

質問者からの補足

<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> の編集中でいくら保存しても'file:///○○.html'のままで'○○.html'になりません。 変わりに参考URLの<a href="xxx.htm" onclick="window.open('index.htm', '_blank', 'width=200,height=200,resizable=no'); return false;">XXX</a> でやるとxxxの所はきちんと'○○.html'になるのですが'index.htm',←これがよくわかりません。これは必要なのですか? 後、「同じ場所にアップロード」というのは同じフォルダ内でFTPツールを使い更新することですか? 度々申し訳有りませんが今一度お願いします。

関連するQ&A

  • 小ウィンドウを表示させる方法

    Dreamweaver OR Javascript で教えて下さい. リンクではなくて、クリックすると小ウィンドウを表示させるという事をやりたいのですが、Dreamweaver解説書に書いてあるとおりにやってもなぜかうまく行きません. Headに<!-- function MakeChildWindow() { window.open("dentakuwindow.htm","","50","50"); } function MM_callJS(jsStr) { //v2.0 return eval(jsStr) } //--> Bodyの小ウィンドウを作りたいところは <a href="#"><img name="red" src="red.gif" width="109" height="31" border="0" onMouseOver="MM_swapImage('red','','red_f2.gif',1)" onClick="MakeChildWindow()"> といった形になっていまして、 最初サイズが指定できていなかったので window.open("dentakuwindow.htm","","width=50,height=50"); にしたらサイズを指定して小ウィンドウを出せたのですが,どうしても表示させたいhtmlファイルが出てきません. ちなみに、 window.open("\Subwindow\dentakuwindow.htm","","width=50,height=50"); と入力して実行させて見ましたがやっぱりファイルが見つかりませんになってしまいました. "dentakuwindow.htm"はFream\Subwindowの中にあり、ローカルサイトに設定しているのはFream\までです。

    • ベストアンサー
    • CSS
  • 指定ウィンドウサイズ

    サムネイル画像をクリックしたら、子画面(指定サイズ)が立ち上がる作りにしていました。しかし、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>

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

    <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を使わないといけないのでしょうか? その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。

  • 別ウィンドウを開くとジフアニメが停止してしまいます

    こんばんは。初投稿です。皆さん宜しくお願いします。 HTMLページ上でジフアニメを表示させているページがあるのですが、そこにjavascriptでおこなう有名ないわゆる「別ウィンドウ」を開くようにしていますが、何故かクリックしたとたん、別ウィンドウが開く前に本ウィンドウのジフアニメが停止してしまいます。 どうすればこれを防ぐことができるでしょうか? ソースを以下に。 [ヘッダー部] function subWinShot01(){ window.open("res01shot01.html","window01","width=570,height=650,left=30,top=30,status=1,resizable=1,scrollbars=1"); } [BODYタグ内の別ウィンドウクリック部] <a href="JavaScript:subWinShot01()" onFocus="if(this.blur)this.blur()"><img src="img/navi_zoom.gif" alt="ZOOM 拡大画像を見る" width="124" height="34" border="0"></a> です。皆様宜しくお願いします。

  • スタイルシートに関しての質問です。margin0 padding0と指定し居るのに、変なスペースが入ってしまいます。。。

    スタイルシートで、 *{ padding:0; margin:0; } img{ padding:0; margin:0; } と指定しているのですが、なぜか画像でへんなスペースが入ってしまいます。どうしてでしょうか? ソースは下記の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <META content="新築マンション,賃貸,敷金ゼロ,礼金ゼロ,ペット可,内覧可能,水商売可,風俗可,東京,都内,マンション,アパート,一戸建, name=keywords> <title>株式会社</title> <link href="css/mainstyle.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wapper"> <div id="head"><img src="img/forward_rogo.gif" width="250" height="56" border="0" ></div> <div id="sidememu"> <table width="150" border="0" cellpadding="0" cellspacing="0" > <tr> <td><a href="#"><img src="img/menu1.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu13_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu5_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu4.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu11_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu10_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu3.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu9_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu6_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu8_h.gif" width="150" height="40" border="0"></a></td> </tr> </table> </div> <div id="main"> <div id="flash-a"> <img src="img/dammy.gif" width="650" height="150" border="0"> </div> <div id="main-1"> <img src="img/top_1.gif" width="650" height="40" border="0"> </div> </div> </div> </body> </html> cssは、 /* CSS Document */ *{ padding:0; margin:0; } img{ padding:0; margin:0; } body{ margin-left:auto; margin-right:auto; text-align:center; } #wapper{ width:820; } #head{ margin-top:20px; text-align:left; border-bottom:2px #000099 solid; } #sidememu{ margin-top:20px; background-color:#F00; float:left; } #main{ margin-left:10px; margin-top:20px; float:right; } です。すみません。教えてください!

  • 文字サイズ変更のjavascriptが動かない

    現在、サイトを文字サイズ変更できるようにトライしているのですが、javascriptは全くの初心者なのでよくわかりません。 ページによって動かないので、何がいけないのかアドバイスお願いします! 動くのは http://○○.jp/○○.html 動かないのは http://○○.jp/○○/○○.html のページです。 以下の記述は動かない方に設定しているものです。 ************* javascript ************* function imgver(num){ var element =document.getElementById("fontSize"); var writeHtml = ''; if( num == 0){ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } else{ writeHtml +='<!-- --><li><a href="javascript:void(0)" onclick="font(\'16px\');imgver(0)"><img src="../common/l.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'12px\');imgver(1)"><img src="../common/m.png" width="25" height="26" border="0" /></a></li><!--'; writeHtml +=' --><li><a href="javascript:void(0)" onclick="font(\'9px\');imgver(2)"><img src="../common/s.png" width="25" height="26" border="0" /></a></li><!-- -->'; } element.innerHTML = writeHtml; } ************* html ************* <ul id="fontSize"><!-- --><li><a href="javascript:void(0)" onclick="font('16px');imgver(0)"><img src="../common/l.png" alt="大" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('12px');imgver(1)"><img src="../common/m.png" alt="中" width="25" height="26" border="0" /></a></li><!-- --><li><a href="javascript:void(0)" onclick="font('9px');imgver(2)"><img src="../common/s.png" alt="小" width="25" height="26" border="0" /></a></li><!-- --></ul> ******************************************** 画像は表示されるのですが、全く動きません。 よろしくお願いします!

  • リンクを新しいウィンドウで・・・

    ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください! リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。(ウィンドウを増やしたくないということです) ソースは <a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> こんなようなのがいくつも並んでいると考えてください。 このままだと当然ボタンを押した数だけブラウザが立ち上がってしまいますが、新しいウィンドウは1つにしたいのです。 説明がわかりづらくて申し訳ありませんが、どうぞ宜しくお願いします。

    • ベストアンサー
    • HTML
  • 新ウィンドウを開いた時に出る表示

    ページ内のある一つの画像をクリックしたら、新しいウィンドウで別のURL先が開くように設定したのですが、保存してアップロードした後確認してみると、そのjavascriptタグを入れたページを開いただけで上に 「セキュリティ保護の為、コンピューターにアクセスできるアクティブコンテンツは表示されないよう、Internet Explorerで制御されています。オプションを表示するには…」 といったメッセージが出るようになりました。 さらに画像をクリックしてみてもエラーが出てしまいます… 友人がそのようなページを作っているのでタグは全く同じに入れたのですが、その友人のページはどこで見てもそのような表示は出ません。(友人に聞いても「何故かわからん」と言われてしまいまして…) これは何か違いがあるのでしょうか? できれば出したくないのですが… タグは以下の通りです。 <script language=JavaScript> <!-- function window1() {window.open ("***.html","1","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,Width=200,Height=200");} //--> </script> リンク先 <a href="javascript:window1();"><img src="***.gif" width="100" height="100" border="0"></a> ちなみに、winXP、ビルダー10で制作しています。 お分りになる方、教えていただければ有難いです。

  • リンクを新しいウィンドウで・・・2

    QNo.208725で質問した者です。 http://www.okweb.ne.jp/kotaeru.php3?q=208725  ↑読んでいただけるとありがたいです。 おかげさまでウィンドウがいくつも開くという問題は解決できたのですが、今度はクリックしても新しく開いたウィンドウがアクティブになってくれません(2回目のクリック以降)。 ブラウザの中身は確かに書き換わっているので、あとは見えてくれさえすれば・・・というところで困っています。 ソースは <a href="body.html" onclick="window.open('white.html','myWnd','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a> これのwhite.htmlとwhite.jpgの部分が違うものが並んでいる感じです。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • javascriptでのポップアップウィンドウが開かなくて困っています><

    初歩的な質問ですいません。 <script language="JavaScript"> <!-- function OpenWin(){ win=window.open("sample.html","new","width=100,height=100"); } //--> </script> <a href="javascript:OpenWin()"><img src="img/1.jpg" width="60" height="60" onClick="MM_openBrWindow('sample.html','sample','scrollbars=yes,width=460,height=460')" border="0"></a> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。>< どうしてなのでしょうか!? どこかが間違えているのでしょうか!? 誰か助けていただけませんでしょうか;><;;