サンプルページ　　　データベース 12

氏	名前	都道府県	市	住所	郵便番号	趣味

氏 : 　名前 :

都道府県 : 　市 : 　住所 :

郵便番号 : 　趣味 :

補足 : 　補足2 :

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾃﾞｰﾀﾍﾞｰｽ 12　　database12.htm

ｿｰﾄ・抽出の表、ﾃﾞｰﾀ（氏名・住所・郵便番号・趣味・画像）はXMLﾌｧｲﾙに記述。　　　　　　DHTML、XML、HTC。　　　　　　ﾃﾞｰﾀなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、列ﾀｲﾄﾙのｸﾘｯｸでのｿｰﾄや、行選択での抽出などで。　　互換表示・設定で。

< ご使用方法 >

　・　ﾛｰｶﾙ（=PC）への保存は、database12/をｸﾘｯｸ開いたﾎﾙﾀﾞｰで、database12.htm、033020.css、033020.htc、033020.xml、dd_down.gifほかを右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。　　　

　・　このDHTMLの実装方法は、database12.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどのHTML挿入/編集ﾒﾆｭｰなどを使って、新しいﾍﾟｰｼﾞ 1 や hogehoge.html（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1)を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。

　･　編集方法は、hogehoge.html をﾃｷｽﾄｴﾃﾞｨﾀｰ、あるいは ”FrontPage Express” などのﾎｰﾑﾍﾟｰｼﾞ制作ｿﾌﾄのHTMLﾀｸﾞ挿入/編集ﾒﾆｭｰで開き編集します。　　　　下記の（例） (*1) と、(*2)～を参考に太字部分の編集を任意に行います。　　　※: ﾃｷｽﾄｴﾃﾞｨﾀｰによる編集は、HP制作ｿﾌﾄとの互換性の問題を生じません（HP制作ｿﾌﾄ間は少し生じる）。

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 8.x～などで開いて。　　　　更新の確認は [F5]ｷｰを押し、ｻｰﾊﾞｰやﾌﾞﾗｳｻﾞｰのｷｬｯｼｭｸﾘｱｰ、最新ﾃﾞｰﾀ読み込み（≠再ｱｸｾｽ）で行います。

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

(*1) ：　database12.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

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

〔この列ﾍﾟｰｽﾄ不要〕　

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

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

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

<title>サンプルページ　　データベース 12</title>

<link href="033020.css" rel="stylesheet">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

(*2) ：　database12.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

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

〔この列ﾍﾟｰｽﾄ不要〕

※：<body>　部の編集　背景　ﾘﾝｸ　表示済みﾘﾝｸﾝｸ　ｱｸﾃｨﾌﾞﾘﾝｸの各色（任意値）

表列ﾀｲﾄﾙ

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

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

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

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

<div id="divPhoto" style="LEFT: 638px; WIDTH: 150px; POSITION: absolute; TOP: -404px; HEIGHT: 101px">
<img id="imgEmp" style="LEFT: -1px; WIDTH: 150px; TOP: 0px; HEIGHT: 100px" dataSrc="#xmlDSO" tabIndex="10" Datafld="EmpPhoto" name="State" size="2"></div>
 
<div id="divSortType" style="LEFT: 5px; WIDTH: 679px; POSITION: absolute; TOP: -136px; HEIGHT: 34px">
<INPUT type="button" value="追加" id="btnAdd" name="btnAdd" onclick="DisplayDemoMessage" Language="VBScript">
<INPUT type="button" value="変更" id="btnUpdate" name="btnModify" onclick="DisplayDemoMessage" Language="VBScript">
<INPUT type="button" value="削除" id="btnDelete" name="btnDelete" onclick="DisplayDemoMessage" Language="VBScript">

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

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

}
</script>

</td>
</tr>
</table>
</div>

(*3) ：　033020.xml （例）　　　　　　　　　ﾃｷｽﾄｴﾃﾞｨﾀｰで開き、編集しhogehoge.htmlと同ﾃﾞｨﾚｸﾄﾘｰに転送・配置します。

　*.xml の編集方法　

(*3)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓の太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

ﾃﾞｰﾀ　画像

以下、同様。

<?xml version="1.0" encoding="shift_jis"?>
<root>
<data dataID="1" FirstName="藍xxxxxx" LastName="香xxxxxx" ResidenceType="xxxxxx02165" Address="xxxxxx55丁目xxxxxx22番地xxxxxx号" City="秋xxxxxx市" State="秋田県" ZipCode="xxxxxx12" Country="日本" Hobbies="登山・刺客" HomePhone="xxxxxx1255687" EmpPhoto="http://xml-xsl.sakura.ne.jp/xp01159t.jpg"/>

==== この間､説明を省略｡ ====
</root>

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

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