テーブル フィルター　Guide
区分 ｻｲﾄ名 概要 ﾃｸﾉﾛｼﾞｰ ＼^o^／　〔`｡´ 〕
ﾆｭｰｽ・ｴﾝｼﾞｮｲﾗｲﾌ ﾆｭｰｽ･ﾌｨｯｼﾝｸﾞ 出版、ｴﾝｼﾞｮｲﾗｲﾌ、交通 、地図、ﾙｱｰ･ﾌﾗｲﾌｨｯｼﾝｸﾞ HTML 4 〔`｡´ 〕
ｺﾝﾋﾟｭｰﾀ･ｲﾝﾀｰﾈｯﾄ ｺﾝﾋﾟｭｰﾀ･ｲﾝﾀｰﾈｯﾄ 用語、FAQ、ﾂｰﾙ、Web制作、ｼｮｯﾌﾟ、Linux、Win HTML 4 〔`｡´ 〕
音楽・料理 音楽・料理 ｻｳﾝﾄﾞ、♪、CD、定点ﾗｲﾌﾞｶﾒﾗ、ｸﾞﾙﾒ、料理 HTML 4 〔`｡´ 〕
日記 日記小説 日記 - Jazz・釣り・音楽・猫、散文 ﾃｷｽﾄ 6 (-."-;)
Jazz ｺﾚｸｼｮﾝ - Jazz JAZZ CDｺﾚｸｼｮﾝ+散文 ﾃｷｽﾄ 6 (-."-;)
WorldMusic ｺﾚｸｼｮﾝ - ﾜｰﾙﾄﾞﾐｭｰｼﾞｯｸ AFRO POP、CDｺﾚｸｼｮﾝ+散文 ﾃｷｽﾄ 6 (-."-;)
ｹﾞｰﾑ Asteroids 隕石の襲来を撃墜 Java 3 =(・。・)=
ｹﾞｰﾑ 花火 画面に炸裂する燦たる絢爛 Java 3 =(・。・)=
ｹﾞｰﾑ 万華鏡 目眩く極彩色の絵巻 Java 3 =(・。・)=
ｹﾞｰﾑ 無重力ｽｸﾗﾝﾌﾞﾙ ｼﾞｪｯﾄ噴射・機銃掃射は半角小文字で Java 4 〔`｡´ 〕
ｹﾞｰﾑ ｽﾃﾙｽ迎撃 停止:p 音:m 始め:s 巡航:mouse 発射:Click Java 3 =(・。・)=
携帯電話 携帯電話 最新情報！ ｷｬﾘｱｰ、方式、型名、市販価格、性能 DHTML CSS 1 ＼^o^／
携帯電話 携帯電話 最新情報！ ｷｬﾘｱｰ、方式、型名、市販価格、性能 HTA DHTML CSS 1 ＼^o^／
携帯電話 携帯電話 最新情報！ ｿｰﾄ - ｷｬﾘｱｰ、方式、型名、市販価格、性能 DHTML CSS 1 ＼^o^／
ﾀﾞｳﾝﾛｰﾄﾞ Win/Mac関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ ｶﾃｺﾞﾘ indexﾍﾟｰｼﾞ HTML 1 ＼^o^／
ﾀﾞｳﾝﾛｰﾄﾞ Mac関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ Mac関連ｿﾌﾄ HTML 1 ＼^o^／
ﾀﾞｳﾝﾛｰﾄﾞ Win関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ Win関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ あ〜Ｚ ﾀｲﾄﾙ検索 HTML 1 ＼^o^／
ﾀﾞｳﾝﾛｰﾄﾞ Win/Mac関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ ｶﾃｺﾞﾘ ﾒｰｶｰ - ﾊﾟｯﾁ、FixPac、ﾄﾞﾗｲﾊﾞｰ HTML 2 =(^。^)=
ﾀﾞｳﾝﾛｰﾄﾞ Win関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ ﾍﾞﾝﾀﾞｰ : ｼﾞｬｽﾄ IBM Java Linux Microsoft HTML 2 =(^。^)=
ﾀﾞｳﾝﾛｰﾄﾞ Win関連ｿﾌﾄのﾀﾞｳﾝﾛｰﾄﾞ MP3ﾌｧｲﾙ(ﾆｭｰｽ、ﾉﾝﾊﾟｯｹｰｼﾞ"♪"ｻｲﾄ HTML 2 =(^。^)=
IPC分類 IPC分類照会（第7版）一覧 国際特許分類・電気関係 HTML 3 =(・。・)=
ｷｰﾎﾞｰﾄﾞ Win ie Officeのｼｮｰﾄｶｯﾄｷｰ Win ie NN Excel Word Outlook WinXP Office HTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 0a 感想などを送ってもらうﾌｫｰﾑ。 ｶﾞｲﾄﾞ文字、入力 ﾁｪｯｸあり。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 2d 感想などを送ってもらうﾌｫｰﾑ。　入力必須項目。 自由記入HTML削除可。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 4a 感想などを送ってもらうﾌｫｰﾑ。 多層選択ﾒﾆｭｰ（ｸﾞﾙｰﾌﾟ・氏名）あり。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 6 入力必須、ｸﾞﾙｰﾌﾟ・ﾒﾝﾊﾞｰ、ﾁｪｯｸﾎﾞｯｸｽ、ﾗｼﾞｵﾎﾞﾀﾝ、ﾄﾞﾛｯﾌﾟﾀﾞｳﾝ。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 7 感想・注文などの回答ﾌｫｰﾑ、全ﾁｪｯｸ/〃解除ﾎﾞﾀﾝあり。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 8 名前、ﾒｰﾙｱﾄﾞﾚｽなどを次回起動時まで記憶。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ ﾌｫｰﾑ 9 ご訪問の足跡、”名前”と”ﾒｰﾙｱﾄﾞﾚｽ”を送信して貰う。 HTML DHTML 3 =(・。・)=
ﾌｫｰﾑ URL送信 2a このﾍﾟｰｼﾞのURLを友達などに送る”、ﾎﾞﾀﾝ。　入力ﾌｫｰﾑが変色。 HTML DHTML 3 =(・。・)=
CD検索 CD検索 JAZZ、POPS:ｼﾞｬﾝﾙ、ｱｰﾁｽﾄ、ﾀｲﾄﾙ検索 HTML 3 =(・。・)=
CD検索 CD検索 ｸﾗｼｯｸ作曲家:作曲家、ｱｰﾁｽﾄ検索 HTML 3 =(・。・)=
ﾗｼﾞｵ WebRadio 小Win版、縦列複数ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰで選局。 DHTML 1 ＼^o^／
HTML入門 ﾎｰﾑﾍﾟｰｼﾞ開設入門 ｶｳﾝﾀｰ･ﾄﾞﾛﾌﾟﾀﾞｳﾝﾒﾆｭｰ･♪や、Java Applet･DHTML・CSSの実装手順。 DHTML 4 〔`｡´ 〕
表 表4 DHTML、影付き枠の表（ﾃｰﾌﾞﾙ）。 DHTML CSS 1 ＼^o^／
表 表5 凸丸角の表、ｽﾄﾘｰﾐﾝｸﾞ♪、連続演奏 DHTML CSS 1 ＼^o^／
IFRAME IFRAME POPUP 右ｸﾘｯｸのﾎﾟｯﾌﾟｱｯﾌﾟﾒﾆｭｰでWebﾍﾟｰｼﾞを表示。 IFRAME DHTML 1 ＼^o^／
IFRAME ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 28if 横長 - 縦横展開、〃 指定 IFRAME DHTML 1 ＼^o^／
IFRAME ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 26fr ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ風+IFRAME、選択痕跡 ｱｲｺﾝ。 IFRAME DHTML 1 ＼^o^／
IFRAME ﾂﾘｰﾒﾆｭｰ 15aif Microsoft Windows Tree Control 〃、3DRoundBlue、Greenｱｲｺﾝ IFRAME DHTML 1 ＼^o^／
IFRAME ﾀﾌﾞﾒﾆｭｰ 9 ﾍﾟｰｼﾞのﾀﾌﾞ選択、選択痕跡付き。 IFRAME DHTML 1 ＼^o^／
IFRAME ﾀﾌﾞﾒﾆｭｰ 12if ﾀﾌﾞ切り替えのﾘﾝｸﾃｰﾌﾞﾙ、文字入れ自在矩形画像 + IFRAME。 IFRAME DHTML 1 ＼^o^／
ﾌﾚｰﾑ 全ﾌﾚｰﾑﾀｲﾌﾟｻﾝﾌﾟﾙ 左・上・中・下・右、各ﾌﾚｰﾑのﾊﾞﾘｴｰｼｮﾝのｻﾝﾌﾟﾙ、作成方法。 HTML DHTML 1 ＼^o^／
ﾌﾚｰﾑ 左・中ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ +ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ、実行ﾎﾞﾀﾝ無しﾀｲﾌﾟ。 HTML DHTML 1 ＼^o^／
ﾌﾚｰﾑ 上・下ﾌﾚｰﾑ+ ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ +ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ、実行ﾎﾞﾀﾝ無しﾀｲﾌﾟ。 HTML DHTML 1 ＼^o^／
CSS ｽﾀｲﾙｼｰﾄのﾘﾌｧﾚﾝｽ W3C HTML4.0準拠、ｽﾀｲﾙｼｰﾄのﾘﾌｧﾚﾝｽ。 CSS 2 =(^。^)=
CSS Filters and Transitions 各種ﾌｨﾙﾀｰ/変遷の効果のﾃﾞﾓとHTML生成。 CSS 1 ＼^o^／
CSS DropShodow Filter ﾄﾞﾛｯﾌﾟｼｬﾄﾞｳ効果のﾃﾞﾓとHTML生成。 CSS 1 ＼^o^／
CSS Alpha Filter Alphaﾌｨﾙﾀｰ効果のﾃﾞﾓとHTML生成。 CSS 1 ＼^o^／
CSS Basic Image Filter BasicImageﾌｨﾙﾀｰ効果のﾃﾞﾓとHTML生成。 CSS 1 ＼^o^／
HTML ﾎﾟｼﾞｼｮﾝ HTML、ｺﾝﾃﾝﾂｴﾘｱを自在に配置。 HTML 4 〔`｡´ 〕
Media Player Win Media Player 4a Win Media Player、[♪]・[-]ﾎﾞﾀﾝのみ。 ActiveX 2 =(^。^)=
Media Player Win Media Player 3 [ﾌﾟﾚｲ]・[ﾎﾟｰｽﾞ]・[停止] ﾎﾞﾀﾝ付き。ﾑｰﾋﾞｰ付。 ActiveX 2 =(^。^)=
Media Player BGMｵﾝ/ｵﾌ 2a BGM演奏”ｵﾝ/ｵﾌ”ﾎﾞﾀﾝ。 DHTML 2 =(^。^)=
Media Player Win Media Player 3a [ﾌﾟﾚｲ]・[ﾎﾟｰｽﾞ]・[停止] ﾎﾞﾀﾝ付き。　ｽﾃｲﾀｽﾊﾞｰ付。 ActiveX 2 =(^。^)=
Media Player ｻｳﾝﾄﾞﾌﾟﾚｲﾔｰ 2a ｼﾞｬﾝﾙ・曲を選択、詳細ﾊﾟﾈﾙ、ｽﾄﾘｰﾐﾝｸﾞ・連続演奏、ﾛｰﾃﾞｨﾝｸﾞ表示。 XML Flash 1 ＼^o^／
Media Player ｻｳﾝﾄﾞﾌﾟﾚｲﾔｰ 3 曲を選択、複数ﾌｧｲﾙ連続演奏、ﾊﾟﾈﾙ操作、ﾛｰﾃﾞｨﾝｸﾞ表示。 XML Flash 1 ＼^o^／
Media Player ｻｳﾝﾄﾞﾌﾟﾚｲﾔｰ 4 曲を選択、非連続演奏、ﾊﾟﾈﾙ操作、ｽﾄﾘｰﾐﾝｸﾞ再生、ﾛｰﾃﾞｨﾝｸﾞ表示。 XML Flash 1 ＼^o^／
Media Player ｻｳﾝﾄﾞ b ｻｳﾝﾄﾞ演奏、WindowsMediaPlayer（表示）使用。 ActiveX DHTML 1 ＼^o^／
Media Player ｻｳﾝﾄﾞ a ｻｳﾝﾄﾞ演奏、WindowsMediaPlayer（ｼﾝﾌﾟﾙ表示）使用。 ActiveX DHTML 1 ＼^o^／
Media Player 挨拶 1 同時に小Winを開き、朝、昼、晩の挨拶（Voice）、"♪"演奏。 DHTML 3　=(・。・)=
Real Player Real Player 左上ﾌﾛｰﾃｨﾝｸﾞ、ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰでRealAudio選択、Winｻｲｽﾞ可変。 DHTML 3　=(・。・)=
ﾅﾋﾞｹﾞｰｼｮﾝ ﾅﾋﾞﾊﾞｰ ﾏｳｽｵｰﾊﾞｰで、縦横展開のﾘﾝｸﾃｰﾌﾞﾙ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 7b MicrosoftのWebのﾒﾆｭｰ風。Opera5.x、Win、Mac、Linux DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 9 ﾌﾚｰﾑ Win2000風のﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ + 上下ﾌﾚｰﾑ。 Java 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 15as XP風、3D、ﾌｪｰﾄﾞ効果、横長、ｱｲｺﾝのｶｽﾀﾏｲｽﾞ、縮小版。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 21 3Dｱｲｺﾝ･ﾒﾆｭｰﾎﾞﾀﾝ､ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ風。横長 DHTML CSS 2 =(^。^)=
ﾅﾋﾞｹﾞｰｼｮﾝ ﾄｯﾌﾟﾅﾋﾞﾊﾞｰ 28a MicrosoftのWebのﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰ風。横長、Transition指定、背景画像 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾂﾘｰﾒﾆｭｰ 15a Microsoft Windows Tree Control、3DRoundBlue、Greenｱｲｺﾝ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾂﾘｰﾒﾆｭｰ 25 HTC、初期ﾂﾘｰ折り畳み（初期ﾂﾘｰ展開への変更） DHTML HTC 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾂﾘｰﾒﾆｭｰ 26fr DHTML、XML、ﾂﾘｰ・ﾊｲﾊﾟｰﾘﾝｸは*.xmlに記述 + 左右ﾌﾚｰﾑ。 XML DHTML 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 階層ﾒﾆｭｰ 3_js 水平、多段展開するﾘﾝｸﾃｰﾌﾞﾙ、ﾌﾚｰﾑ越え。 Java 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾘｽﾄ3c1ﾌﾚｰﾑ 折り畳み/展開表示 + 左右ﾌﾚｰﾑ。ｱｲｺﾝ DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾒﾆｭｰ 7aﾌﾚｰﾑ 選択ﾒﾆｭｰのみ、ﾏｳｽｵｰﾊﾞｰで展開 + 左右ﾌﾚｰﾑ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾒﾆｭｰ 11ﾌﾚｰﾑ ﾏｳｽｵｰﾊﾞｰのみの下層が展開、ﾏｳｽｱｳﾄで閉じる + 左右ﾌﾚｰﾑ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾒﾆｭｰ 17ﾌﾚｰﾑ ﾏｳｽｵｰﾊﾞｰ階層のみの展開/折り畳み+ ﾌﾚｰﾑ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾒﾆｭｰ 26 DHTML、ﾒﾆｭｰﾎﾞﾀﾝ、選択階層のみ展開 + 左右ﾌﾚｰﾑ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みﾒﾆｭｰ 22 WindowsXP風、左ｱｳﾄﾗｲﾝﾒﾆｭｰ。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ｱｳﾄﾙｯｸ 2 Outlook風のﾒﾆｭｰ、ﾏｳｽｵｰﾊﾞｰでﾎﾙﾀﾞｰ展開/折り畳み。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ｸｰﾙﾊﾞｰ Win2000などに搭載中のｸｰﾙなﾂｰﾙﾊﾞｰ、痕跡。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾀﾌﾞﾒﾆｭｰ 17_fr ﾀﾌﾞﾒﾆｭｰ、左詰め1層横展開ｻﾌﾞﾒﾆｭｰ + IFRAME。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾀﾌﾞﾒﾆｭｰ 19 WindowsXP風のﾀﾌﾞﾒﾆｭｰ、横長。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾏｳｽｵｰﾊﾞｰ 24b ﾏｳｽｵｰﾊﾞｰで白背景画像切り替えのﾒﾆｭｰﾊﾞｰ（長）+ 影。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ 折り畳みｺﾝﾃﾝﾂ 9b 左からﾂﾘｰﾒﾆｭｰを引き出し、ﾌﾛｰﾃｨﾝｸﾞ、非IFRAME。 DHTML CSS 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ ﾀﾌﾞﾒﾆｭｰ 20 横長 、ﾏｳｽｵｰﾊﾞｰ展開、背景画像、前回の展開状態を再現。 DHTML CSS 1 ＼^o^／
ｶｰｿﾙ ｱﾆﾒｶｰｿﾙ 2 ﾏｳｽのｶｰｿﾙ画像をﾘｱﾙﾀｲﾑ切り替え。 DHTML CSS 3 =(・。・)=
ﾒｯｾｰｼﾞ ﾒｯｾｰｼﾞｽｸﾛｰﾙ 15 ﾒｯｾｰｼﾞを上へｽｸﾛｰﾙ切り替え、自動ﾀｲﾏｰ。 DHTML CSS 2 =(^。^)=
ﾒｯｾｰｼﾞ ﾒｯｾｰｼﾞｽｸﾛｰﾙ 8 自動ｽｸﾛｰﾙ、ﾏｳｽｵﾝでｽﾄｯﾌﾟのﾒｯｾｰｼﾞﾌﾚｰﾑ。 IFRAME DHTML 1 ＼^o^／
ﾎﾟﾌﾟｱｯﾌﾟ ﾎﾟｯﾌﾟﾒﾆｭｰ 18c ﾊｲﾊﾟｰﾘﾝｸ・画像のｸﾘｯｸで、複数のﾊｲﾊﾟｰﾘﾝｸを、ﾎﾟﾌﾟｱｯﾌﾟWinで開く。 DHTML CSS 1 ＼^o^／
ﾎﾟﾌﾟｱｯﾌﾟ ｺﾝﾃｷｽﾄﾒﾆｭｰ 5 右ｸﾘｯｸで、3D・彩色ｺﾝﾃｷｽﾄﾒﾆｭｰ（ﾘﾝｸﾃｰﾌﾞﾙ）を出現。 DHTML CSS 1 ＼^o^／
ﾎﾟﾌﾟｱｯﾌﾟ ｺﾝﾃｷｽﾄﾒﾆｭｰ 10 右ｸﾘｯｸで、ﾘﾝｸﾃｰﾌﾞﾙをﾎﾟｯﾌﾟｱﾌﾟ表示、ｱｲｺﾝの背景画像｡ DHTML CSS 1 ＼^o^／
Window ｻﾌﾞｳｨﾝﾄﾞｳ Win複数、ｵﾌﾟｼｮﾝ一括指定、Winｻｲｽﾞ個別指定、親Winｽｸﾛｰﾙ位置保持。 DHTML 1 ＼^o^／
Window ｻﾌﾞｳｨﾝﾄﾞｳ 2 Win複数、ｵﾌﾟｼｮﾝ一括、Winｻｲｽﾞ個別指定、ｽｸﾛｰﾙ位置保持。 DHTML 1 ＼^o^／
Window 新しいWinのｻｲｽﾞ、位置 9 ﾂｰﾙﾊﾞｰ、ｱﾄﾞﾚｽﾊﾞｰ無しの新しいWinでｻｲﾄを表示。 DHTML DOM 1 ＼^o^／
画像 ﾎﾟｯﾌﾟｱｯﾌﾟ画像 7a1 画像のｸﾘｯｸで拡大画像をﾎﾟｯﾌﾟｱｯﾌﾟ表示+右ｸﾘｯｸ停止。 DHTML 1 ＼^o^／
画像 ﾏｳｽｵｰﾊﾞｰ画像2a 小画像のﾏｳｽｵｰﾊﾞｰで画像を、ｸﾞﾗﾃﾞｰｼｮﾝ効果切り替え。 DHTML 1 ＼^o^／
画像 Ajax2a ﾍﾟｰｼﾞ中に他ﾍﾟｰｼﾞ（≠日本語、ﾗﾝﾀﾞﾑｽﾗｲﾄﾞｼｮｰ）を表示。 Ajax ActiveX 1 ＼^o^／
画像 ｽﾗｲﾄﾞｼｮｰ 19 ﾎﾟｰｽﾞ・ﾌｪｲﾄﾞ効果・ﾗﾝﾀﾞﾑ可、画像URL任意。　H540xV600。 DHTML 1 ＼^o^／
画像 画像切り替え14 縮小画像の横ｽｸﾛｰﾙ、ｸﾘｯｸで拡大画像などを開く。 DHTML 1 ＼^o^／
画像 画像切り替え18 縮小画像の”縦”ｽｸﾛｰﾙ・選択で原寸画像を表示、ｽｸﾛｰﾙ加速可。 DHTML 1 ＼^o^／
画像 画像切り替え19 DHTML、PHP、小画像一覧から、原寸画像をﾎﾟﾌﾟｱｯﾌﾟ表示。 PHP DHTML 1 ＼^o^／
画像 ﾗﾝﾀﾞﾑ画像 4 ﾍﾟｰｼﾞの読み込み毎にn個の画像をﾗﾝﾀﾞﾑ切り替え。 DHTML 1 ＼^o^／
画像 画像切り替え13 ﾄﾞﾗｯｸﾞで選択した画像の拡大画像を表示、ｽﾞｰﾑ、ｽﾗｲﾄﾞｼｮｳ、回転など。 Flash 1 ＼^o^／
画像 幾何模様vml 回転・遷移・模様・透過・陰影処理のHTMLｿｰｽの生成。 VML DHTML 2　=(^。^)=
画像 変形DirectX 画像などの変形（拡散・ﾌｪｰﾄﾞ・ｽﾋﾟﾝ・遷色） 、HTMLｿｰｽの生成。 DirectX DHTML 2　=(^。^)=
画像 ﾀｲﾑｱﾆﾒ 0a HTML+TIME (Timed Interactive Multimedia Extensions)。 TIME DHTML 2　=(^。^)=
ｹﾞｰﾑ ﾊﾉｲの塔 ﾃﾞｨｽｸを最少回数で移動させる。 DHTML CSS 1 ＼^o^／
ｹﾞｰﾑ 絵合わせ 6 神経衰弱ｹﾞｰﾑ、画像変更可。 DHTML 1 ＼^o^／
ｹﾞｰﾑ ｼﾞｸﾞｿｰﾊﾟｽﾞﾙ ｼﾞｸﾞｿｰﾊﾟｽﾞﾙ、画像多数 DHTML CSS 1 ＼^o^／
ｹﾞｰﾑ ｸｲｽﾞ 2 4択ｸｲｽﾞ、問題の設定自在、答え表示。 DHTML 1 ＼^o^／
ｶﾚﾝﾀﾞｰ・時計 ｶﾚﾝﾀﾞｰ 13 月刊ｶﾚﾝﾀﾞｰ、祝日・行事・ﾊｲﾊﾟｰﾘﾝｸ設定自在、詳細配色。 DHTML 1 ＼^o^／
ｶﾚﾝﾀﾞｰ・時計 時計 4fs 丸時計。ｸﾘｯｸで4色。 Flash 1 ＼^o^／
ｶﾚﾝﾀﾞｰ・時計 Calendar 彩色自在。 ActiveX 1 ＼^o^／
ﾅﾋﾞｹﾞｰｼｮﾝ Ajax4　ﾂﾘｰﾒﾆｭｰ 前回のﾂﾘｰ展開状態再現（ｸｯｷｰ使用）。 Ajax 1 ＼^o^／
色記号 RGB2w HTMLに記述する色記号を獲得、明度指定可。 Java 1 ＼^o^／
色記号 RGB3 ﾊﾟﾚｯﾄで色・明度を指定、16進ｶﾗｰｺｰﾄﾞを取得。 DHTML 1 ＼^o^／
色記号 RGB5 ﾊﾟﾚｯﾄで色・彩度・明度を指定、16進ｶﾗｰｺｰﾄﾞを取得。 DHTML 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ ﾃﾞｰﾀﾍﾞｰｽ 5 ｿｰﾄﾃｰﾌﾞﾙ、ｾﾙの編集 、列、行の追加・編集、CSV、XMLﾌｧｲﾙへの出力。 XML DHTML CSS 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ ｿｰﾄ 4 列項目で昇/降順ｿｰﾄ、名前の前方一致検索できる表。 DHTML CSS 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ ﾃﾞｰﾀﾍﾞｰｽ13 ﾌｨﾙﾀｰ抽出・ｿｰﾄ表、ﾃﾞｰﾀはXMLﾌｧｲﾙに記述。 XML HTC DHTML 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ ﾃﾞｰﾀﾍﾞｰｽ 14 列項目のﾌｨﾙﾀｰ抽出、〃複数ﾌｨﾙﾀｰでの絞り込み可。 DHTML 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ ﾃﾞｰﾀﾍﾞｰｽ 15 ﾌｨﾙﾀｰ（文字列、ｷｰﾜｰﾄﾞ、数値、単位）抽出、複数ﾌｨﾙﾀｰ絞り込み。 DHTML 1 ＼^o^／
検索 ｻｲﾄ内検索 日本Googleで行う、3対象ｻｲﾄから選択、表示件数：100。 DHTML 1 ＼^o^／
検索 ｻｲﾄ内検索a 日本Googleで。検索対象ﾄﾞﾒｲﾝ、表示件数、検索箇所を選択。 DHTML 1 ＼^o^／
検索 音楽家検索 音楽家名、〃の一部でｵﾌｨｼｬﾙﾍﾟｰｼﾞなどを検索 XML DHTML 1 ＼^o^／
検索 ﾏﾙﾁ検索 2 ﾌﾟﾙﾀﾞｳﾝﾒﾆｭｰでｻｰﾁｴﾝｼﾞﾝを選択。　実行ﾎﾞﾀﾝ無し。 DHTML 1 ＼^o^／
編集 ｴﾃﾞｨﾀｰ 5 HTA、ﾌｧｲﾙ操作、ﾌｫﾝﾄ、ｽﾀｲﾙ、縦書き、文字色・〃背景色、など基本完備。 HTA 1 ＼^o^／
ﾊﾟｽﾜｰﾄﾞ ﾊﾟｽﾜｰﾄﾞ8 HTML、ﾕｰｻﾞｰ名 + ﾊﾟｽﾜｰﾄﾞでﾛｸﾞｲﾝ、高機密。 .htaccess 使用 HTML 3 =(・。・)=
ﾊﾟｽﾜｰﾄﾞ ﾊﾟｽﾜｰﾄﾞ 2 Password、指定URLは暗号化、機密確保型 Java Applet 3 =(・。・)=
ｱｸｾｽｶｳﾝﾀｰ ｱｸｾｽｱｶｳﾝﾀｰ Perl、CGI（SSI）、SSIﾃｷｽﾄ ﾓｰﾄﾞ版。　表示背景色、ﾃｷｽﾄ装飾。 Perl、CGI 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ XML Data Island ﾃｷｽﾄﾌｧｲﾙを、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰﾒﾆｭｰに表示。 XML XSL DHTML 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ XML DOM Object ﾃｷｽﾄﾌｧｲﾙを、ﾄｯﾌﾟﾅﾋﾞﾊﾞｰﾒﾆｭｰに表示。 XML XSL ActiveX Object 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ XSL Debugger ﾌｧｲﾙ、XSLｽﾀｲﾙｼｰﾄ名を指定しﾃﾞﾊﾞｯｸﾞできる。 XML XSL 1 ＼^o^／
ﾃﾞｰﾀﾍﾞｰｽ XML妥当性検証 XMLﾌｧｲﾙの構文妥当性をﾁｪｯｸ、要修正箇所を表示。 XML XSL 1 ＼^o^／

　

　

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

各列の文字列の前方一致検索、複数列での絞り込み。　　　　　　DHTML。　　　　　ﾃﾞｰﾀ、表ｻｲｽﾞなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　all 対応。　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。 　　　関連・詳細情報　：　ﾃﾞｰﾀﾍﾞｰｽ15

ﾃﾞﾓは、”画像”や、”ﾒﾆｭｰ”、”1”など任意ﾃｷｽﾄ（全/半角認識、大小文字区別無し）をﾀｲﾌﾟｲﾝ、[Enter]ｷｰなどで、[Go]ﾎﾞﾀﾝでも同じ）。　　

　

< ご使用方法 >

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

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

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

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

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

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

　

(*1) ：　table_filter.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: #F8F5F5 url(''); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F8F5F5 url(''); 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:#FFFFFF; background-color:#01A3AD; text-decoration:underline; }
a:active { color:#FFFFFF; background-color:#02A8AA; 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>

<!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　-->
<!-- ====================================================
- Copy and paste this code in the <head></head>
section
===================================================== -->

<style type="text/css" media="screen">


/*====================================================
- filter classes
=====================================================*/
a.btn{
border:1px outset #ccc;
margin:1px; padding:1px;
text-decoration:none;
color: #4A016F;
background: #F8F5F5 url('../tab_menu12/30tbvl1.gif');
}

a:hover.btn{ color:#8A0027;
text-decoration:none;
}

input.flt{
background: #FFFFFF url('../wttec.gif');
border:1px inset #ccc;
margin:0; padding:0;
width:100%;
font-size:12px;
}

input.flt_s{
background: #FFFFFF url('../wttec.gif');
border:1px inset #ccc;
margin:0; padding:0;
width:80%;
font-size:12px;
}
</style>
<script type="text/javascript" src="0011330.js"></script>
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->  

　

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

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

　

表幅 

背景画像（砂） 
ﾃｷｽﾄ色　ﾀｲﾄﾙ　吹き出し

　

　

ﾃｷｽﾄ色　列ﾀｲﾄﾙ

　

　

　

　

背景画像

　

　

　

　

　

ﾃﾞｰﾀ

以下、同様。

　

　

　

　

　

　

<body>

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<div>
<table id="" width="993" cellspacing="0" border="1" bordercolor="#D8D2E4" style="border-collapse: collapse; margin-top:-12px; margin-left:-8px;">
<tr valign="middle">
<td background="../tab_menu12/30tbsd1.gif"><div align="center">
<font face="MS UIGothic,MS Gothic" color="#015E4D"><b>テーブル フィルター</b>　<a href="user_guide.htm" target="_blank" title="ここをｸﾘｯｸ、使い方を表示します。">Guide</a></font></div></td></tr>
<tr><td>
<table id="" cellspacing=0 cellpadding=2 border="1" width="100%" style="border-collapse: collapse">
<tbody>
<tr>
<th width=108 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">区分</font></th>
<th width=165 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">ｻｲﾄ名</font></th>
<th width=426 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">概要</font></th>
<th width=143 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">ﾃｸﾉﾛｼﾞｰ</font></th>
<th width=123 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">＼^o^／　〔`｡´ 〕</font></th>
</tr>
</tbody>
</table>

<table id="table1" class="mytable" width="993" height="" border="1" cellspacing="0" cellpadding="2" bgcolor="#FFFFFF" style="border-collapse: collapse" bordercolorlight="#E0DEE6" bordercolordark="#E0DEE6" style="background-color:#FFFFFF; background-image: url('../wttec.gif');">

<thead>
<tr>
<td width="106"></td>
<td width="167"></td>
<td width="425"></td>
<td></td>
<td width="124"></td>
</tr>
</thead>
<tbody>
<tr>
<td width="106">ﾆｭｰｽ・ｴﾝｼﾞｮｲﾗｲﾌ</td>
<td width="167"><a href="http://xml-xsl.sakura.ne.jp/list1.html" target="_blank" title="出版、ｴﾝｼﾞｮｲﾗｲﾌ、交通 、地図、ﾙｱｰ･ﾌﾗｲﾌｨｯｼﾝｸﾞ">ﾆｭｰｽ･ﾌｨｯｼﾝｸﾞ</a></td>
<td width="425">出版、ｴﾝｼﾞｮｲﾗｲﾌ、交通 、地図、ﾙｱｰ･ﾌﾗｲﾌｨｯｼﾝｸﾞ</td>
<td>HTML</td>
<td width="124">4 〔`｡´ 〕</td>
</tr>
　

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

<tr>
<td width="106">ﾃﾞｰﾀﾍﾞｰｽ</td>
<td width="167"><a href="../xml_validator_js.htm" target="_blank" title="XMLﾌｧｲﾙの構文妥当性をﾁｪｯｸ、要修正箇所を表示。">XML妥当性検証</a></td>
<td width="425">XMLﾌｧｲﾙの構文妥当性をﾁｪｯｸ、要修正箇所を表示。</td>
<td>XML XSL</td>
<td width="124">1 ＼^o^／</td>
</tr>

</tbody>
</table>
<script language="javascript" type="text/javascript">
//<![CDATA[
setFilterGrid("table1");
//]]>
</script>
</table>
</div>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->

　

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

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