Year Film Credit Role Grossed IMDB Rotten Tomatoes
2011 Midnight in Paris （＾．＾） $56,257,700 7.8 93%
2011 Midnight in Paris ＼（＾。＾）／　　 $56,257,700 7.8 93%
2009 Whatever Works =ΘΘ=ΠΠ〜　 $5,633,400 7.2 50%
2009 Whatever Works =（・。．・）= $5,633,400 7.2 50%
1977 Annie Hall Alvy Singer $135,852,600 8.2 98%
1982 A Midsummer Night’s Sex Comedy Andrew $24,453,100 6.6 76%
1982 A Midsummer Night’s Sex Comedy Andrew $24,453,100 6.6 76%
1975 Love And Death Boris Grushenko $77,746,400 7.7 100%
1997 Deconstructing Harry Harry Block $18,046,900 7.3 71%
1997 Deconstructing Harry Harry Block $18,046,900 7.3 71%
1979 Manhattan Isaac Davis $126,047,200 8.0 98%
1991 Shadows and Fog Kleinman $18,746,900 6.6 55%
1991 Shadows and Fog Kleinman $88,046,900 6.6 55%
1973 Sleeper Miles Monroe $82,084,900 7.3 100%
2006 Scoop Sid Waterman $12,727,300 6.7 39%
2012 Midnight in Paris1 （・！・）　 $56,257,701 7.81 93%
2004 Whatever Works1 〔`｡´ 〕　 $5,633,401 7.2 50%
2010 Whatever Works1 φ（．．　）　 $5,633,401 7.21 50%
1978 Annie Hall1 Alvy Singer1 $135,852,601 8.21 98%
1983 A Midsummer Night’s Sex Comedy1 Andrew1 $24,453,101 6.61 76%
1983 A Midsummer Night’s Sex Comedy1 Andrew1 $24,453,101 6.61 76%
1976 Love And Death1 Boris Grushenko1 $77,746,401 7.7 100%
1998 Deconstructing Harry1 Harry Block1 $18,046,901 7.3 71%
1998 Deconstructing Harry1 Harry Block1 $18,046,901 7.3 71%
1980 Manhattan1 Isaac Davis1 $126,047,201 8.0 98%
1992 Shadows and Fog1 Kleinman1 $18,946,900 6.61 55%
1992 Shadows and Fog1 Kleinman1 $18,746,900 6.61 55%
1974 Sleeper Miles Monroe1 $82,084,901 7.31 100%
2007 Scoop1 Sid Waterman1 $12,727,301 6.71 39%
2012 Midnight in Paris2 （＊＾．＾＊）　 $56,257,702 7.8 93%
2004 Whatever Works2 =（・。．・）=　 $5,633,402 7.32 50%
2010 Whatever Works2 ＝（ΦωΦ）＝　 $5,633,402 7.22 50%
1978 Annie Hall2 Alvy Singer3 $135,852,602 8.22 98%
1983 A Midsummer Night’s Sex Comedy2 Andrew2 $24,453,102 6.62 76%
1983 A Midsummer Night’s Sex Comedy2 Andrew2 $24,453,102 6.62 76%
1976 Love And Death2 Boris Grushenko2 $77,746,402 7.9 100%
1998 Deconstructing Harry2 Harry Block2 $18,046,902 7.82 71%
1998 Deconstructing Harry2 Harry Block2 $18,046,902 7.32 71%
1980 Manhattan2 Isaac Davis2 $126,047,202 8.02 98%
1992 Shadows and Fog2 Kleinman2 $18,946,902 6.62 55%
1992 Shadows and Fog2 Kleinman2 $18,746,902 6.62 55%
1974 Sleeper Miles Monroe2 $82,084,902 7.32 100%
2007 Scoop2 Sid Waterman2 $12,727,302 6.72 39%
2012 Midnight in Paris3 　（＊￣。￣＊）ウットリ $56,257,703 7.83 93%
2004 Whatever Works3 （´○｀）　 $5,633,403 7.33 50%
2010 Whatever Works3 ┌|・.・|┐ ＝)) ＝)) $5,633,403 7.23 50%
1978 Annie Hall3 Alvy Singer3 $135,852,603 8.23 98%
1983 A Midsummer Night’s Sex Comedy3 Andrew3 $24,453,103 6.63 76%
1983 A Midsummer Night’s Sex Comedy3 Andrew5 $24,453,103 6.63 76%
1976 Love And Death3 Boris Grushenko3 $77,746,403 7.93 100%
1998 Deconstructing Harry3 Harry Block3 $18,046,903 7.83 71%
1998 Deconstructing Harry3 Harry Block3 $18,046,903 7.33 71%
1980 Manhattan3 Isaac Davis3 $126,047,203 8.03 98%
1992 Shadows and Fog3 Kleinman3 $18,946,903 6.63 55%
1992 Shadows and Fog3 Kleinman3 $18,746,903 6.63 55%
1974 Sleeper3 Miles Monroe3 $82,084,903 7.33 100%
2007 Scoop3 Sid Waterman3 $12,727,303 6.73 39%

　

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

ﾃﾞｰﾀﾃｰﾌﾞﾙ、表ﾃﾞｰﾀｰの文字列（昇/降順）ｿｰﾄや検索、表示行指定。 　　　　　　jQuery、DHTML。　　　　　　配色、表、ﾃﾞｰﾀなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。　　　　　関連・詳細情報 ：　”DataTables | Table plug-in for jQuery”、検索、”ｿｰﾄ、ﾍﾟｰｼﾞｭｱｰ機能をﾃｰﾌﾞﾙに追加できる DataTables”

ﾃﾞﾓは、ｿｰﾄ、検索などで。

　

< ご使用方法 >

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

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

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

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

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

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

　

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

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

　

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

互換表示

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

<style type= 〜  </style>は（削除可）
(*1)〜(*3)表ﾀｲﾄﾙ背景
body 文字色　背景色　下線
ﾊｲﾊﾟｰﾘﾝｸ 〃
表示済みの〃
ﾏｳｽｵｰﾊﾞｰ時の〃
ｸﾘｯｸ中の〃
ﾌｫﾝﾄ

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

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

jQuery
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">

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

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

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

<!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　-->
<link href="jquery.dataTables.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.dataTables.min.js"></script>
<script>
$(window).load(function(){
$('#DataTables table').dataTable();
});
</script>
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->
　

　

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

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

　

　

　

　

表項目　

　

　

　

　

　

ﾃﾞｰﾀ値

以下、同様。


<body>

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<div class="multi-column" id="wrap">
<table id="DataTables" style="opacity: 1;" data-id="472">
<tr>
<th>
<table>
<thead>
<tr role="row">
<th tabindex="0" class="sorting" role="columnheader" ……　te to sort column ascending" rowspan="1" colspan="1">
Year</th>
<th tabindex="0" class="sorting" role="columnheader"  ……　　el="Film: activate to sort column ascending" rowspan="1" colspan="1">
Film</th>
<th tabindex="0" class="sorting_asc" role="columnheader"   ……　n descending" aria-sort="ascending" rowspan="1" colspan="1">
Credit Role</th>
<th tabindex="0" class="sorting" role="columnheader"    ……　: 89px;" aria-label="Grossed: activate to sort column ascending" rowspan="1" colspan="1">
Grossed</th>
<th tabindex="0" class="sorting" role="columnheader"    ……　　ria-label="IMDB: activate to sort column ascending" rowspan="1" colspan="1">
IMDB</th>
<th tabindex="0" class="sorting" role="columnheader"    ……　 aria-label="Rotten Tomatoes: activate to sort column ascending" rowspan="1" colspan="1">
Rotten Tomatoes</th>
</tr>
</thead>
<tbody role="alert" aria-live="polite" aria-relevant="all">
<tr class="odd">
<td>2011</td>
<td>Midnight in Paris</td>
<td class=" sorting_1">（＾．＾）</td>
<td>$56,257,700</td>
<td class=" ">7.8</td>
<td class=" ">93%</td>
</tr>
<tr class="even">
<td>2011</td>
<td>Midnight in Paris</td>
<td class=" sorting_1">＼（＾。＾）／　　</td>
<td>$56,257,700</td>
<td class=" ">7.8</td>
<td class=" ">93%</td>
</tr>

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

<tr class="even">
<td>1974</td>
<td>Sleeper3</td>
<td class=" sorting_1">Miles
Monroe3</td>
<td>$82,084,903</td>
<td class=" ">7.33</td>
<td class=" ">100%</td>
</tr>
<tr class="odd">
<td>2007</td>
<td>Scoop3</td>
<td class=" sorting_1">Sid
Waterman3</td>
<td>$12,727,303</td>
<td class=" ">6.73</td>
<td class=" ">39%</td>
</tr>


</tbody>
</table>
</th>
</tr>
</table>
</div>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->
　

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

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