• ベストアンサー

HTMLで「固定ウィンドウ」の出し方

ホームページを作っていて、新しいウィンドウ(サイズ 指定)の出し方ですが、過去の質問 (http://www.okweb.ne.jp/kotaeru.php3?q=469726) の通りにしてみました。 しかし下記の参考ソース例で、「1.html」と書いてある 所は相対パスでも可能でしょうか?例えば下記のソースを 追記した「index.html」が「1.html」と同じフォルダ内 にあれば問題ないのでしょうが、別のフォルダ「link」 に格納されている場合、「./link/1.html」ではうまく 行きませんでした。(「ページが表示されません」画面に なります。) 「http://」から始まるフルパス(絶対パス)で記述した ら、うまく表示できたのですが・・・ <a href="#" onclick="window.open( '1.html','win1','width=350,height=400' );">ボタンとかテキスト</a>

noname#61681
noname#61681

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

  • ベストアンサー
  • crazy_dog
  • ベストアンサー率37% (148/391)
回答No.1

こんにちは >「./link/1.html」ではうまくいきませんでした 「.」がもう一つ必要だと思いますが…。 「../link/1.html」 にすれば、相対パスでリンク可能です。

noname#61681
質問者

お礼

きちんとできました!!! 私の操作方法方法の誤り?でした。 ホームページビルダー6.5を使用してhtmlソースを いじっていたのですが、このソフト内でプレビュー させて、新しいWindowが出るようにハイパーリンクを 押していたのですが、リンク先のファイルをホームページ ビルダーの「tmp」ファイル内の「1.html」を読んで いました。(HPBのバグ)ですかね?? エキスプローラでindex.htmlファイルを開いて「1.html」 をリンクしたらきちんとできました。いろいろとありがとうございました。

noname#61681
質問者

補足

すみません説明不足です。ファイルの構造として、 「main」フォルダの中に「link」フォルダと「index.html」 「link」フォルダの中に「1.html」とすれば、 先程のソース内が「'link/1.html'」になりますか? これでうまくいきませんでした。

その他の回答 (1)

  • BlueRay
  • ベストアンサー率45% (204/453)
回答No.2

main<Folder> | |-link<Folder> | | | |- 1.html | |- index.html こういう構造なら、 ./link/1.html や link/1.html でいけますよ。

noname#61681
質問者

お礼

回答ありがとうございました。 ちゃんとできました。 (私の操作方法ミスでした。)すみません。

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい

    過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。(下記参照) <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。 どうぞご指南よろしくお願いします!

  • 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
  • ハイパーリンクでウインドウを開いて開いたウインドウで複数のぺージに変えれるようにしたい

    この質問と同じ様な質問があったのですが「複数のページを変える」方法がわからなかったので質問させてください。 ハイパーリンクをクリックしてサイズ指定のウィンドウを表示するところまではうまくいくのですが、複数のハイパーリンクの項目があってそれをクリックしてウインドウを出して、そのウインドウで次の項目をクリックすると同じウインドウ内でページが変わるようにしたいのですが、どうしたらよいでしょうか? 一応これがソースです。 <SCRIPT language="JavaScript"> function soll(num) { if(num==0){ window.open("http://www.yahoo.co.jp/","","width=635,height=260") } if(num==1){ opener.window.location="http://www.google.com/"; } if(num==2){ opener.window.location="http://jp.msn.com/"; } } </SCRIPT> <a href="#" onClick="0">YAHOO!JAPAN</a><br> <a href="#" onClick="1")">google</a><br> <a href="#" onClick="2">MSN</a> おわかりになる方、どうかご教授お願いいたします。

  • JavaScriptで新しいウインドウを立ち上げたときにメインウインドウがおかしい

    メインウインドウの文章中の下の方にリンクをはって、そこからサブウインドウを開いています。実は少し前にatsuotaさんにご回答いただいたこの方法を利用しているのですが <!-- function openWin1() { window.open("sub1.html","sub1","width=320,height=240"); } function openWin2() { window.open("sub2.html","sub2","width=320,height=240"); } --> <a href="" onClick="openWin1()">sample1</a> <a href="" onClick="openWin2()">sample2</a> このsample1とか2がスクロールしなくてもよいくらいの位置にあればいいのですが、スクロールしているところで配置してあると、メインウインドウが毎回トップのあたりにずれてしまうのです。(特別な制御はしていないはずなのですが・・・) おわかりになる方がいらっしゃいましたら教えてください。

  • 子ウィンドウでウィンドウサイズ固定にして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"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。

  • 小さいウィンドウを表示させたいのですが、途中から変です。

    DreamweaverMX2004を使ってホームページを作っています。で、テキストリンクをクリックすると小さな(幅など指定で)ウィンドウを表示させようと奮闘しているのですが、うまく動作してくれません。 ビヘイビアと言うのでしょうか?こちらで生成したのですが、文字がリンクの色になりません。ちなみにソースは以下のようになっています。 <p onClick="MM_openBrWindow('test.html','test','width=200,height=200')">テストです。</p> なにか<a href=....></a>で指定しないといけないのでしょうか?でも指定すると親画面もそちらに飛んでしまいます。 また別の方法で、<a href="#" onclick="mywin=window.open('test.html','','width=200,height=200, scrollbars=0');"> 記述したのですが、こちらも親画面が変わってしまいます。 テキストをクリックして別のウィンドウを開く(親画面はそのまま)方法をご存知の方は方法を教えていただけないでしょうか・・・。 よろしくお願いします。

  • onclick属性を使ってreturn false

    リンクを設置するにあたり、SEOを意識しつつ、かつ、ウインドウサイズを指定したい為、onclick属性を使って、下記のような記述してみました。 <a href="link.html" onclick="window.open(this.href,'nullwin','width=500,scrollbars=yes');return false;">リンク</a> これだと、FireFoxでは、開いた別窓にスクロールバーが表示されません。 何かいい方法は無いでしょうか?

  • 複数別ウィンドウを開いた場合

    <a href="sub.html" onClick="window.open('sub.html','subwin','width=300,height=300,left=0,top=0'); return false;">開く</a> のリンクから別ウィンドウを開き、 また違うリンクを上記のソースの方法で開いた場合、IEでは、下のタスクバーにしまったままで画面が出てきません。この対処方法はありますでしょうか? どなたか教えていただけないでしょうか?

  • HTMLでボタンを横に2つ並べる方法

    XHTMLで、ユーザ登録フォームを作っております。 入力確認ページで、「修正ボタン」「登録ボタン」の2つを横に並べたくCSSをいじくっているのですが、どうも上手くいきません。 HTMLのソース(ボタン部分)は下記の通りです。 <div id="btn_area"> <a href="javascript:send(1)"><img src="画像のパス" width="200" height="44" alt="修正"></a> <a href="javascript:send(2)"><img src="画像のパス" width="200" height="44" alt="登録"></a> </div> 以上、ご教授のほどお願い致します。

    • ベストアンサー
    • HTML

専門家に質問してみよう