getElementByClass

2008/1/30 水曜日

カテゴリー: JavaScript — ぴ @ 12:08:07
function getElementByClass(className) {
    className = ' ' + className + ' ';
    var all = document.getElementsByTagName('*');
    var elements = new Array();
    for (var i = 0; i < all.length; i++) {
        if (0 <= (' ' + all[i].className + ' ').indexOf(className)) {
            elements[elements.length] = all[i];
        }
    }
    return elements;
}

SSIを動かす。

2008/1/25 金曜日

カテゴリー: apache — ぴ @ 17:03:46

環境:FedoraCore6

いじるファイル
/etc/httpd/conf/httpd.conf

いじる部分
#Options Indexes FollowSymLinks
↓変更後
#コメントアウトする。
Options Indexes FollowSymLinks

AddType text/html .shtml
AddOutputFilter INCLUDES .shtml
↓変更後
AddType text/html .shtml .html .htm
AddOutputFilter INCLUDES .shtml .html .htm

SSIテスト動作用スクリプト

今日は
<!--#config timefmt="%a, %b %d, %Y" -->
<!--#echo var="DATE_LOCAL" -->
です。

clearfix [最終版] - IE7対応

2008/1/23 水曜日

カテゴリー: CSS — ぴ @ 19:48:49
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

全選択・解除

カテゴリー: JavaScript — ぴ @ 12:26:36
/*
	javascript
*/

// 全て選択押下処理
function AllChackInput(objAll){

	// 全ての要素に対して
	for(var i=0;i
		//チェックボックスであれば
		if(document.AllCheck[i].type=="checkbox"){
			document.AllCheck[i].checked = objAll.checked;
		}
	}

}

// 全て選択以外の押下処理
function AllChackOnOut(objMbr){

	// チェックボックスのチェックが外れたら『全て選択』のチェックを外す
	if(objMbr.checked == false){
		document.AllCheck.chk99.checked = false;
		return;
	}

	for(var i=0;i
		//チェックボックスであれば
		if(document.AllCheck[i].type=="checkbox"){
			// 『全て選択』以外全てチェックされていたら
			// 『全て選択』をチェックする
			if(document.AllCheck[i].checked==false
			                 &&
			   document.AllCheck[i].name!="chk99"){
				return;
			}
		}
	}

	document.AllCheck.chk99.checked = true;

}
/*
	html

<div>
<form name="AllCheck">
<input type="checkbox" name="chk99" onclick="AllChackInput(this)" />全選択・解除<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
<input type="checkbox" onclick="AllChackOnOut(this)" />チェック1
</form>
</div>
*/

定義済みリスト

2008/1/22 火曜日

カテゴリー: (X)HTML — ぴ @ 10:32:00

さて問題です。
定義済みリスト(<dl> <dt> <dd>)は、ブロック要素でしょうか、それともインライン要素でしょうか。

答えは両方です。
たいていはブロック要素という答えが返ってきますw

どういうことかというと、 <dt>部分がインライン要素で、 <dd>部分がブロック要素になのです。昔のテーブルレイアウトと違って、定義済みリストを使ってフォームレイアウトを組むのが主流になってきた近頃のweb標準では、慣れない人なんかだと、<dt>内で、マークアップが間違ってることが多々見受けられます。<dd>部では<p>要素はOKですが、<dt>部ではインライン要素の中にブロック要素が入るのはNGです。

<p>要素ではなく<span>要素を使うのが正解になります。

テーブルレイアウトからweb標準が段々とスタンダードになりつつある現在ですが、ブロック要素とインライン要素の違いについてきちんと理解できている人はまだな感じが。(そんな僕もまだな感じで…。)

次ページへ »