日々のアンテナ

CATEGORY PAGE

Category

javascript 1/1

検索中に「検索中」の文字を点滅させる

データ取得中に「取得中」だとか「検索中」の文字を点滅させたい場合の処理です。function blink() {  obj = document.getElementById("srchBlink");  obj.innerHTML = "検索中";  if("visible" == obj.style.visibility) {    obj.style.visibility = "hidden";  } else {    obj.style.visibility = "visible";  }  setTi...

  •  0
  •  0

Windows Vista文字化け対策

Javascriptとは直接関係ありませんが、先日発売され話題のWindows Vista。 対応に追われている方も多いのではないのでしょうか? Windows Vista は、従来OS(Windows XP等)とはフォントデザインを変更し、JIS X 0213:2004の字形を採用しています。 字形の変更によって、様々な問題が生じる可能性があります。 Windows Vistaで入力した文字を従来のOS(XPなど)で表示させると、フォントデザインの変更だけでなく、文字化けする文...

  •  0
  •  0

form部品は数によって処理を分岐する

チェックボックスのチェックされている数を数えたり、テキストボックスの入力チェックをしたりとform elementの入力チェックではJavascriptを良く使います。 そして、JSPなどで行を自動生成するパターンだと、同名の部品数が可変になったりして、チェックはさらにややこしくなります。 たとえば、 あいうえお こんな表があるとします。 でも あいうえおかきくけこ になる可能性もあります。可変だからです。 <form name="myfo...

  •  0
  •  0

javascript デバッガ

javascriptのデバッグってどうしてますか? そんなに複雑なプログラムを組むわけじゃないのでalertでいちいち変数を表示するという方法でもあまり困らないと思うのですが、DOMだったりAjaxにtryし始めるとやっぱりデバッガがほしいなあと思います。 もともとFireFoxのプラグインである、Venkmanを使用していました。 Venkman早わかりを読めばたいていわかると思いますが、ステップ実行、変数の値をウォッチなど、たいていの機能が...

  •  0
  •  0

IEでのgetAttribute,setAttributeのバグ

DOMでオブジェクトを特定したり、変更するのに使用するgetAttribute、setAttributeメソッドですが、一部IEにバグがあります。 以前散々悩んだので書いておきます。 たとえば、class名を取得したいとき、 element.getAttribute("class");だと、IEでは取得できません。 IEの場合には element.getAttribute("className"); getAttribute("String")のStringには属性名がくるので、実際にはclassが正しいのですがIEのバグです・・・ ま...

  •  0
  •  0

Javascriptでtry-catchを使う

Javascriptでtry-catch構文が使えるって知らない人が多かったので書いてみました。 (最近じゃAjaxでほぼ必須だから認知度高いかもしれないけど。) try{エラーをキャッチしたい処理内容}catch(e){エラーをキャッチしたら行う処理内容} プログラミング言語に慣れている方はすんなり受け入れられると思いますが、どんなプログラムでもこの例外処理が大変重要です。 Javascriptではそんなに厳しく例外処理をする必要ないかもしれな...

  •  6
  •  0

form部品の初期値を取得する

たとえばテキストボックスの値を変更した場合のみ入力チェックを行うとか、初期値と比較して処理を行うことって多いと思います。 初期値を取得するには、default○○を使います。 Form部品の種類によって使えるプロパティが違います。 input type="text",textareaの場合 defaultValue optionの場合 defaultSelected input type="checkbox"の場合 defaultChecked 例:もしテキストボックスの初期値から変更があった場合はアラートを...

  •  0
  •  0

Javascriptでオーバーロードを実現する

JavaをやっていてJavascriptを触ったりすると非常にごちゃごちゃになります。 よくやるのが for(int i = 0;・・・ という風に、intなんて思わず使っちゃったり。 これは置いておいて、JavascriptではJavaでいうオーバーロード(引数の数や型が異なるメソッドを宣言すること)ができません。 fooというメソッドがあった場合、Javaなら foo(String str,int i)と foo(String str) foo(int i,int j)が宣言することができ、引数の型...

  •  1
  •  0

配列を数字順にソートする。

Array.sort()って、文字コード順に並び替えをします。 だから例えば myArray = new Array("1","2","11"); とすると、 myArray.sort(); 結果: 1,11,2になってしまいます。 これを数字順にするにはソートの引数に比較関数をセットします。 Array.sort(比較関数); でも比較関数って何?って思いますよね。 比較関数とは2つの引数を持ち、 引数1が引数2より小さい場合は負の整数、 同じ場合は0、 引数1が引数2より大きい場合は正の...

  •  0
  •  0

配列からある要素を削除する

JavascriptでArray.deleteって探してもないので、ちょっと途方にくれちゃうけど、 spliceを使えば簡単に配列から要素を削除できます。 (置換するメソッドを削除に使うなんて最初はなかなか気づきにくいですよね。) Array.splice(開始番号,削除する要素数); 例: myArray = new Array("red", "green", "blue", "yellow"); myArray.splice(1,2); 結果: red,yellow 注意: インデックス番号は0からです。 応用: この中でgreenだ...

  •  8
  •  0