CD検索

ﾃﾞﾓは、cd_sh_all.htm（全一覧）、cd_sh_tt.htm（ﾀｲﾄﾙなど）、cd_sh_at.htm（ｱｰﾁｽﾄ、作曲家）、cd_sh_mc.htm（ｼﾞｬﾝﾙ）を開き、検索（抽出）ｷｰをﾀｲﾌﾟｲﾝします。

　

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　CD検索　cd_search.htm

CDｺﾚｸｼｮﾝを（例）にした、CDﾀｲﾄﾙ・制作者、演奏者・作曲家、ｼﾞｬﾝﾙ などの、選択項目の全文字列から抽出。　　　　   　　　　XML、XSL、DHTML。　　　　表ｽﾀｲﾙ、ﾃﾞｰﾀﾍﾞｰｽなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　Internet Explorer6.x〜対応（ie5.5）。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。

　

< ご使用方法 >

・　ﾛｰｶﾙ（=PC）への保存は、cd_search.htm（作成方法）、cd_sh_all.htm（全一覧）、cd_sh_tt.htm（ﾀｲﾄﾙなど）、cd_sh_at.htm（ｱｰﾁｽﾄ、作曲家）、cd_sh_mc.htm（ｼﾞｬﾝﾙ）、cd.xml（CDﾃﾞｰﾀを記述する）、cd.xsl（表示ｽﾀｲﾙ）、nav_closed.gif （ｱｲｺﾝ画像、任意）を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]−[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.htm など中のﾊﾟｽは要修正。

・　このDHTMLの実装、編集方法は、　(*1)　〜　(*6)　を 参考に、 WordPad や SmipleText などのﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰ で開き編集します。　　　　下記の（例） (*1)　〜　(*6) を参考に太字部分の編集を任意に行います。 　　　*.htmのﾌｧｲﾙ名は任意で。　　　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。　　　　※: 太字、彩色自体は動作に無関係。

・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer6.x〜 などで開いて。　　　　更新の確認は、ieやｻｰﾊﾞｰからのｷｬｯｼｭﾃﾞｰﾀｰ更新を、目的のﾍﾟｰｼﾞを表示し ieでＦ５ｷｰを押し最新ﾃﾞｰﾀ読み込みで行います（≠再ｱｸｾｽ）。

･　ｱｯﾌﾟﾛｰﾄﾞや作動ﾃｽﾄは、hogehoge.html と同じ階層〔ﾎﾙﾀﾞｰ/ﾃﾞｨﾚｸﾄﾘｰ〕に、上で保存したﾌｧｲﾙ、*.htmに相当するﾌｧｲﾙと、cd.xml、cd.xsl などを転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.htm 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ： 色記号5、〃6、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門。　　　Web Development、Web開発、IE10 互換性ｸｯｸﾌﾞｯｸ、〃開発者向けｶﾞｲﾄﾞ、IE API ﾘﾌｧﾚﾝｽ、IE 開発 > HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、XML、〃ﾘﾌｧﾚﾝｽ、DHTML。

(*1) ：　cd_sh_all.htm （全一覧）（例）　　　　全一覧ﾒﾆｭｰを記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕 　

ｼﾌﾄJIS使用（削除不可）

互換表示

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

　

　

　

　

　

　

 背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

背景色　文字色 、ｻｲｽﾞ

任意文字列　

ﾒﾆｭｰ

　

　

　

　

吹き出し

検索復旧

　

　

　

　

　

　

　

ﾎﾞﾀﾝ文字

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {font-size:12px;line-height:13px;}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　全CD 一覧</title>

<script TYPE="text/javascript">

====  この間､説明を省略｡  ====

}

</script>

</head>

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<h2><span style="background-color: rgb(58,43,74); color: rgb(255,232,247)"><font size="4">　全CD

一覧　</font></span><font size="3">　　<span style="font-weight: 400">CD検索</span> ： <span

style="background-color: rgb(231,224,233)">全CD一覧</span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_tt.htm">ﾀｲﾄﾙなど</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_at.htm">ｱｰﾁｽﾄ</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_mc.htm">ｼﾞｬﾝﾙ</a></span></font></h2>

<font FACE="MSP Gothic,MS Gothic" SIZE="2"><a href="#" onclick="self.close()">

<p><img ALIGN="middle" SRC="nav_closed.gif" WIDTH="16" HEIGHT="16" BORDER="0"

alt="（・!・）復旧してまう、…*　"></a> &nbsp;<a href="#"

onclick="self.close()">(&gt;_&lt;)　復旧しますよ、…*。</a>

　　検索ｷｰ（例）：</p>

<hr size="0">

<XML ID="cddata" SRC="cd.xml">

</XML>

<XML ID="cdxsl" SRC="cd.xsl">

</XML>

<form onsubmit="show();return false;">

<p><input TYPE="submit" VALUE="全表示"> </p>

</form>

<div ID="view1"></div></font>

</body>

</html>

　

(*2) ：　cd_sh_tt.htm （ﾀｲﾄﾙなど）（例）　　ﾀｲﾄﾙ、ﾒｰｶｰなどを記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕 　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

　

　

　

　

 背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　　CD検索 -ﾀｲﾄﾙ</title>

<script TYPE="text/javascript">

====  この間､説明を省略｡  ====

}

</script>

</head>

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<h2><font size="4" color="#51000B"><span

style="background-color: rgb(58,43,74); color: rgb(255,238,245)">　CD検索 -ﾀｲﾄﾙ　</span></font><font size="3">　　<span style="font-weight: 400">CD検索</span> ： <span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_all.htm">全CD一覧</a></span>　<span

style="background-color: rgb(231,224,233)">ﾀｲﾄﾙなど</span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_at.htm">ｱｰﾁｽﾄ</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_mc.htm">ｼﾞｬﾝﾙ</a></span></font></h2>

<font FACE="MSP Gothic,MS Gothic" SIZE="2"><a href="#" onclick="self.close()">

<p><img ALIGN="middle" SRC="nav_closed.gif" WIDTH="16" HEIGHT="16" BORDER="0"

alt="（・!・）復旧してまう、…*　"></a> &nbsp;<a href="#" onclick="self.close()">(&gt;_&lt;)　復旧しますよ、…*。</a>　　検索ｷｰ（例）：&nbsp;

CAT、SUN、VERVE、LP、TOCP、KAYA、ENJA</p>

<hr size="0">

<XML ID="cddata" SRC="cd.xml">

</XML>

<XML ID="cdxsl" SRC="cd.xsl">

</XML>

<form onsubmit="search(this.keyword.value);return false;">

<p>CD ﾀｲﾄﾙ ： <input TYPE="text" NAME="keyword" SIZE="30"> <input TYPE="submit"

VALUE="検索"> </p>

</form>

<div ID="view1"></div></font>

</body>

</html>

　

(*3) ：　cd_sh_at.htm （ｱｰﾁｽﾄ、作曲家）（例）　　　　　ｱｰﾁｽﾄ、作曲家などを記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕 　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

　

　

　

 背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　CD検索 -アーチスト</title>

<script TYPE="text/javascript">

====  この間､説明を省略｡  ====

</script>

</head>

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<h2><font size="4" color="#51000B"><span

style="background-color: rgb(58,43,74); color: rgb(255,238,245)">　CD 検索 -ｱｰﾁｽﾄ　</span></font><font size="3">　　<span style="font-weight: 400">CD検索</span> ： <span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_all.htm">全CD一覧</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_tt.htm">ﾀｲﾄﾙなど</a></span>　<span

style="background-color: rgb(231,224,233)">ｱｰﾁｽﾄ</span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_mc.htm">ｼﾞｬﾝﾙ</a></span></font></h2>

<font FACE="MSP Gothic,MS Gothic" SIZE="2"><a href="#" onclick="self.close()">

<p><img ALIGN="middle" SRC="nav_closed.gif" WIDTH="16" HEIGHT="16" BORDER="0"

alt="（・!・）復旧してまう、…*　"></a> &nbsp;<a href="#" onclick="self.close()">(&gt;_&lt;)　復旧しますよ、…*。</a>　　検索ｷｰ（例）：　LALO、浅、SHEPP、SON、MIL、KEITA、BACH、STRA</p>

<hr size="0">

<XML ID="cddata" SRC="cd.xml">

</XML>

<XML ID="cdxsl" SRC="cd.xsl">

</XML>

<form onsubmit="search(this.keyword.value);return false;">

<p>ｱｰﾁｽﾄ ： <input TYPE="text" NAME="keyword" SIZE="30"> <input TYPE="submit"

VALUE="検索"> </p>

</form>

<div ID="view1"></div></font>

</body>

</html>

　

(*4) ：　cd_sh_mc.htm（ｼﾞｬﾝﾙ） （例）　　　　ｼﾞｬﾝﾙを記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕 　

ｼﾌﾄJIS使用（削除不可）

ｉｅなどに表示するｱｲｺﾝﾌｧｲﾙ名（削除可）

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景

body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

　

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent
お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

　

　

　

 背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

 　

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none; }
a:link { color:#3C0055; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#270037; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D2F3F4; text-decoration:underline; }
a:active { color:#1F002E; background-color:#F5FFD2; text-decoration:underline; }
font {
font-size:12px;
line-height:13px;
}
body,tr,td,form{ font-family:MS PGothic,MS Gothic,Verdana; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　CD検索 -ジャンル</title>

<script TYPE="text/javascript">

====　この間、説明を省略。　====

</script>

</head>

<body bgcolor="#F8F5F5" link="#54006C" vlink="#62000D" alink="#00FFFF">

<h2><font size="4" color="#51000B"><span

style="background-color: rgb(58,43,74); color: rgb(255,238,245)">　CD 検索 -ｼﾞｬﾝﾙ　</span></font><font size="3">　　<span style="font-weight: 400">CD検索</span> ： <span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_all.htm">全CD一覧</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_tt.htm">ﾀｲﾄﾙなど</a></span>　<span

style="background-color: rgb(231,224,233)"><a target="_top" href="cd_sh_at.htm">ｱｰﾁｽﾄ</a></span>　<span

style="background-color: rgb(231,224,233)">ｼﾞｬﾝﾙ</span></font></h2>

<font FACE="MSP Gothic,MS Gothic" SIZE="2"><a href="#" onclick="self.close()">

<p><img ALIGN="middle" SRC="nav_closed.gif" WIDTH="16" HEIGHT="16" BORDER="0"

alt="（・!・）復旧してまう、…*　"></a> &nbsp;<a href="#" onclick="self.close()">(&gt;_&lt;)　復旧しますよ、…*。</a>　　検索ｷｰ（例）：　<u>J</u>AZZ、<u>ﾜ</u>ｰﾙﾄﾞ、<u>沖</u>縄、<u>ﾗ</u>ﾃﾝ、<u>ﾛ</u>ｯｸ、<u>ｸ</u>ﾗｼｯｸ

</p>

====　この間、説明を省略。　====

<p>ｼﾞｬﾝﾙ ： <input TYPE="text" NAME="keyword" SIZE="30"> <input TYPE="submit"

VALUE="検索"> </p>

</form>

<div ID="view1"></div></font>

</body>

</html>

　

(*5) ：　cd.xml （CDﾃﾞｰﾀを記述する）（例）　　　CDﾃﾞｰﾀを記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

　

　

1ﾃﾞｰﾀは、<cd>　から　</cd>　まで。　　ﾃﾞｰﾀｰの加減はこのﾌﾞﾛｯｸ単位で。　”&”などのﾀｸﾞをﾃﾞｰﾀ構文中へ記述不可 、作動しません。

 　

<?xml version="1.0" encoding="Shift_JIS" ?>

<cdlist>

<cd>

<title>ここにCDｱﾙﾊﾞﾑﾀｲﾄﾙ、制作・販売者、ﾚｰﾍﾞﾙ、ID番号などを記述。</title>

<artist>ここに演奏者・楽器・作曲家（ｸﾗｼｯｸ）などを記述。</artist>

<music>ここにｼﾞｬﾝﾙを記述。 -JAZZ、ﾎﾟｯﾌﾟｽ、Jﾎﾟｯﾌﾟ、ﾜｰﾙﾄﾞ、ﾗﾃﾝ、ﾛｯｸ、ｸﾗｼｯｸ、 </music>

<coment>(ﾟ∇ﾟ)、(*^。^*)、感心、└|∵|┐</coment>

<url>sy001am.htm#JAZZ　　ﾀｲﾄﾙのURL</url>

<url1>http://www.xxxx.xx.jp/xxxxx/xxxxx.html　　ｱｰﾁｽﾄのURL</url1>

</cd>

<cd>

<title>JAZZ MEET THE SYMPHONY AMCE-1128</title>

<artist>LALO SCHIFRIN</artist>

<music>JAZZ</music>

<coment>全世界を覆い尽くし、しのびよる透明な寂寥感は何ならむ、「女狐」。</coment>

<url>http://www.towerrecords.com/product.asp?pfid=1010007</url>

<url1>http://towermusic.endeca.com/towermusic?n=2147464412 sid=3C00295FBFFC</url1>

</cd>

====　この間、説明を省略。　====

<cd>

<title>NHKスペシャル『映像の世紀』ｵﾘｼﾞﾅﾙ・ｻｳﾝﾄﾞﾄﾗｯｸ/ ESCK8035</title>

<artist>加古隆</artist>

<music>ｸﾗｼｯｸ</music>

<coment>　ひたひたと潮が満ちるように、大気が雑木林を抜けるように、砂漠に赤い太陽が沈むやうに、…　　…舞うやうに綺麗な映像が通りすぎる。</coment>

<url>http://www.xxxx.xx.jp/xxxxx/xxxxx.html　　ﾀｲﾄﾙのURL</url>

<url1>http://www.xxxx.xx.jp/xxxxx/xxxxx.html　　ｱｰﾁｽﾄのURL</url1>

</cd>

</cdlist>

　

(*6) ：　cd.xsl （表示ｽﾀｲﾙ）（例）　　　　　　　　CDﾃﾞｰﾀの表示形式を記述したﾌｧｲﾙ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集、使用します。

HTMLの編集方法　  (*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。
〔この列ﾍﾟｰｽﾄ不要〕

　

※: IE5.5対応変更箇所

　

表枠ｻｲｽﾞ　表背景色

表行ﾀｲﾄﾙ

　

　

　

ﾀｲﾄﾙのURL

　

ｱｰﾁｽﾄのURL

 　

<?xml version="1.0" encoding="Shift_JIS" ?>

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">

<xsl:template match="/">

<table border="1" bgcolor="#FFF5FF">

<tr><th>CD ﾀｲﾄﾙ</th><th>ｱｰﾁｽﾄ</th><th>ｼﾞｬﾝﾙ</th><th>ｺﾒﾝﾄ</th></tr>

<xsl:for-each select="//cd">

<tr>

<td><a><xsl:attribute name="href">

<xsl:value-of select="url"/></xsl:attribute>

<xsl:value-of select="title"/></a></td>

<td><a><xsl:attribute name="href">

<xsl:value-of select="url1"/></xsl:attribute>

<xsl:value-of select="artist"/></a></td>

<td><xsl:value-of select="music"/></td>

<td align="left"><xsl:value-of select="coment"/></td>

</tr>

</xsl:for-each>

</table>

</xsl:template>

</xsl:stylesheet>

※: IE5.5対応は、cd_sh_all.htm のみ。　　変更箇所は <xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl">　部分。

< 補足 >　　　　適時参照あれ！。

・　Wordpad　によるHTMLｿｰｽ（ﾀｸﾞ）を見ながらの直接編集方法。