区分日付時刻ﾀｲﾄﾙﾃｸﾉﾛｼﾞｰ分野価格ｻｲｽﾞ
区分日付時刻ﾀｲﾄﾙﾃｸﾉﾛｼﾞｰ分野価格ｻｲｽﾞ
5
24/09/2005 01:47:41 AM10:47:41 AM太陽風ДζΨΠ∀ HTMLWeb\200.0040KB
5
2/1/2005 09:39:31 AM03:49:41 AM 携帯電話 最新情報！HTMLWeb\200.0030 KB
3
21/11/2005 10:29:21 PM05:49:41 PM 携帯電話 最新情報！DHTMLMobile\300.00 80MB
4
17/02/200612:43:16 PMWin/Mac関連ｿﾌﾄ DHTML画像\250.0060KB
3
06/05/2006xxx03:04:34 PMWin関連ｿﾌﾄ・あ〜Ｚ JavaScriptWeb\200.5070GB
2
26/05/20065:06:10Win関連ｿﾌﾄ・ﾒｰｶｰ JavaScriptWeb\50.3560TB
1
10/07/200604:12:16 PMWin関連ｿﾌﾄ・ﾍﾞﾝﾀﾞｰ JavaScriptMobile\2005.3022KB
2
31/12/200609:35:47 AMWin関連ｿﾌﾄ・MP3 JavaScriptﾏﾙﾃｨﾒﾃﾞｨｱ\600.0032KB
3
17/07/200604:21:24 PM Win関連のｼｮｰﾄｶｯﾄｷｰJavaScriptFlash\100.30 44GB
4
26/07/200603:09:00 PM ｺﾚｸｼｮﾝ - JazzXMLﾃﾞｰﾀﾍﾞｰｽ\100.40 32 MB
5
08/03/2005 10:47:41 AM10:47:41 AM ｺﾚｸｼｮﾝ - ﾜｰﾙﾄﾞﾐｭｰｼﾞｯｸHTMLWeb\200.00 77KB
5
10/06/2005 11:29:41 AM11:49:41 AM ﾊﾉｲの塔XMLWeb\200.0090 KB
3
13/10/2005 12:59:41 PM08:49:41 PM WebRadioDHTMLMobile\300.00 55MB
4
17/02/200612:43:16 PM ｻｲﾄ内検索DHTML画像\250.0047KB
3
16/01/200603:04:34 PM 音楽家検索JavaScriptWeb\200.50 44GB
2
01/07/200615:06:10 Flash Video Playre 1XMLWeb\50.35 55TB
1
09/02/200604:12:16 PM RGB 2wJavaScriptMobile\2005.3032KB
2
27/12/200609:35:47 AMRGB 6JavaScriptﾏﾙﾃｨﾒﾃﾞｨｱ\600.0037KB
3
11/02/200604:21:24 PM ﾃﾞｰﾀﾍﾞｰｽ 5JavaScriptFlash\100.30 10.0GB
4
22/08/200603:09:00 PM ｿｰﾄ 5HTMLﾃﾞｰﾀﾍﾞｰｽ\100.4020.0 MB

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ソート 10　　sort10.htm

列ﾀｲﾄﾙをｸﾘｯｸ、昇降順ｿｰﾄ。　　列幅自動、Web上でﾃﾞｰﾀ編集可、AM・PM認識、HTMLﾃﾞｰﾀ可（ﾊｲﾊﾟｰﾘﾝｸなど）。　　　　　　DHTML。　　　　　　ﾃﾞｰﾀなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　※:ｻﾝﾌﾟﾙﾃﾞｰﾀは、適当（不条理、一貫性無し）。　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、列ﾀｲﾄﾙをｸﾘｯｸなどで。

　

< ご使用方法 >

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

　・　このDHTMLの実装方法は、sort10.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 なども転送/配置し実施。　　※：別ﾃﾞｨﾚｸﾄﾘｰに配置時は、*.html 中のﾊﾟｽは要修正。　　　FTPなどで変わったﾌｧｲﾙ名は要修正。　　　　ｽｸﾘﾌﾟﾄ構文中への改行混入は非作動原因。

　･　関連情報 ： 色記号6、2、ｽﾀｲﾙｼｰﾄﾘﾌｧﾚﾝｽ、ﾎｰﾑﾍﾟｰｼﾞ開設入門が便利！。　　　Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ﾂｰﾙでｻｲﾄを修正、ｽｸﾘﾌﾟﾄ ﾃﾞﾊﾞｯｸﾞの概要、HTMLとCSSのｻﾎﾟｰﾄ、CSSの改良点、IE7、IE6、XML、DHTML。

　

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

　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>サンプルページ　　ソート 10</title>

<!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　-->
<!--

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

*/
-->
<link rel="stylesheet" type="text/css" media="all" href="0077050.css" />
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->

　

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

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

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

列ﾀｲﾄﾙ

　

末尾（非ｿｰﾄ行）

ﾃﾞｰﾀ

以下、同様。

　

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

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<table class="sortable resizable editable">
<thead>
<tr><th class="sortfirstdesc" id="urgency">区分</th><th id="creation-date">日付</th><th id="time">時刻</th><th id="title">ﾀｲﾄﾙ</th><th id="status">ﾃｸﾉﾛｼﾞｰ</th><th id="author">分野</th><th id="cost">価格</th><th id="size">ｻｲｽﾞ</th></tr>
</thead>
<tfoot>
<tr><td>区分</td><td>日付</td><td>時刻</td><td>ﾀｲﾄﾙ</td><td>ﾃｸﾉﾛｼﾞｰ</td><td>分野</td><td>価格</td><td>ｻｲｽﾞ</td></tr>
</tfoot>
<tbody>
<tr id="N938747839"><td><div class="urg5">5</div></td><td>24/09/2005
01:47:41 AM</td><td>10:47:41 AM</td><td><a href="http://　……　.html" target="_blank" title="Java　……　など。">太陽風ДζΨΠ∀</a></td><td>
HTML</td><td>Web</td><td>?200.00</td><td>40KB</td></tr>

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

</table>

<script type="text/javascript" src="0077050.js"></script>
<script type="text/javascript" src="0077051.js"></script>
<script type="text/javascript" src="0077052.js"></script>
<script type="text/javascript" src="0077053.js"></script>

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

</script>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->

　

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

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