指定サイズウィンドウが開かない
- ビルダーでサイトを作成する際に、ＪＡＶＡスクリプトを使用したサイズ指定ウィンドウが正しく表示されない問題に遭遇しています。
- ビルダーのプレビューではサイズ指定ウィンドウは正常に開きますが、ＦＴＰツールを使用してウェブ上に公開すると正しく表示されません。
- タグの書かれたサンプルサイトでは問題なくサイズ指定ウィンドウが開きますが、自分のサイトでは開かない問題が起きています。
- ベストアンサー
指定サイズウィンドウが開かない
ビルダーでサイトを作成しているのですが ＪＡＶＡスクリプトを使用したサイズ指定ウィンドウが ビルダーのプレビューではちゃんと開くのにＦＴＰツールで転送し、ネット上で開こうとすると開きません。 タグの書いてあったサイトのサンプルでもちゃんと開きます。 タグは <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>に埋め込んでいます。 ○○はファイル名です。一体何処が悪いのでしょうか？ 教えてください。
- kyo_dichte
- お礼率25% (9/35)
- ホームページ作成ソフト
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
#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 >後、「同じ場所にアップロード」というのは同じフォルダ内でＦＴＰツールを使い更新することですか？ はい、出来たページを「公開」する場合のことも、考えて付け加えました。 より詳しくはこちらをご覧ください。↓ http://park15.wakwak.com/~kurage/jhp_g/kiso/trans.html#up1 また、拡張子が、htm になったり、html になっていますが、'index.htm'と、'index.html'とは別ファイルなので注意しましょう。
その他の回答 (1)
- gura_
- ベストアンサー率44% (749/1683)
>一体何処が悪いのでしょうか？ ジャンプ先のURLが正しくないからです。 'file:///○○.html'→'○○.html'とすれば治るはずです。 ただし、○○.htmlはこのページと同じ場所にアップロードするものとします。 なおビルダーでこのページを編集中に「保存」すれば、URLは正しく保存されるはずです。 参考URL↓ http://www.tohoho-web.com/how2/window.htm#winOpen
関連するQ&A
- 指定ウィンドウサイズ
サムネイル画像をクリックしたら、子画面（指定サイズ）が立ち上がる作りにしていました。しかし、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>
- ベストアンサー
- JavaScript
- 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="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を使わないといけないのでしょうか？ その辺のことが全くわからないので どなたかわかりやすく添削してもらえないでしょうか。
- 締切済み
- その他（インターネット・Webサービス）
- 新しいウィンドウを、好みのサイズで、位置を指定して開く方法
初心者ですが、どうぞ宜しくお願いします。 新しいウィンドウを、好みのサイズで開くには <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> となるようですが、好みのサイズで、位置を指定するには、どうしたらいいでしょうか？ 自分で、タグを色々組み合わせてみたりしたのですが、エラーが出てしまい、無理でした。 それから、もう一つお願いいたします。 小さな画像があるのですが、それをマウスでポイントすると、画像にアクションが付くよう（画像が少し動くような感じ）にしたいのです。あるホームページで、そのようなアクションを見たので参考にしようと思い、タグを見てみたのですが、それらしきタグを見つける事ができませんでした。自分で、色々な言葉を組み合わせて検索もかけてみたのですが、組み合わせが悪いのか、見つかりませんでした。どなたか、お力を貸してください。 どうぞ、宜しくお願いいたします。
- ベストアンサー
- JavaScript
- 文字サイズ変更の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> ******************************************** 画像は表示されるのですが、全く動きません。 よろしくお願いします！
- 締切済み
- JavaScript
- リンクを新しいウィンドウで・・・
ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください！ リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。（ウィンドウを増やしたくないということです） ソースは <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
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- 子ウィンドウでウィンドウサイズ固定にしてtarget=
HPを作っていて親ウィンドウに↓のように <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="dougu/keito.html" target="_blank" onClick="Javascript:winopen('dougu/keito.html');return false;"><img src="img/item-keito10.gif" width="50" height="38" border="0"> ウィンドウサイズを固定してtarget="_blank"で開いてさらにその子ウィンドウでも同じようにリンクを張って <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="../wash.html" target="_blank" class="style1" onClick="Javascript:winopen('../wash.html');return false;">こちら</a> とtarget="_blank"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。
- ベストアンサー
- JavaScript
- 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> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。＞＜ どうしてなのでしょうか！？ どこかが間違えているのでしょうか！？ 誰か助けていただけませんでしょうか；＞＜；；
- ベストアンサー
- JavaScript
- リンクを新しいウィンドウで・・・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
補足
<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'になりません。 変わりに参考ＵＲＬの<a href="xxx.htm" onclick="window.open('index.htm', '_blank', 'width=200,height=200,resizable=no'); return false;">XXX</a> でやるとxxxの所はきちんと'○○.html'になるのですが'index.htm',←これがよくわかりません。これは必要なのですか？ 後、「同じ場所にアップロード」というのは同じフォルダ内でＦＴＰツールを使い更新することですか？ 度々申し訳有りませんが今一度お願いします。