テーブル フィルターa Guide
サイト名 概要 テクノロジー 数値 カテゴリー 洗練度
ニュース・フィッシング 出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング HTML 8100get Web,ツール
コンピュータ・インターネット ダウンロード、用語、FAQ、ツール、Web制作、ショップ、Linux、Win HTML 8200get Win,ツール
音楽・料理 サウンド、♪、CD、定点ライブカメラ、グルメ、料理 HTML 8300get Web,ツール,♪
日記小説 φ(.. ) 日記 - Jazz・釣り・音楽・猫、散文 HTML 8400get Web
太陽風サイトマップ Java JavaScript DHTML XML CSS フレームサンプル・応用方法など。 DHTML 8500get Win,ツール
DHTML Java サンプル Java JavaScript DHTML XML CSS フレームサンプル・応用方法など。 DHTML 8600get Win,ツール
コレクション - Jazz JAZZ CDコレクション+散文 DHTML 50400pnt
コレクション - ワールドミュージック AFRO POP、CDコレクション+散文 DHTML 50410pnt
万華鏡 (^o^) 目眩く、極彩色の絵巻 Java 50420pnt Web,ゲーム
無重力スクランブル ジェット噴射・機銃掃射は半角小文字で。 Java 50430pnt Web,ゲーム
Asteroids 〔`。´ 〕 隕石の襲来を撃墜。 Java 50100hit Web,ゲーム
Asteroids 2 Flash、ゲーム、無重力空間で 、隕石・UFOを撃墜。  Flash 50900hit Web,ゲーム
花火 └|∵|┘ 画面に炸裂する、燦たる絢爛 。 Java 50200hit Web,ゲーム
ホームページ開設入門 使用するエディター、アカウント、アクセスカウンター、画像、JavaScript、CSS HTML 50300hit Web,ツール
ころちゃん ハーボット、\^o^/ 楽しいパズル・ゲーム、いろいろ。 Flash 50400hit Web,ゲーム
ステルス迎撃 (・!・) 停止:p 音:m 始め:s 巡航:mouse 発射:Click Java 50500hit Web,ゲーム
携帯電話 最新情報! キャリアー、方式、型名、市販価格、性能 DHTML,CSS 51600hit データベース,ツール ☆☆
携帯電話 最新情報! キャリアー、方式、型名、市販価格、性能 DHTML,HTA,CSS 52000hit データベース,ツール ☆☆
携帯電話 最新情報! ソート - キャリアー、方式、型名、市販価格、性能 DHTML,CSS 53000hit データベース,ツール ☆☆
Win/Mac関連ソフト index ダウンロード、カテゴリ indexページ Win 54000hit ダウンロード,Win
Mac関連ソフト ダウンロード、Mac関連ソフト Win 4000get ダウンロード,Win
Win関連ソフト・あ〜Z ダウンロード、Win関連ソフトのダウンロード、あ〜Z タイトル検索 Win 4100get ダウンロード,Win
Win関連ソフト・メーカー ダウンロード、カテゴリ メーカー - パッチ、FixPac、ドライバー Win 4200get ダウンロード,Win
Win関連ソフト・ベンダー ダウンロード、ベンダー : ジャストシステム IBM Java Linux Microsoft Win 7000get ダウンロード,Win
Win関連ソフト・MP3 ダウンロード、MP3ファイル(ニュース、ノンパッケージ"♪"サイト HTML 7100get ダウンロード,♪
特許公報の検索方法 IPC、キーワードで国内・米国特許を検索 HTML 7200get ツール,データベース
IPC分類照会 国際特許分類・電気関係、(第8版)一覧 HTML 7200get ツール,データベース
Win関連のショートカットキー Win ie NN Excel Word Outlook WinXP Office HTML 7300get Win,ツール
フォーム 0a 感想などの送信フォーム。 ガイド文字、入力 チェックあり。 DHTML 3450pnt Web,フォーム
フォーム 2d 感想などの送信フォーム。入力必須項目、自由記入。 DHTML 3420pnt Web,フォーム
フォーム 4a 感想などの送信フォーム。 多層選択メニュー(グループ・氏名)あり。 DHTML 3430pnt Web,フォーム ☆☆
フォーム 6 入力必須、グループ・メンバー、チェックボックス、ラジオボタン、ドロップダウン。 DHTML 3440pnt Web,フォーム
フォーム 7 感想・注文などの回答フォーム、全チェック/〃解除ボタンあり。 DHTML 2400get Web,フォーム
フォーム 8 名前、メールアドレスなどを次回起動時まで記憶。 DHTML 2410get Web,フォーム
フォーム 9 ご訪問の足跡、”名前”と”メールアドレス”を送信して貰う。 DHTML 2420get Web,フォーム
URL送信 2a このページのURLを友達などに送る”、ボタン、入力フォーム変化。 DHTML 2000get Web,フォーム
Jazz、Pops検索 JAZZ、POPS:ジャンル、アーチスト、タイトル検索 HTML 2100get ♪,ツール,データベース
Classic検索 クラシック作曲家:作曲家、アーチスト検索 HTML 2200get ♪,ツール,データベース
WebRadio 小Win版、縦列複数プルダウンメニューで選局。 DHTML 2500get
表4 DHTML、影付き枠の表(テーブル)。 DHTML,CSS 2510get Web
表5 凸丸角の表、ストリーミング♪、連続演奏 DHTML,CSS 2520get
FRAME POPUP 右クリックのポップアップメニューでWebページを表示。 DHTML,FRAME 2230pnt Web,ナビ ☆☆
トップナビバー 28if 横長 - 縦横展開、〃 指定 DHTML,FRAME 2330pnt Web,ナビ ☆☆
トップナビバー 26fr プルダウンメニュー風+FRAME、選択痕跡 アイコン。 DHTML,FRAME 2430pnt Web,ナビ ☆☆
トップナビバー 33a 2層、マウスオーバー・クリック中の背景画像付き。    超高速。 DHTML,CSS 56000hit Web,ナビ ☆☆
ツリーメニュー 15aif Microsoft Windows Tree Control 〃、3DRoundBlue、Greenアイコン DHTML,FRAME 2530pnt Web,ナビ ☆☆
ツリーメニュー 29 ホルダー ・サイト行のクリック展開、マウスオーバー背景色、DIVサイズ任意。 DHTML,CSS 5530pnt Web,ナビ ☆☆
タブメニュー 9 ページのタブ選択、選択痕跡付き。 DHTML,FRAME 2630pnt Web,ナビ ☆☆
タブメニュー 12if タブ切り替えのリンクテーブル、文字入れ自在矩形画像 + FRAME。 DHTML,FRAME 2730pnt Web,ナビ ☆☆
全フレームタイプサンプル 左・上・中・下・右、各フレームのバリエーションのサンプル、作成方法。 HTML,FRAME 2830pnt Web
左・中フレーム+ プルダウン +プルダウンメニュー、実行ボタン無しタイプ。 DHTML,FRAME 2930pnt Web,ナビ
上・下フレーム+ プルダウン +プルダウンメニュー、実行ボタン無しタイプ。 DHTML,FRAME 2430pnt Web,ナビ
スタイルシートのリファレンス W3C HTML4.0準拠、スタイルシートのリファレンス。 CSS 1000pnt Web
Filters and Transitions 各種フィルター/変遷の効果のデモとHTML生成。 CSS 1100pnt Web
DropShodow Filter ドロップシャドウ効果のデモとHTML生成。 CSS 1200pnt Web
Alpha Filter Alphaフィルター効果のデモとHTML生成。 CSS 1300pnt Web
Basic Image Filter BasicImageフィルター効果のデモとHTML生成。 CSS 1400pnt Web
トップナビバー 38 横長配置、マウスオーバー展開、Pure CSS(≠JavaScript) CSS 1400pnt Web,ナビ
Win Media Player 4a Win Media Player、[♪]・[-]ボタンのみ。 ActiveX 1500pnt Web,♪
Win Media Player 3 [プレイ]・[ポーズ]・[停止] ボタン付き。ムービー付。 ActiveX 1600pnt Web,♪
BGMオン/オフ 2a BGM演奏”オン/オフ”ボタン。 DHTML 1100get Web,♪
Win Media Player 3a [プレイ]・[ポーズ]・[停止] ボタン付き。 ステイタスバー付。 ActiveX 1200get Web,♪
サウンドプレイヤー 2a ジャンル・曲を選択、パネル、ストリーミング・連続演奏、ローディング表示。 Flash,XML 1300get Web,♪
サウンドプレイヤー 3 曲を選択、複数ファイル連続演奏、パネル操作、ローディング表示。 Flash,XML 1400get Web,♪
サウンドプレイヤー 4a 曲を選択、連続演奏、パネル操作、ストリーミング、ローディング・画像表示。 Flash,XML 1500get Web,♪ ☆☆
サウンド b サウンド演奏、WindowsMediaPlayer(表示)使用。 ActiveX 1600get Web,♪
サウンド a サウンド演奏、WindowsMediaPlayer(シンプル表示)使用。 ActiveX 1700get Web,♪
挨拶 1 同時に小Winを開き、朝、昼、晩の挨拶(Voice)、"♪"演奏。 DHTML 1800get Web,♪
Real Player 左上フローティング、プルダウンメニューでRealAudio選択、Winサイズ可変。 DHTML 1900get Web,♪
ナビバー マウスオーバーで、縦横展開のリンクテーブル。 DHTML,CSS 1010get Web,ナビ ☆☆
トップナビバー 7b MicrosoftのWebのメニュー風。Opera5.x、Win、Mac、Linux DHTML,CSS 1020get Web,ナビ ☆☆
トップナビバー 9 フレーム Win2000風のプルダウンメニュー + 上下フレーム。 Java,FRAME 1030get Web,ナビ ☆☆
トップナビバー 15as XP風、3D、フェード効果、横長、アイコンのカスタマイズ、縮小版。 DHTML,CSS 1040get Web,ナビ ☆☆
トップナビバー 21 3Dアイコン・メニューボタン、プルダウンメニュー風。横長 DHTML,CSS 1050get Web,ナビ ☆☆
トップナビバー 28a MicrosoftのWebのプルダウンメニュー風、横長、Transition指定。 DHTML,CSS 1010hit Web,ナビ ☆☆
トップナビバー 39hフレーム 横長配置ナビバー + 上下フレーム、フレーム越え展開。 DHTML,CSS,FRAME 1900pnt Web,ナビ ☆☆
トップナビバー 39vフレーム 縦長配置ナビバー + 左右フレーム、フレーム越え展開。 DHTML,CSS,FRAME 1920pnt Web,ナビ ☆☆
トップナビバー 40 横長配置、アイコン付き、スキンのリアルタイム切り替え。 DHTML,CSS 1930pnt Web,ナビ ☆☆
トップナビバー 40if 横長配置、アイコン付き、スキンのリアルタイム切り替え。 + IFRAME DHTML,CSS,FRAME 1940pnt Web,ナビ ☆☆
トップナビバー 41_2003 フェード効果、Offeice2003風アイコン。  DHTML,CSS 1040get Web,ナビ ☆☆
トップナビバー 41_ap フェード効果、Apple風アイコン。  DHTML,CSS 1050get Web,ナビ ☆☆
トップナビバー 41_xp フェード効果、WindowsXP風アイコン。 DHTML,CSS 1060get Web,ナビ ☆☆
ツリーメニュー 15a Microsoft Windows Tree Control、3DRoundBlue、Greenアイコン。 DHTML,CSS 1020hit Web,ナビ ☆☆
ツリーメニュー 25 HTC、初期ツリー折り畳み(初期ツリー展開への変更) DHTML,CSS,HTC 1030hit Web,ナビ ☆☆
ツリーメニュー 26fr DHTML、XML、ツリー・ハイパーリンクは*.xmlに記述 + 左右フレーム。 XML,FRAME 1040hit Web,ナビ ☆☆
階層メニュー 3_js 水平、多段展開するリンクテーブル、フレーム越え。 Java 1050hit Web,ナビ ☆☆
折り畳みリスト3c1フレーム 折り畳み/展開表示 + 左右フレーム。アイコン DHTML,CSS,FRAME 1060hit Web,ナビ ☆☆
折り畳みメニュー 7aフレーム 選択メニューのみ、マウスオーバーで展開 + 左右フレーム。 DHTML,CSS,FRAME 1070hit Web,ナビ ☆☆
折り畳みメニュー 11フレーム 選択階層のみ下層が展開、マウスアウトで閉じる + 左右フレーム。 DHTML,CSS,FRAME 1080hit Web,ナビ ☆☆
折り畳みメニュー 17フレーム マウスオーバー階層のみの展開/折り畳み+ フレーム。 DHTML,CSS,FRAME 1090hit Web,ナビ ☆☆
折り畳みメニュー 22 WindowsXP風、左アウトラインメニュー。 DHTML,CSS 1100hit Web,ナビ ☆☆
折り畳みメニュー 26 ボタン、選択階層のみ展開 + 左右フレーム。 DHTML,CSS,FRAME 1100hit Web,ナビ ☆☆
アウトルック 2 Outlook風のメニュー、マウスオーバーでホルダー展開/折り畳み。 DHTML,CSS 1200hit Web,ナビ ☆☆
クールバー Win2000などに搭載中の、クールなツールバー風、痕跡。 DHTML,CSS 1300hit Web,ナビ ☆☆
タブメニュー 17_fr タブメニュー、左詰め1層横展開サブメニュー + FRAME。 DHTML,CSS,FRAME 1400hit Web,ナビ
タブメニュー 19 WindowsXP風のタブメニュー、横長。 DHTML,CSS 1500hit Web,ナビ
マウスオーバー 24b マウスオーバーで白背景画像切り替えのメニューバー(長)+ 影。 DHTML,CSS 1600hit Web,ナビ ☆☆
折り畳みコンテンツ 9b 左からツリーメニューを引き出し、フローティング、非FRAME。 DHTML,CSS 1700hit Web,ナビ
タブメニュー 20 横長 、マウスオーバー展開、背景画像、前回の展開状態を再現。 DHTML,CSS 1800hit Web,ナビ ☆☆
アニメカーソル 2 マウスのカーソル画像をリアルタイム切り替え。 DHTML,CSS 1900hit Web
メッセージスクロール 15 メッセージを上へスクロール切り替え、自動タイマー。 DHTML,CSS 2000hit Web
メッセージスクロール 8 自動スクロール、マウスオンでストップのメッセージフレーム。 DHTML 2100hit Web
ポップメニュー 18c テキスト・画像のクリックで、複数のハイパーリンクを、ポップアップWinで開く。 DHTML,CSS,FRAME 2200hit Web,ナビ
コンテキストメニュー 5 右クリックで、3D・彩色コンテキストメニュー(リンクテーブル)を出現。 DHTML,CSS 2300hit Web,ナビ
コンテキストメニュー 10 右クリックで、リンクテーブルをポップアプ表示、アイコンの背景画像。 DHTML,CSS 2400hit Web,ナビ
サブウィンドウ Win複数、オプション一括指定、サイズ個別指定スクロール位置保持。 DHTML 2500hit Web
サブウィンドウ 2 Win複数、オプション一括、Winサイズ個別指定、スクロール位置保持。 DHTML 2600hit Web
新しいWinサイズ、位置 9 ツールバー、アドレスバー無しの新しいWinでサイトを表示。 DHTML 2700hit Web
ポップアップ画像 7a1 画像のクリックで拡大画像をポップアップ表示+右クリック停止。 DHTML 2800hit Web,画像
マウスオーバー画像 2a 小画像のマウスオーバーで画像を、グラデーション効果切り替え。 DHTML 200hit Web,画像
Ajax 2a ページ中に他ページ(≠日本語、ランダムスライドショー)を表示。 Ajax,ActiveX 2010hit Web,画像 ☆☆
ランダムメッセージ 2 ページ表示毎にメッセージ(小説家の箴言集)を小Winに表示。 HTA 3010hit Web,ツール,データベース
スライドショー 19 ポーズ・フェイド効果・ランダム可、画像URL任意。 H540xV600。 DHTML 2020hit Web,画像 ☆☆
画像切り替え14 縮小画像の横スクロール、クリックで拡大画像などを開く。 DHTML 2030hit Web,画像,ナビ ☆☆
画像切り替え18 縮小画像の縦スクロール・選択、原寸画像を表示、スクロール加速。 DHTML 4000get Web,画像,ナビ ☆☆
画像切り替え19 DHTML、PHP、小画像一覧から、原寸画像をポップアップ表示。 DHTML 4100get Web,画像,ナビ ☆☆
ランダム画像 4 ページの読み込み毎にn個の画像を、ランダム切り替え。 DHTML 4200get Web,画像
画像切り替え13 ドラッグで選択した画像の拡大表示、ズーム、スライドショウ、回転。 Flash 4300get Web,画像 ☆☆
照明画像 2 縮小画像を選択、薄明かり背景に照明画像を表示、スライドショー。 DHTML 8030hit Web,画像 ☆☆
幾何模様vml 回転・遷移・模様・透過・陰影処理のHTMLソースの生成。 DHTML 4400get Web,画像
変形DirectX 画像などの変形(拡散・フェード・スピン・遷色)、HTMLソースの生成。 DHTML,DirectX 4500get Web,画像
タイムアニメ 0a HTML+TIME (Timed Interactive Multimedia Extensions)。 DHTML 4600get Web,画像
ハノイの塔 ディスクを最少回数で、移動させる。 DHTML,CSS 4700get Web,ゲーム
絵合わせ 6 神経衰弱ゲーム、画像変更可。 DHTML 4800get Web,ゲーム
ジグソーパズル ジグソーパズル、画像多数 、分割数可変。 DHTML,CSS 4900get Web,ゲーム
クイズ 3 2〜4択のクイズ、回答時に正・誤表示、問題の設定自在。 DHTML 1000get Web,ゲーム ☆☆
クイズ 2 4択クイズ、問題の設定自在、答え表示。 DHTML 1100get Web,ゲーム
カレンダー 13 月刊カレンダー、祝日・行事・ハイパーリンク設定自在、詳細配色。 DHTML 1200get Web,ツール ☆☆
時計 4fs 丸時計。クリックで4色。 Flash 1300get Web,ツール ☆☆
Calendar 彩色自在、万年。 ActiveX 1400get Web,ツール ☆☆
Ajax4 ツリーメニュー 前回のツリー展開状態再現(クッキー使用)。 Ajax 1500get Web,ナビ ☆☆
スプレッドシートxls Excelシート。 IE4.x〜対応。 ActiveX 1500get Web,ツール
チャート Excelデーターを円、棒、レーダー、折れ線などのチャートで表示。 IE4.x〜 ActiveX 1500get Web,ツール
RGB 2w HTMLに記述する色記号を獲得、明度指定可。 Java 1600get Web,ツール ☆☆
RGB 3 パレットで色・明度を指定、16進カラーコードを取得。 DHTML 1700get Web,ツール ☆☆
RGB 6 パレットで色・彩度・明度を指定、16進カラーコードを取得 DHTML 1800get Web,ツール ☆☆
データベース 5 ソートテーブル、列、行の追加・編集、CSV、XMLファイルへの出力。 XML 4000pnt Web,データベース ☆☆
ソート 4 列項目で昇/降順ソート、名前の前方一致検索できる表。 DHTML 4100pnt Web,データベース ☆☆
ソート 5 タイトルのクリックで、文字列/数値の昇・降順並べ替え、列幅自動。 DHTML 4100pnt Web,データベース ☆☆
データベース13 フィルター抽出・ソート表、データはXMLファイルに記述 DHTML,XML,HTC 4200pnt Web,データベース ☆☆
データベース14 列項目のフィルター抽出、〃複数フィルターでの絞り込み可。 DHTML 4200pnt Web,データベース ☆☆
データベース15 フィルター(文字列、キーワード、数値、単位)抽出、複数〃絞り込み。 DHTML 4200pnt Web,データベース ☆☆
サイト内検索 日本Googleで行う、3対象サイトから選択、表示件数:100。 DHTML 4300pnt Web,ツール,データベース ☆☆
サイト内検索a 日本Google行う、検索対象ドメイン、表示件数、検索箇所を選択。 DHTML 4400pnt Web,ツール,データベース ☆☆
音楽家検索 音楽家名、〃の一部でオフィシャルページなどを検索 XML 4500pnt ツール,♪,データベース ☆☆
マルチ検索 2 プルダウンメニューでサーチエンジンを選択。 実行ボタン無し。 DHTML 4600pnt Web,ツール ☆☆
エディター 10 表作成、画像・ハイパーリンク挿入、フォント・文字色・背景色など。 DHTML 4790pnt Web,ツール ☆☆
エディター 5 HTA、ファイル操作、フォント、スタイル、縦書き、文字色・〃背景色。 HTA 4700pnt Web,ツール
パスワード 8 HTML、ユーザー名 + パスワードでログイン、高機密。 .htaccess 使用 HTML 4800pnt Web,ツール
パスワード 2 Password、指定URLは暗号化、機密確保型 Java 4900pnt Web,ツール ☆☆
アクセススアカウンター Perl、CGI(SSI)、SSIテキスト モード版。 表示背景色、テキスト装飾。 HTML,Perl,CGI 7100pnt Web,ツール ☆☆
XML Data Island テキストファイルを、トップナビバーメニューに表示。 XML 7200pnt Web
XML DOM Object テキストファイルを、トップナビバーメニューに表示。 XML,ActiveX 7300pnt Web
XSL Debugger ファイル、XSLスタイルシート名を指定しデバッグできる。 XML 7400pnt Web,ツール
XML妥当性検証 XMLファイルの構文妥当性をチェック、要修正箇所を表示。 XML 7500pnt Web,ツール ☆☆

 

 

ホームへ       サンプルページ  テーブルフィルターa table_filtera.htm

各列の文字列の前方一致検索、複数列での絞り込み。      DHTML。     データ、表サイズなどのカスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。   関連・詳細情報 : データベース15

デモは、”画像”や、”メニュー”、”☆”など任意テキスト(全/半角認識、大小文字区別無し)をタイプイン、[Enter]キーなどで、[Go]ボタンでも同じ)。  

 

< ご使用方法 >

・ ローカル(=PC)への保存は、table_filter/をクリック開いたホルダーで、table_filtera.htm、user_guide.htm、0011330.js を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。    ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存]−[ファイルの種類] ”Webページ、完全” ……、などで変わってしまったファイル名や、*.html 中のパスは要修正。

・ このDHTMLの実装方法は、table_filtera.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+Rキーで。

・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。  ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。   FTPなどで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号5〃6スタイルシートリファレンスホームページ開設入門。   Web DevelopmentWeb開発IE10 互換性クックブック〃開発者向けガイド、IE API リファレンスIE 開発 > HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点XML〃リファレンスDHTML

 

(*1) table_filtera.htm (例)        挿入先の  <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: #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>サンプルページ  テーブルフィルターa</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_filtera.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

 

表幅
背景画像(砂)
テキスト色 タイトル 吹き出し

 

 

テキスト色列タイトル

 

 

 

 

 

 

 

 

 

データ

 

 

以下、同様。

 

 

 

 

<body>

<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<table width="980px" cellspacing="0" border="1" bordercolor="#B0AEC1" 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="#450059"><b>テーブル フィルターa</b> <a href="user_guide.htm" target="_blank" title="ここをクリック、使い方を表示します。">Guide</a></font></div></td></tr>
<tr><td bgcolor="#EDECEF">
<table cellspacing=0 cellpadding=2 border="1" width="100%" style="border-collapse: collapse">
<tbody>
<tr>
<th width=140 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">名前</font></th>
<th width=417 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">概要</font></th>
<th width=105 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">テクノロジー</font></th>
<th width=59 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">カテゴリー</font></th>
<th width=97 background="../tab_menu12/30tbvl1.gif">
<font face="Verdana" color="#FFFFFF">洗練度</font></th>
</tr>
</tbody>
</table>
<table id="table1" cellspacing=0 cellpadding=2 border=1 width="100%" style="border-collapse: collapse">
<tbody>
<tr>
<td valign=top width=140></td>
<td valign=top width=417></td>
<td valign=top width=105></td>
<td valign=top width=59></td>
<td valign=top width=121></td>
<td valign=top width=99></td>
</tr> <tr>
<td valign=top width=140>
<a title="出版、エンジョイライフ、交通 、地図、ルアー・フライフィッシング" target="_blank" href="http://xml-xsl.sakura.ne.jp/list1.html">
ニュース・フィッシング</a>
</td>
<td valign=top width=417>出版、エンジョイライフ、交通
、地図、ルアー・フライフィッシング
</td>
<td valign=top width=105>HTML</td>
<td valign=top width=59>8100get</td>
<td valign=top width=121>Web,ツール</td>
<td valign=top width=99>▲</td>
</tr>
 

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

 <tr>
<td valign=top width=140>
<a title="XMLファイルの構文妥当性をチェック、要修正箇所を表示。" target="_blank" href="../xml_validator_js.htm">
XML妥当性検証</a>
</td>
<td valign=top width=417>
XMLファイルの構文妥当性をチェック、要修正箇所を表示。</td>
<td valign=top width=105>XML</td>
<td valign=top width=59>7500pnt</td>
<td valign=top width=121>Web,ツール</td>
<td valign=top width=99>☆☆</td>
</tr>
</table>
</table>
</table>
<script language="javascript" type="text/javascript">
//<![CDATA[
setFilterGrid("table1");
//]]>
</script>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->

 

 

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

・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。