getElementsByClass

2008年1月30日

カテゴリー: JavaScript — admin @ 12:08 PM
PLAIN TEXT
JavaScript:
  1. function getElementsByClass(className) {
  2.     className = ' ' + className + ' ';
  3.     var all = document.getElementsByTagName('*');
  4.     var elements = new Array();
  5.     for (var i = 0; i <all.length; i++) {
  6.         if (0 <= (' ' + all[i].className + ' ').indexOf(className)) {
  7.             elements[elements.length] = all[i];
  8.         }
  9.     }
  10.     return elements;
  11. }

SSIを動かす。

2008年1月25日

カテゴリー: apache — admin @ 5:03 PM

環境：FedoraCore6

PLAIN TEXT
CODE:
  1. #vi /etc/httpd/conf/httpd.conf
  2.  
  3. #Options Indexes FollowSymLinks
  4. ↓変更後
  5. #コメントアウトする。
  6. Options Indexes FollowSymLinks
  7.  
  8. AddType text/html .shtml
  9. AddOutputFilter INCLUDES .shtml
  10. ↓変更後
  11. AddType text/html .shtml .html .htm
  12. AddOutputFilter INCLUDES .shtml .html .htm

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

PLAIN TEXT
HTML:
  1. 今日は
  2. <!--#config timefmt="%a, %b %d, %Y" -->
  3. <!--#echo var="DATE_LOCAL" -->
  4. です。

clearfix – IE7対応

2008年1月23日

カテゴリー: CSS — admin @ 7:48 PM
PLAIN TEXT
CSS:
  1. .clearfix {
  2.     zoom:1;/*for IE 5.5-7*/
  3. }
  4. .clearfix:after {/*for modern browser*/
  5.     content: ".";
  6.     display: block;
  7.     height: 0;
  8.     clear: both;
  9.     visibility: hidden;
  10. }

全選択・解除 JavaScript

カテゴリー: JavaScript — admin @ 12:26 PM
PLAIN TEXT
JavaScript:
  1. // 全て選択押下処理
  2. function AllChackInput(objAll){
  3.  
  4.     // 全ての要素に対して
  5.     for(var i=0;i<document>
  6.         //チェックボックスであれば
  7.         if(document.AllCheck[i].type=="checkbox"){
  8.             document.AllCheck[i].checked = objAll.checked;
  9.         }
  10.     }
  11.  
  12. }
  13.  
  14. // 全て選択以外の押下処理
  15. function AllChackOnOut(objMbr){
  16.  
  17.     // チェックボックスのチェックが外れたら『全て選択』のチェックを外す
  18.     if(objMbr.checked == false){
  19.         document.AllCheck.chk99.checked = false;
  20.         return;
  21.     }
  22.  
  23.     for(var i=0;i</document><document .allcheck.length;i++){>
  24.         //チェックボックスであれば
  25.         if(document.AllCheck[i].type=="checkbox"){
  26.             // 『全て選択』以外全てチェックされていたら
  27.             // 『全て選択』をチェックする
  28.             if(document.AllCheck[i].checked==false
  29.                              &amp;&amp;
  30.                document.AllCheck[i].name!="chk99"){
  31.                 return;
  32.             }
  33.         }
  34.     }
  35.  
  36.     document.AllCheck.chk99.checked = true;
  37.  
  38. }

PLAIN TEXT
HTML:
  2. <form name="AllCheck">
  3. <input type="checkbox" name="chk99" onclick="AllChackInput(this)" />全選択・解除<br />
  4. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  5. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  6. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1<br />
  7. <input type="checkbox" onclick="AllChackOnOut(this)" />チェック1
  8. </form>
  9. </div>

定義済みリスト

2008年1月22日

カテゴリー: (X)HTML — admin @ 10:32 AM

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

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

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

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

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

ブラじゃないよ！大胸筋矯正サポーターだよっ！

2008年1月20日

カテゴリー: funny — admin @ 11:57 PM

あけおめな感じ

2008年1月6日

カテゴリー: つれDUれ — admin @ 5:21 AM

あけおめKY（ことよろ）です。

相当日本に行きたい健気なアメリカの女の子です。
youtubeには他にも似たような子がたくさん見受けられますが、僕は日本より海外に行きたいですけどね。

ぁ、あっちの子と同じ考え方か。

彼女のブログです。「マギの夢の道」