コチラは、JavaScriptを利用してロケーションパス※を自動生成するスクリプトです。
細かな部分や、もっとスマートにコーディングすることもできるが、個人での使用を前提としているので、まあイイやぁwww
※ロケーションパスと私は呼んでいましたが、それが一般的なのかは不明。。。
トピックパスとは違うし、ディレクションマップも違うので、う～ん。。。
イメージとしては登録式の階層構造サイトマップとかが正しいかも！？
test.html
<!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=utf-8" />
<title>ロケーションパス自動作成スクリプト</title>
<style type="text/css">
<!--
#location{
font-size: 14px;
line-height: 1em;
display: block;
padding-top: 10px;
padding-bottom: 0px;
border: 1px solid #F90;
}
-->
</style>
</head>
<body>
<script type="text/javascript" src="location_path.js"></script>
<script language="JavaScript"><!--
location_path();
--></script>
</body>
</html>
location_path.js
// ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
// ロケーションパス自動作成スクリプト（java script）
// programming by capsule428
// サイト（http://capsule428.blogspot.com/）
// メール（capsule428@gmail.com）
// ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
function location_path(){
document.write("<p id='location'>");
//設定1はここから------------------------------------------------------
//メイン階層のURLを配列で記入（トップディレクトリ以下の相対パス）
var myMainURL = new Array();
myMainURL[0] = '/main1/index.html';
myMainURL[1] = '/main2/index.html';
//メイン階層のテキストを配列で記入（myMainURLの配列番号のテキスト）
var myMainText = new Array();
myMainText[0] = 'メインページ1';
myMainText[1] = 'メインページ2';
//サブ階層のURLを配列で記入（myMainURL[0] のサブ階層）
var mySubURL0 = new Array();
mySubURL0[0] = '/main1/sub1/index.html';
mySubURL0[1] = '/main1/sub2/index.html';
//サブ階層のテキストを配列で記入（myMainText[0]の細部階層）
var mySubText0 = new Array();
mySubText0[0] = 'メインページ1のサブページ1';
mySubText0[1] = 'メインページ1のサブページ2';
//サブ階層のURLを配列で記入（myMainURL[1] のサブ階層）
var mySubURL1 = new Array();
mySubURL1[0] = '/main2/sub1/index.html';
mySubURL1[1] = '/main2/sub2/index.html';
mySubURL1[2] = '/main2/sub3/index.html';
//サブ階層のテキストを配列で記入（myMainText[1]の細部階層）
var mySubText1 = new Array();
mySubText1[0] = 'メインページ2のサブページ1';
mySubText1[1] = 'メインページ2のサブページ2';
mySubText1[2] = 'メインページ2のサブページ3';
//サブ階層のURLを配列で記入（myMainURL[2] のサブ階層）
//var mySubURL2 = new Array();
//mySubURL2[0] = 'URL';
//サブ階層のテキストを配列で記入（myMainText[2]の細部階層）
//var mySubText2 = new Array();
//mySubText2[0] = 'テキスト';
//設定1はここまで------------------------------------------------------
for(i = 0 ; i < myMainURL.length ; i++){
//設定2はここから------------------------------------------------------
var myMainHttp = new Array();
myMainHttp[0] = 'http://www.hoge.com' + myMainURL[i]; //ドメインの設定（wwwあり）
myMainHttp[1] = 'http://hoge.com' + myMainURL[i]; //ドメインの設定（wwwなし）
//設定2はここまで------------------------------------------------------
if(location.href == myMainHttp[0]){
document.write("<font style='font-size:12px'>" + myMainText[i] + "</font><br />");
}
else if(location.href == myMainHttp[1]){
document.write("<font style='font-size:12px'>" + myMainText[i] + "</font><br />");
}
else{
document.write("<font style='font-size:12px'><a href='" + myMainHttp[0] + "'>" + myMainText[i] + "</font></a><br />");
}
if(i == 0){j = mySubURL0.length;}
else if(i == 1){j = mySubURL1.length;}
else if(i == 2){j = mySubURL2.length;}
else if(i == 3){j = mySubURL3.length;}
else if(i == 4){j = mySubURL4.length;}
else if(i == 5){j = mySubURL5.length;}
else if(i == 6){j = mySubURL6.length;}
else if(i == 7){j = mySubURL7.length;}
else if(i == 8){j = mySubURL8.length;}
else if(i == 9){j = mySubURL9.length;}
else{}
for(n = 0 ; n < j ; n++){
var mySubText = new Array();
if(i == 0){mySubText[n] = mySubText0[n];}
else if(i == 1){mySubText[n] = mySubText1[n];}
else if(i == 2){mySubText[n] = mySubText2[n];}
else if(i == 3){mySubText[n] = mySubText3[n];}
else if(i == 4){mySubText[n] = mySubText4[n];}
else if(i == 5){mySubText[n] = mySubText5[n];}
else if(i == 6){mySubText[n] = mySubText6[n];}
else if(i == 7){mySubText[n] = mySubText7[n];}
else if(i == 8){mySubText[n] = mySubText8[n];}
else if(i == 9){mySubText[n] = mySubText9[n];}
else{}
var mySubURL = new Array();
if(i == 0){mySubURL[n] = mySubURL0[n];}
else if(i == 1){mySubURL[n] = mySubURL1[n];}
else if(i == 2){mySubURL[n] = mySubURL2[n];}
else if(i == 3){mySubURL[n] = mySubURL3[n];}
else if(i == 4){mySubURL[n] = mySubURL4[n];}
else if(i == 5){mySubURL[n] = mySubURL5[n];}
else if(i == 6){mySubURL[n] = mySubURL6[n];}
else if(i == 7){mySubURL[n] = mySubURL7[n];}
else if(i == 8){mySubURL[n] = mySubURL8[n];}
else if(i == 9){mySubURL[n] = mySubURL9[n];}
else{}
if(n < j -1){
//設定3はここから------------------------------------------------------
var mySubHttp = new Array();
mySubHttp[0] = 'http://www.hoge.com' + mySubURL[n]; //ドメインの設定（wwwあり）
mySubHttp[1] = 'http://hoge.com' + mySubURL[n]; //ドメインの設定（wwwなし）
//設定3はここまで------------------------------------------------------
if(location.href == mySubHttp[0]){
document.write(" ├<font style='font-size:12px'>" + mySubText[n] + "</font><br />");
}
else if(location.href == mySubHttp[1]){
document.write(" ├<font style='font-size:12px'>" + mySubText[n] + "</font><br />");
}
else{
document.write(" ├<font style='font-size:12px'>" + "<a href='" + mySubHttp[0] + "'>" + mySubText[n] + "</font></a><br />");
}
}
else if(n = j -1){
//設定4はここから------------------------------------------------------
var mySubHttp = new Array();
mySubHttp[0] = 'http://www.hoge.com' + mySubURL[n]; //ドメインの設定（wwwあり）
mySubHttp[1] = 'http://hoge.com' + mySubURL[n]; //ドメインの設定（wwwなし）
//設定4はここまで------------------------------------------------------
if(location.href == mySubHttp[0]){
document.write(" └<font style='font-size:12px'>" + mySubText[n] + "</font><br /><br />");
}
else if(location.href == mySubHttp[1]){
document.write(" └<font style='font-size:12px'>" + mySubText[n] + "</font><br /><br />");
}
else{
document.write(" └<font style='font-size:12px'>" + "<a href='" + mySubHttp[0] + "'>" + mySubText[n] + "</font></a><br /><br />");
}
}
}
// Main for
}
document.write("</p>");
// topicpath
}
何となく書いた簡単コーディングなので使用したいヒトがもしいたらご自由にどうぞwww
使用方法がわからないひとは、コメントのほうへ書き込みください。
また、補足説明は後日にでも？
追記09/06/30
ロケーションパスと言う呼び方が正しいか曖昧だったため補足・修正いたしました。
