サンプルページ　　データテーブル 2

名称	URL	ﾒｰﾙ	内容	年月日	ｻｲｽﾞ	ｺﾒﾝﾄ
名前　1	http://www./……/bxxx.html	xxxxxa@xxxx.net	う……	2002-01-20	583.697	=(・。.・)=
名前　2	http://www./……/mxx.html	xxxxxc@xxxx.net	る……	2002-09-22	875.606	=(^。^)=
名前　3	http://www./……/oxx.html	xxxxxl@xxxx.net	き……	2002-08-06	550.226	〔｀。´ 〕
名前　4	http://www./……/kxx.html	xxxxxw@xxxx.net	む……	2002-02-19	202.997	φ(.. )
名前　5	http://www./……/1xx.html	xxxxxq@xxxx.net	さ……	2002-03-29	009.977	(-."-;)
名前　a	http://www./……/2xx.html	xxxxx@sxxx.net	凜……	2001-03-29	004.977	こんにちは
名前　c	http://www./……/3xx.html	xxxxx@vxxx.net	熙……	2002-03-29	019.977	ｺﾝﾆﾁﾊ
名前　h	http://www./……/4xx.html	xxxxx@oxxx.net	熙……	2000-03-29	049.977	コンニチハ
名前　k	http://www./……/5xx.html	xxxxx@qxxx.net	遙……	1999-03-29	039.977	今日は
名前　w	http://www./……/6xx.html	xxxxx@pxxx.net	鶲……	2003-03-29	059.977	こんにちわ
名前　p	http://www./……/7xx.html	xxxxx@bxxx.net	龕……	2004-03-29	099.977	！……
名前　j	http://www./……/8xx.html	xxxxx@fxxx.net	黶……	2005-03-29	069.977	!……
名前　f	http://www./……/9xx.html	xxxxx@rxxx.net	鼇……	1998-03-29	079.977	！……
名前　r	http://www./……/10xx.html	xxxxx@sxxx.net	黼…	1997-03-29	109.977	！……
名前　d	http://www./……/11xx.html	xxxxx@mxxx.net	鶺……	1996-03-29	209.977	……
名前　n	http://www./……/12xx.html	xxxxx@exxx.net	鱸……	1995-03-29	309.977	……
名前　u	http://www./……/13xx.html	xxxxx@hxxx.net	鱸……	200x-03-29	409.977
名前　z	http://www./……/14xx.html	xxxxx@dxxx.net	鰲……	x002-03-29	509.977
□	☆	◆	◇	♪	（・!・）	〔｀。´ 〕

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ﾃﾞｰﾀﾃｰﾌﾞﾙ 2　data_table2.htm

列の文字列並べ替え（昇/降順ｿｰﾄ）。　　　　DHTML。　　　　　　配色、ﾃﾞｰﾀ、表ｻｲｽﾞなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　All対応。　（IE7互換表示）　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ。　　　

ﾃﾞﾓは、”名称　～　ｺﾒﾝﾄ”　などの、ｸﾘｯｸで。

・　ﾛｰｶﾙ（=PC）への保存は、data_table2.htm、88669.js　を右ｸﾘｯｸ、[対象をﾌｧｲﾙに保存] - 【ﾌｧｲﾙのﾀﾞｳﾝﾛｰﾄﾞ】、【ﾌｧｲﾙ名を付けて保存】 - <保存する場所>： ……、などで。　　　　※: 【Internet Explorer】 - [ﾌｧｲﾙ] - [名前を付けて保存]－[ﾌｧｲﾙの種類] ”Webﾍﾟｰｼﾞ、完全” ……、などで変わってしまったﾌｧｲﾙ名や、*.html 中のﾊﾟｽは要修正。

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

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

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

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

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

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