=(・。.・)=　 杯ﾘｰｸﾞ戦　2003年夏季成績 - 全米
順位 ﾁｰﾑ名 ﾃﾞｰﾀ　 項目1　 項目2　 項目3　 項目4　 項目5　 項目6　 項目7　 項目8　
1 ﾋﾟｯﾂﾊﾞｰｸﾞ 1 5887 367.9 2774 173.4 3113 194.6 352 22.0
2 ｻﾝﾌﾗﾝｼｽｺ 2 5689 355.6 2244 140.2 3445 215.3 409 25.6
3 ﾀﾞﾗｽ 3 4402 275.1 2184 136.5 2218 138.6 246 15.4
4 ﾆｭｰﾖｰｸ ﾒｯﾂ 4 4795 299.7 2054 128.4 2741 171.3 308 19.2
5 ｾﾝﾄﾙｲｽ 5 6690 418.1 2027 126.7 4663 291.4 503 31.4
6 ｶﾝｻｽｼﾃｨ 6 5673 354.6 2008 125.5 3665 229.1 320 20.0
7 ｲﾝﾃﾞｨｱﾅﾎﾟﾘｽ 6 5955 372.2 1966 122.9 3989 249.3 413 25.8
8 ﾜｼﾝﾄﾝ 8 4435 277.2 1948 121.8 2487 155.4 256 16.0
9 ｼｱﾄﾙ 9 4772 298.2 1936 121.0 2836 177.2 301 18.8
10 ﾃﾞﾝ ﾊﾞｰ 10 4817 301.1 1877 117.3 2940 183.8 340 21.2
11 ﾃﾈｼｰ 11 5354 334.6 1796 112.2 3558 222.4 336 21.0
12 ﾆｭｰｲﾝｸﾞﾗﾝﾄﾞ 12 4882 305.1 1793 112.1 3089 193.1 371 23.2
13 ﾆｭｰﾖｰｸｼﾞｬｲｱﾝﾂ 13 5335 333.4 1777 111.1 3558 222.4 294 18.4
14 ﾌｨﾗﾃﾞﾙﾌｨｱ 14 4923 307.7 1778 111.1 3145 196.6 343 21.4
15 ｱﾄﾗﾝﾀ 15 5070 316.9 1773 110.8 3297 206.1 291 18.2
16 ｼｶｺﾞ 16 4694 293.4 1742 108.9 2952 184.5 338 21.1
17 ｼﾝｼﾅﾃｨ 17 4800 300.0 1712 107.0 3088 193.0 226 14.1
18 ﾆｭｰｵﾘﾝｽﾞ 18 5226 326.6 1712 107.0 3514 219.6 333 20.8
19 ﾎﾞﾙﾃｨﾓｱ 19 4773 318.2 1598 106.5 3175 211.7 284 18.9
20 ｻﾝﾃﾞｨｴｺﾞ 20 5200 325.0 1695 105.9 3505 219.1 332 20.8
21 ｸﾞﾘｰﾝﾍﾞｲ 21 5463 341.4 1693 105.8 3770 235.6 390 24.4
22 ﾊﾞｯﾌｧﾛｰ 22 5137 321.1 1686 105.4 3451 215.7 265 16.6
23 ﾏｲｱﾐ 23 4821 301.3 1664 104.0 3157 197.3 344 21.5
24 ｵｰｸﾗﾝﾄﾞ 24 5361 335.1 1654 103.4 3707 231.7 399 24.9
25 ﾐﾈｿﾀ 25 5006 333.7 1523 101.5 3483 232.2 287 19.1
26 ｼﾞｬｸｿﾝｳﾞｨﾚ 26 4840 302.5 1600 100.0 3240 202.5 294 18.4
27 ｱﾘｿﾞﾅ 27 4898 306.1 1449 90.6 3449 215.6 295 18.4
28 ﾃﾞﾄﾛｲﾄ 28 4994 312.1 1398 87.4 3596 224.8 270 16.9
29 ｶﾘﾌｫﾙﾆｱ 29 4254 265.9 1372 85.8 2882 180.1 253 15.8
30 ﾃﾝﾊﾟﾍﾞｲ 30 4694 293.4 1371 85.7 3323 207.7 324 20.2
31 ｸﾘｰ ﾌﾞﾞﾗﾝﾄﾞ 31 4152 259.5 1351 84.4 2801 175.1 285 17.8

　

　

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　ｿｰﾄ 2　　sort2.htm

列ﾀｲﾄﾙのｸﾘｯｸで、表ﾃﾞｰﾀｰの文字列（昇/降順）ｿｰﾄ。　　　　　ﾘﾝｸ付きﾃﾞｰﾀ可能。 　　　　　　DHTML。　　　　　　配色、表、ﾃﾞｰﾀなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓは、”ﾁｰﾑ名”や”項目1〜8”のｸﾘｯｸ、（昇順/降順）ｿ-ﾄで。　　　　※：ﾃﾞｰﾀは架空値。

　

< ご使用方法 >

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

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

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

　・　作動ﾃｽﾄは、ﾛｰｶﾙ（PC）に保存し、 Internet Explorer 10.x〜 などで開いて。　　　　 更新の確認は、[F5]ｷｰ を押し、最新ﾃﾞｰﾀ読み込み、で。　　　　あるいは、Internet Explorerを全て閉じ、再起動を行い、閲覧履歴の削除後や、【Internet Explorer】- [ﾂｰﾙ] - [ｲﾝﾀｰﾈｯﾄ ｵﾌﾟｼｮﾝ] - [閲覧の履歴] - [削除] などでも。

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

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

　

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

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

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

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

<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:#FFF; }
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>サンプルページ　　□</title>

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

　

　

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

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

　
<body>

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

　

　

(*1) ：　sort2.htm （例）　　　　　　　

　　挿入先の 　<head> 〜 </head>　の、〜 部分にﾍﾟｰｽﾄします。

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

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

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

<style type 〜 </style>は（削除可）

ﾏｳｽｵｰﾊﾞｰ時のﾃｷｽﾄ　 背景色　下線非表示

　

非ﾏｳｽｵｰﾊﾞｰ時の下線表示（逆も可）

　

ﾘﾝｸを新しいWinで開く
を標準（削除可）
※：target=　いろいろ
同じﾌﾚｰﾑ　target="_self"
ﾍﾟｰｼﾞ全体　　target="_top"
親ﾌﾚｰﾑ　 target="_parent"

お気に入り、ﾀｽｸﾊﾞｰに表示するﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名）

　

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

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

<style type="text/css"><!-- A:hover {

COLOR: #8000e2; BACKGROUND-COLOR: #f3edee; TEXT-DECORATION: none

}

A {

TEXT-DECORATION: underline

}

-->

</style>

<base target="_blank">

<title>サンプルページ　　ソート 2</title>

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

<style type="text/css">

/* Table styles. */

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

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

　

(*2) ：　sort2.htm （例）　　　　　　

　　挿入先の 　<body> 〜 </body>　の、〜 部分にﾍﾟｰｽﾄします。

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

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

　

 　

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

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

<table cellSpacing="0" cellPadding="0" border="0">

<thead>

<tr>

<th class="mainHeader" colSpan="11"><b>=(・。.・)= 杯ﾘｰｸﾞ戦　2003年夏季成績 - 全米</b></font></th>

</tr><tr>

<th>

順位</font></th>

<th><a title="Team Name"

onclick="this.blur(); return sortTable('offTblBdy', 1, false);" href>ﾁｰﾑ名</a></font></th>

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

<a title="Total Yards" onclick="this.blur(); return sortTable('offTblBdy', 3, true);" href>項目1</a>　</font></th>

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

onclick="this.blur(); return sortTable('offTblBdy', 10, true);" href>項目8 </a></font></th>

</tr>

</thead>

<tbody id="offTblBdy" lastColumn="6">

<tr class rank="1">

<td class="numeric">1</td>

<td>ﾋﾟｯﾂﾊﾞｰｸﾞ</font></td>

<td class="numeric">16</td>

<td class="numeric">5887</td>

<td class="numeric">367.9</td>

<td class="numeric">2774</td>

<td class="numeric sortedColumn">173.4</td>

<td class="numeric">3113</td>

<td class="numeric">194.6</td>

<td class="numeric">352</td>

<td class="numeric">22.0</td>

</tr>

　

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

　

<tr class rank="31">

<td class="numeric">31</td>

<td>ｸﾘｰｳﾞﾗﾝﾄﾞ</font></td>

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

</tr>

</table>

<p/>

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

　

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

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