Ta-kaku.jp Tools
Update 2010/02/06
技術メモ内容
トップページ
ハードやソフトの技術メモです。 ほとんど、個人の備忘録のレベルですので高度なことは書かれていません。 皆様に少しでもお役に立てれば幸いです。
MENU
CSS
サイト更新情報
2008/10/18
「Ta-kaku Tools 住所検索・郵便番号検索・事業所名検索・駅検索・電話局番検索」を Ver2.202 にリビジョンアップしました。
更新内容は以下の通りです。
・「xxx1丁目」の様に「全角の数字」と「丁目」が続いている文字列が入力されると検索できない事がある不具合を改修しました。
2008/10/01
Ta-kaku Tools Whois検索 Ver1.000をリリースしました。
2008/09/30
「Ta-kaku Tools 住所検索・郵便番号検索・駅検索・電話番号(局番)検索 」を Ver2.201 にリビジョンアップしました。
更新内容は以下の通りです。
・電話番号(局番)検索機能を正式版にしました。 ・無効な数値に対して住所の検索を行っていた処理を改善しました。 ・局番0120指定でGoogleMapがおかしな場所を示していた不具合を修正しました。 ・「東京駅駅」のように入力されると、関係の無いデータが出力される不具合を修正しました。
過去の情報
関連キーワード
技術メモ インデックス
カテゴリーを選択してください。
インストール
プログラミング言語
マークアップ言語
データベース言語
スクリプト言語
MS-Office
その他
Webアプリケーション
の開発方法
CSS 技術メモ
追加日時の新しい方から掲載しています。
シンプルなCSS切り替え
登録日:2008/10/07   分類:Webデザイン
画面の状態をCSSファイルを切り替える事でリアルタイムに変更します。
サンプルでは、以下の3つファイルを使用します。
test.html のコンボボックスを切り替えると、バックカラーが変更されます。

/* style1.css */
body
{
    background-color: red;
}

/* style2.css */
body
{
    background-color: blue;
}

<!-- test.html -->
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style1.css" id="test_id">
        <script type="text/javascript"><!--
            function test_function(pStyle)
            {
                document.getElementById('test_id').href = pStyle;
            }
        // --></script>
    </head>
    <body>
        <select onchange="test_function(value);">
           <option value="style1.css">スタイル1</option>
           <option value="style2.css">スタイル2</option>
        </select>
    </body>
</html>
PR