メモ: 2008年2月アーカイブ
JavaScriptとCSSを使って、クリックで切替えられるタブメニュー(iGoogleみたいなやつ）を作って見ました。
いわゆるDHTMLです。
↓のタブ２、タブ３をクリックすると、コンテンツの中身が変わります。
(FireFoxではこのページ上では動きませんが、下記のコードは有効です。
下記ソースをメモ帳にコピペして、拡張子htmlで保存してお使いください。
IE6.0SP2 , FireFox2.0で動作確認しました。
<script>
var collection;
function Obj(objContent,objTab) {
this.content = objContent;
this.tab = objTab;
return this;
}
Obj.prototype = {
appear : function(){
this.content.style.display = "block";
this.tab.className = "selectedtab";
},
dissappear : function() {
this.content.style.display = "none";
this.tab.className = "unselectedtab";
}
};
function init(){
collection = [
new Obj(content1,tab1),
new Obj(content2,tab2),
new Obj(content3,tab3)
];
}
function show(i){
for(var j in collection){
collection[j].dissappear();
}
collection[i].appear();
}
</script>
<style>
.selectedtab { background:#66f; color:white;}
.unselectedtab {}
#content1 { display:block; }
#content2 { display:none; }
#content3 { display:none; }
</style>
<body onload="init()";>
<span id="tab1" class="selectedtab" onclick="show(0);">タブ１</span>
<span id="tab2" class="unselectedtab" onclick="show(1);">タブ２</span>
<span id="tab3" class="unselectedtab" onclick="show(2);">タブ３</span>
<br><br>
<div id="content1">コンテンツＡＡＡＡＡＡＡ</div>
<div id="content2">コンテンツＢＢＢＢＢＢＢ</div>
<div id="content3">コンテンツＣＣＣＣＣＣ</div>
</body>
追記 2008/3/14
もっと簡単なやつを作ってみました。
JavaScriptとCSSで作る超シンプルなタブ切り替えメニュー
※ このページは自分用メモなので随時書き換えます。
■コマンドラインでMySQLシェルを呼び出す
C:\>mysql -u ユーザ名 -p
Enter password: パスワードを入力■使用するDBを指定する
mysql>use データベース名;■SELECT文
全て抽出mysql>SELECT * FROM テーブル名;フィールド名を指定
SELECT フィールド名 FROM テーブル名;SELECT ... FROM テーブル名 WHERE フィールド名 = 値;SELECT ... FROM テーブル名 WHERE フィールド名 =値 AND フィールド名=値;
Widows上でApache+PHPを動かしていて、日本語が文字化けしました。
いろいろ調べてみたら、php.iniを書き換えると直ることがわかりました。
下記のページどおりにやったら、見事に直りました。
php.iniの文字コードの設定 - bnote PHPのソースをEUC-JPで保存し、ブラウザへEUC-JPで出力する設定
CGIとかPHPで動的Webサイトを作っていて、HTTPヘッダ(FormのPOSTデータとか)を見たくなることがよくあります。
今まで、秀丸さんが作ったInetSypをインストールして使ってたんですが、操作性がいまいちだったり、横取り丸も別途インストールしないといけなかったり、プロクシの設定が必要だったりとかして、難しくていまいち使いこなせていませんでした。
（たぶん、HTTPヘッダを見るということに特化していないためだと思われます）
で、他にもっと便利なのはないかと探したら、ありました。 \(^^)/
ダウンロードしてインストールするだけで、お使いのIEのウィンドウの下の方に、HTTPヘッダのRequestとResponseが表示されます。
すげー便利！！
