• 締切済み

【相対アドレス】のリンクについて javascript-Noのブラウザを使われている方のために

もしかしたら物凄く簡単な質問かもしれませんが宜しくお願い致します。 【相対アドレス】のリンクについてです。 通常メニューのリンクは <LI><A href="index.html">top</A></LI> <LI><A href="menu1/index.html">menu1</A></LI> <LI><A href="menu2/index.html">menu2</A></LI> <LI><A href="menu3/index.html">menu3</A></LI> 上記の様に皆様設定されていると思います。そして【menu1】ページに移動すると下記の様にリンクアドレスが変わりますよね。 <LI><A href="../index.html">top</A></LI> <LI><A href="index.html">menu1</A></LI> <LI><A href="../menu2/index.html">menu2</A></LI> <LI><A href="../menu3/index.html">menu3</A></LI> もちろん【menu2】ページに移動すればまたアドレスが変わります。 複数のページを管理することを考えると【javascript】で <script type="text/javascript"> <!-- menu(); //--> </script> 上記の様にすると簡単に管理が出来るのですがjavascriptを入れてない方に影響が出てしまいます。 【絶対アドレス】でhttpから入力すればズレはないのでいいのかもしれませんが、ローカルのみで作成している時には確認が出来ず管理し辛いです。 大手のサイト様などのソースをみているとほとんどが【相対アドレス】になっております。 【相対アドレス】で【一部分を一括変更する場合】は皆様どのように管理されているのでしょうが? ご教授お願い致します。

  • HTML
  • 回答数3
  • ありがとう数3

みんなの回答

noname#62939
noname#62939
回答No.3

こんにちわ。 自分のサイトは、メニュー部分はjavascriptsにしてあります。 その他、最新更新日だとか・・・。 メールフォームだとか・・・ 私の場合は、./ のjavascriptsファイルと ../ 用のjavascriptsとを2種類用意してあります。 当然のことながら、外部のリンクはhttpから始まるわけですから、 これはこれで問題外だと思います。 多分、ローカルのことですよね? 私の場合は、1.jsと2.jsと用意してあります。 サイト直下にある、例えばindex.htmlなどでしたら、1.jsを読み込ませ、さらにその下の階層でしたら2.jsを読み込ませています。 中は同じなのですが、dir の指定が違っています。 1.js の方は、./ 2.js の方は、../ ちょっと面倒かもしれませんが、作ってしまえば、あとは応用がききますし、メンテナンスも楽です。

koto9900
質問者

お礼

jizocko様 回答ありがとうございます。 このjsファイルの使い方は初めてです!これであればローカルでも管理し易いですね。 ただしjavascriptをONにしていない人に提供できないのが難点です(- -;

noname#66720
noname#66720
回答No.2

そもそもローカルでリンク先に飛ぶことってあんまり無い気がするのですが・・・ 管理面から言えば絶対アドレスを勧めます。

koto9900
質問者

お礼

metametamu様 回答ありがとうございます。 作ったホームページをアップロードする前にカチカチと確認作業する時の事です。確かに絶対アドレスの方が良いと思うのですが、アップロードするまで確認し辛いのが難点なのです。

回答No.1

> 大手のサイト様などのソースをみているとほとんどが【相対アドレス】になっております。 > 【相対アドレス】で【一部分を一括変更する場合】は皆様どのように管理されているのでしょうが? Dreamweaverやホームページビルダーなどの、オーサリングソフトを使用されていると思います。 オーサリングソフトのテンプレート機能を使えば、 そういう面倒な処理は全部、オーサリングソフトに任せられます。

koto9900
質問者

お礼

taloo様 回答ありがとうございます。 テンプレート機能ですか。使ったことがないので少し難しそうですね。 dreamweaverの一括変換なら良く使うのですで、もっと機能を勉強しなければいけませんね。

関連するQ&A

  • ブラウザでjavascriptのプルダウンメニューが効かない!?

    初めての症状なのですが、、 グローバルメニューの部分でプルダウンメニューを使っているサイト(プルダウン部分はjavascriptを使っています)をサーバーにアップしたのですが、 サーバー上で、プルダウンメニューがでてきません。作動しません。。 ローカルでは、firefox, IE, safari, 全て動作確認済みなのですが、、 もちろん、jsファイルもアップしてあります。 他のポップアップウィンドウなどで使用しているjavascriptは正常に動いてるようなのですが、、、 このような現象ありえるのでしょうか? どなたかお分かりになる方がいらっしゃいましたら、ご教授願えないでしょうか?宜しくお願い致します。 ちなみにプルダウン部分のhtmlです。 javascriptは外部から読み込むようにしてます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /> <meta name="keywords" content="Australia, restaurant"> <meta name="description" content="ーー料理" /> <title>Salt | Access</title> <link href="css/import.css" rel="stylesheet" type="text/css" media="all" /> <script src="js/SpryMenuBar.js" type="text/javascript"></script> <script type="text/javascript"><!-- window.onload = function(){ new Spry.Widget.MenuBar("MenuBar1"); } // --></script> </head> <body> <div id="bg2"> <div id="wrapper"> <div id="header"> <div id="h1"><a href="index.html"><img src="img/img_logo.jpg" alt="Salt" width="89" height="83" border="0" /></a></div> <div id="navi" lang="en"> <ul id="MenuBar1" class="MenuBarHorizontal clearfix"> <li id="orange_menu"></li> <li class="first"><a href="index.html" id="first_hover" class="MenuBarItemSubmenu">Top</a></li> <li class="first"><a href="concept.html" id="first_hover" class="MenuBarItemSubmenu">Concept</a></li> <li class="first"><a href="food.html" id="first_hover" class="MenuBarItemSubmenu">Food</a> <ul> <li><a href="lunch3500.html">Lunch</a> <ul> <li><a href="lunch3500.html">Lunch Course 3500</a></li> <li><a href="food.html">Lunch Course 5000</a></li> </ul> </li> <li><a href="raw.html">Dinner</a> <ul> <li><a href="raw.html">Entrees</a></li> <li><a href="main.html">Mains</a></li> <li><a href="vegetable.html">Vegetable Menu</a></li> <li><a href="degustation.html">Degustation</a></li> <li><a href="desserts.html">Desserts and Cafe</a></li> </ul> </li> <li><a href="holiday.html">Holiday Course</a></li> </ul> </li> <li class="first"><a href="wine.html" id="first_hover" class="MenuBarItemSubmenu">Wine</a> <ul> <li><a href="wine.html" class="MenuBarItemSubmenu">Glass</a></li> <li><a href="bubbly_pink.html">Bubbly and PINK</a></li> <li><a href="maritime_white.html">White</a> <ul> <li><a href="maritime_white.html">Maritime</a></li> <li><a href="mediterranean_white.html">Mediterranean</a></li> <li><a href="Altitude_white.html">Altitude</a></li> </ul> </li> <li><a href="maritime_red.html">Red</a> <ul> <li><a href="maritime_red.html">Maritime</a></li> <li><a href="distinctively_red.html">Distinctively Cool</a></li> <li><a href="old_vine.html">Old Vine</a></li> </ul> </li> <li><a href="stickies.html">Stickies</a></li> </ul> <li class="first"><a href="spaces.html" id="first_hover" class="MenuBarItemSubmenu">Spaces</a></li> <li class="first"><a href="access.html" id="first_hover" class="MenuBarItemSubmenu">Access</a></li> <li class="first"><a href="http://www.sweet-w.com/space/salt.html" id="first_hover" class="MenuBarItemSubmenu">Wedding</a></li> <li id="menu_right"></li> </ul> </div> 以下続く。。。

  • リンクに関する制御について【XHTML&CSS&JavaScript】

    【XHTML&CSS】 リンク制御について Webサイトにおいて、現在リンクの制御の方法をどうしたらいいのかわかりません。(JavaScriptについては初心者です。) XHTMLのソース上においてリンクを以下のように記述し、 <ul> <li><a href="../link/test1.html">テスト1</a></li> <li><a href="../link/test2.html">テスト2</a></li> <li><a href="../link/test3.html">テスト3</a></li> <li><a href="../link/test4.html">テスト4</a></li> </ul> 上記のようにリストを作成するが、テスト1からテスト3まではリンク先のファイルが存在するが、テスト4についてはファイルが存在しない。 この状態では、 通常であればテスト4は"404 Not Found「ページが存在しません。」などのエラーが表示されます。 これをCSSまたは、JavaScriptなどで制御して、 リンク先のファイル(test4.html)を探しに行って存在しない場合、 リンク先へ遷移させないようにはするにはどうしたら実現可能でしょうか? よろしくお願いします。

  • リンクがうまくできません。

    リンクがうまくできません。 ホームページのテンプレートをダウンロードし、メモ帳で編集しているところです。 ダウンロードしたものの中にindex.html(トップページ)とpage1.html(リンク先)が入っています。 トップページにリンクを他にも作りたいので、page2,page3,・・とつくったのですが、 <UL id="menu"> <LI><A href="page1.html">about</A></LI> <LI><A href="page2.html">photo</A></LI> <LI><A href="page3.html">blog</A></LI> <LI><A href="page4.html">link</A></LI> <LI><A href="page5.html">mail</A></LI> </UL> こうした場合に、page1.htmlはちゃんとリンクできるのですが、それ以外のリンクが出来ません。 何か間違えているんでしょうか? それとも、他に何かしなくてはならないことがあるんでしょうか? 初歩的な質問かもしれませんが、よろしくお願いします。

  • JavaScriptでリンクを設定したい

    JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか? よろしくお願いします!

  • javascriptでのリンク

    Yahoo! User Interface Libraryのdialogを起動する時にhtmlに下記のように書いているのですが、 <A id=show href="javascript:;">チェック済</A> このリンクをjavascript内で起動するにはどうすればよいのでしょうか。 この処理を行う前に一旦javascriptで行いたい処理があり、 javascript内で上記を実行したいのです。 リンクは location.href="javascript:;"> というように設定して、上記のid=show の部分はどのように指定すれば 良いか教えてください。 宜しくお願いします。

  • 外部ページから指定場所にリンクをさせる

    ページ内で、リンクをするとき、hrefに飛ばしたい場所を#で指定すれば、name属性のところに ページ移動させれることは知っているのですが、 外部ページから、指定の場所に飛ばすことはできないでしょうか? ==========内部ページ内でリンクを作成する時(link.html)============= <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul> <h3><a name="section1" id="section1">セクション1</a></h3> <p>メニュー1の内容。 ...</p> <h3><a name="section2" id="section2">セクション2</a></h3> <p>メニュー2の内容。 ...</p> <h3><a name="section3" id="section3">セクション3</a></h3> <p>メニュー3の内容。 ...</p> <p><a href="#menu">メニューに戻る</a></p> 上記ソースのメニュー部分を別ページ(top.html)に作成し、 リンクページの指定部分をメインで映るようにしたいのです。 例えば、下のメニュー3がクリックされたとき、 link.htmlのsection3の内容部分(link.htmlの下にある、セクション3)が画面中央に来るようにしたいのです。 ご教授お願いします。 ===top.hmtml(メニュー部分抜粋)================== <h1>リンクテスト</h1> <h2>サンプル</h2> <h3><a name="menu" id="menu">メニュー</a></h3> <ul> <li><a href="#section1">メニュー1</a></li> <li><a href="#section2">メニュー2</a></li> <li><a href="#section3">メニュー3</a></li> </ul>

    • ベストアンサー
    • HTML
  • リンク先のJavaScriptを実行するリンク

    a.htmには以下のようなJavaScriptが記載されています。 <a href="javascript:c_click(1)">test</a> a.htmの中にはclick内の数字が1~50程度のリンクがあり、 数字に応じて異なるJavaScriptが実行されるページです。 b.htmからa.htmの上記の<a href="javascript:c_click(1)">test</a>が実行されるリンクを作ることは可能なのでしょうか。 たとえば、b.htmに以下のようなHTMLを記述することを想定しています。 <a href="a.htmのjavascript:c_click(1)">test</a>

  • jQuery アコーディオンメニューについて

    jQuery アコーディオンメニューについていくつか質問させていただきます。 当方、はじめてjQueryを使っています。 以下のページを参考にアコーディオンメニューを作成しています。 http://triplexxx.jp/archives/150 <ul class="acc"> <li><a href="1" class="open">category1</a> <ul> <li><a href="#">menu 1-1</a></li> <li><a href="#">menu 1-2</a></li> <li><a href="#">menu 1-3</a> <ul class="fxmn">      <li><a href="#>menu1-3-1</a></li> <li><a href="#">menu1-3-2</a></li> <li><a href="#">menu1-3-3</a></li> </ul> </li>  </ul> </li> <li><a href="2" class="open">category2</a> <ul> <li><a href="#">menu 2-1</a></li> <li><a href="#">menu 2-2</a></li> <li><a href="#">menu 2-3</a></li> </ul> </li> <li><a href="3" class="open">category3</a> <ul> <li><a href="#">menu 3-1</a></li> <li><a href="#">menu 3-2</a></li> <li><a href="#">menu 3-3</a></li> <li><a href="#">menu 3-4</a></li> </ul> </li> </ul> var $j = jQuery; $j(function(){ $j(".acc").each(function(){ $j("a.open", this).each(function(index){ var $this = $j(this); if(index !=n) $this.next().hide(); $this.click(function(){ var params = {height:"toggle",opacity:"toggle"}; $j(this).next().animate(params).parent().siblings() .children("ul:visible").animate(params); return false; }); }); }); }); (1):具体的にあげますと、上記のmenu1-3をクリックしてmenu1-3-1、1-3-2、1-3-3のアコーディオン  を開き、   1-3-1をクリックしてリンク先に飛んだ際に、直前に開いていたアコーディオンをそのままの状態   にしておきたいというものです。 (↓こんな感じです) category1 ・ menu 1-1 ・ menu 1-2 ・ menu 1-3 ・・ menu1-3-1 ・・ menu1-3-2 ・・ menu1-3-3 category2 category3 教えて!gooの過去の質問を参考させていただきながら、 if(index !=n) $this.next().hide();   で、 n を指定することで、それぞれのサブメニューを開いた状態にすることには成功したのですが、その下の階層のメニューをどのように指定すればよいかがわかりません。 (2):また、リンク先のページに飛んだ時に、アコーディオン部分は動かないのが望ましいのですが、   可能でしょうか?   (タブのようにページが切り替わる感じが理想的ですが、ページ数が大変多いため難しいとおもっ  ています) (3):(1)、(2)はページごとにscriptを書き換えるのではなく、htmlをいじることで(li タグにclass指定をす   るなど)変更するのは可能でしょうか?   外部scriptが使えればと思っています。 複数の質問になりましたが、どうぞよろしくお願いいたします。

  • リンク先のアドレス欄のURLの表示について

    もともと諸事情により、社員のIEのデフォルトページに  http://hoge.co.jp/a.html を設定し、実際にはこのa.htmlにはJavaScriptで  <script language="JavaScript">  <you=navigator.appName;  if(navigator.appName.indexOf("Internet Explorer")==-1)   location.href="http://www.***.co.jp/index.html";  //--></script> として別ページに飛ばしています。 ところが飛ばした先のページは開くのですが、IEのアドレス欄が「http://hoge.co.jp/a.html」の ままになっています。これを正規の「http://www.***.co.jp/index.html」と表示したいのですが どうしたらいいでしょうか? IEのデフォルトページの設定を替えればいいのですが、端末も多く、他にも事情があり、 直ぐにできそうもありません。ご存知の方ご教示下さい。

    • ベストアンサー
    • HTML
  • javascriptに詳しい方

    下のスクリプトで見るべきページが二つ以上ある場合どのように記述すればいいのでしょうか? javascriptに詳しい方よろしくお願いいたします。 <html> <head> <script language="JavaScript"> <!-- var isClicked = false; //--> </script> </head> <body> <A href="check.html" onClick="isClicked = true">見るべきページ</a><br> <A href="test.html" onClick="if (!isClicked){ alert('先に見るべきページをクリックしてください'); return false; }">A</a><br> </body> </html>