• 締切済み

サブウインドウを開くときのファイル名について

サブウインドウを開くときの記述ですが、 <a href="javascript:void(0)" onClick="window.open('http://○○.htm','subwin','・・・・ 私が人から教えていただいたのはここにURLを記述するというやりかたなのですが、ここにURLではなくて、単純に○○.htmというように記述するやり方はないでしょうか? できるだけ簡単にしたいのですが・・・ よろしくお願いいたします。

みんなの回答

noname#35109
noname#35109
回答No.1

JavaScript云々の前に, 「絶対パス」や「相対パス」でのファイル指定についてのご質問でしょうか?  http://aaa/bbb.html から  http://aaa/ccc.html にリンクを貼りたい場合,そのパスは,  絶対パス: http://aaa/ccc.html  相対パス: ccc.html (もしくは ./ccc.html ) となります。 HTML も JavaScript も全く同じです。 ブラウザで今表示中のページからの相対パスを書けば,  http://ごちゃごちゃ/ごちゃごちゃ… とは書かなくて済みます。 というか,普通 HTML はローカルマシーンで作成して, それをアップする形が一般的ですから, いちいち絶対パス(http://…)では書けませんよね。 だから普通は相対パスを使って記述し,ローカルで動作検証後,そのファイル群をアップします。 最近は,ブログなどが流行っているため,必ずしもそうとは限りませんが, ローカルで HTML を作成して,FTP転送する場合はたいてい相対パスを使います。 そのJavaScript を書いたHTMLから見た, window.open で開くHTMLの位置関係を考えてみてください。 普通はそれでうまく行きます。  任意のフォルダ     ├aaa.html     └bbb.html この場合↑, aaa.html から bbb.html を見ればその相対パスは bbb.html もしくは  ./bbb.html になります。  任意のフォルダ     ├aaa.html     └content (フォルダ)        └bbb.html この場合↑, aaa.html から bbb.html を見ればその相対パスは image/bbb.html になります。  任意のフォルダ     ├bbb.html     └content (フォルダ)        └aaa.html この場合↑, aaa.html から bbb.html を見ればその相対パスは ../bbb.html になります。 ※ ただし,   window.open で開く HTML が同じドメインに無い場合,   相対パスは通用しませんよ。   相対パスが通用するのは自サイト,   もしくは   自サイトと同じ http://○○/ までのURLを持つファイルまでです。   また,   ブログなどサーバに直接書き込むサイトのパターンでは,   相対パスは使用できない可能性が高いです。 相対パスと絶対パス http://www.netgamebm.com/c/base/03.html 基礎講座 http://www.ink.or.jp/~bigblock/basic/index.html ご質問内容を取り違えていたらすみません。

6f6f6f6f
質問者

お礼

ご丁寧にありがとうございました。 私の説明がよくなかったみたいなので、あらためて質問を立てたいと思います。

関連するQ&A

  • サブウインドウのこと

    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の質問からずれているかもしれません。

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

    ホームページビルダー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行目が該当部分です。 よろしくお願いします。

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

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

  • 商品詳細のページを別ウィンドウで開きたい

    こんにちは。 サイズ指定をした上で別ウィンドウで開きたいのですがHTMLのソースに書くと長くなってしまします。 <a href="javascript:void(0)" onClick="window.open('abc.htm','subwin','width=300,height=300');">サブウインドウ1</a> スタイルシート内に「別ウィンドウ」でサイズ指定して開く方法はあるでしょうか? ・目的 商品一覧のページから各詳細のページを別ウィンドウで開きたい。 1商品づつにウィンドウサイズ指定をせずにスタイルシート内に記載したい。

    • ベストアンサー
    • HTML
  • サブウインドウが開けません;;

    私はJavaScriptに関してはほとんど知識がありません。 今HPを作成しているのですが、文字列をクリックしてサブウインドウを開こうと思っています。 とりあえず、テキストに記述してある通りにタグをかいてみたのですが、エラーが出てしまって実行できません。 「小窓の小窓」という文字列をクリックしてサブウインドウを開いて、そこにkomado.htmlを表示させようとしています。 下記にScriptを記述しました。 全くの初心者ですので、どのタグが必要でどのタグが不要なのかもわかりません。 ほんとに初歩的な質問かと思いますが、htmlはわかる程度の私に書き方を教えてください。 お願いします。m( )m <html> <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=Shift_JIS"> <title>小窓</title> <script language="JavaScript"> <!-- function koushin(){ newwindow = window.open("04_2.htm","newwindow","width=200,height=180") } //--> </script> <body bgcolor="#ffffff" <div id="text"><a href="komado.htm" onClick="komado()">小窓の小窓</a></div> </head> </html>

  • リンク先をジャバスクリプトで別ウィンドウで見せるとき他のリンクの色も変わってしまう II

    リンク先を別ウィンドウで飛ばすため、同じページにある他のリンクも <a href="#">AAAA</a>(これはポインタを手のマークに変えてリンクをわかり易くするためです) <a href="#">BBBB</a> のように指定していますが、これだと一度クリックしてしまうと 全てのリンクが訪問後の色に変わってしまいます。 この問題はどう改善できるのでしょうか? 前回質問のアドバイスを元に記述してみたのですが↓ <a href="javascript:function void(0)" onClick="window.open('../htm/1.htm','','scrollbars=yes,width=700,height=700')">1234</a> <a href="javascript:function void(0)" onClick="window.open('../htm/2.htm','','scrollbars=yes,width=700,height=700')">5678</a> やはりクリックしてみるとリンク全てが訪問後の色に変わってしまいました、

  • サブウインドウから更にサブウインドウを開きたい

    window.openでサブウインドウを開いて、さらにそこからサブウインドウ開こうとすると、新しいウインドウが開かずに、元のサブウインドウの内容が変わってしまいます。 なんとかサブウインドウから更にサブウインドウを開く方法ってないでしょうか?

  • location.hrefのURLについて

    以下のリンクの場合、現在表示しているアドレス(URL)が送られますが、 <a onclick="window.open('http://exsample.com='+encodeURIComponent(document.title)+' '+encodeURI(location.href));" href="javascript:void(0);"> これを指定したURLに変更したいのですが、その記述方法がわかりません。 ご教授よろしくお願いします。

  • 音楽連続再生と歌詞カード(サブウインドウ)の連動表示

    音楽の連続再生に連動した歌詞カード(サブウインドウ)の表示方法について、教えてください、お願いします。 現在は下記に書きました様にして 音楽の連続再生(Media Player)及び曲名をクリックする事により歌詞カードの表示を行っています。 しかし、再生と自動的に連動する事は出来ません、可能な方法が有れば教えて下さい。 現在のプログラム例 <BODY> <DIV style="width : 351px;top : 58px;left : 421px; position : absolute; z-index : 5; height : 17px; " id="Layer3"> <P><B><I><FONT size="+2" color="#0000ff"><A href="テスト.wpl">連続再生を開始します</A></FONT></I></B></P> </DIV> <DIV style="width : 224px;height : 16px;top : 129px;left : 25px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-1.html','subwin','width=300,height=300,left=310,top=250')"><B><I>曲-1歌詞</I></B></A></DIV> <DIV style="width : 186px;height : 16px;top : 159px;left : 25px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-2.html','subwin','width=300,height=300,left=310,top=250')"><B><I>曲-2歌詞</I></B></A></DIV> <DIV style="width : 157px;height : 16px;top : 190px;left : 27px; position : absolute; z-index : 1; " id="Layer1"><A href="javascript:void(0)" onclick="window.open('曲-3.html','subwin','width=330,height=300,left=310,top=250')"><B><I>曲-3歌詞</I></B></A></DIV> </BODY> テスト.wpl (メディアプレーヤファイル) <?wpl version="1.0"?> <smil><head> 以上よろしくお願い致します。

  • サブウィンドウから、親ページのリンクを操作し、自身は閉じるやり方

    すいません。javascriptに詳しい方、教えて下さい。 今、親ページからポップアップで、サブウインドウを開いています。 やりたいことは、サブウィンドウにあるcloseボタンを押したら、 親ウィンドウを指定のページに移動して表示させ、サブウィンドウ自身は閉じる動作がしたいです。 調べてみたら、opener.location.hrefというのを使えばできるみたいなのですが、こういう記述で大丈夫なのでしょうか? プレビューしてみたら、一応動いてくれているみたいですが、文法的にはどうなのでしょうか? 教えていただければ、ありがたいです。 以下にソースを記述します。 <a href="index.htm#F" onClick="opener.location.href='index.htm#F; return false;" javascript:window.close();">

専門家に質問してみよう