JavaScript

JavaScriptの正規表現がテストできるツールを作ってみた

このツールのUIが好きで・・・ Rubular: a Ruby regular expression editor 結構利用させてもらってたんですけど、微妙に重かったりして、もっと軽いJavaScript向けのやつがないかなと探したんですけど、微妙に使いづらいものが多かったので、経験も兼ねて作…

innerHTMLへscriptタグを突っ込んでscriptタグ内部のJavaScriptをキックする方法

オブジェクト中に単に突っ込むだけで実行されると思ってたんですけど。うんとも寸とも言わないので試行錯誤したメモ。オブジェクト中にscriptタグで挟んだJavaScript突っ込むとDOMとしてパースはしてくれてるようなのだけどキックはしてくれない。alertを仕…

オブジェクトを無理やり配列化できるんだね

今日はRoppongi.jsでjQuery読み合わせ会をやりました。進行の仕方が決まってなくて、結構グダグダで進んでいきましたが、得るものがいくつかありました。その中でも一番興味深かったのがJavaScriptのダックタイピング的性質でした。 var hoge = {} hoge[0] =…

ループ構文で最初の1周目をうまく書く

なんか常識というか慣例にとらわれて変な書き方してました for(i = 0; i < 10; i++){ if(i == 0){ alert("最初だけだよ"); } alert(i + "周目だよ"); } なんかだめな感じがしますね・・・・ これって for(i = 0,(function(){alert("最初だけだよ")})(); i < …

JavascriptとHTMLの絡ませ方3

ドキュメントオブジェクトもオブジェクトなんだからね! 先日からのJavascriptとHTMLの絡ませ方ということで第三弾目。 これも別にたいしたことじゃないんですけど、このやり方が便利にもかかわらず、結構気づかずに使ってませんでした。何かといえば、しょ…

勝手属性でシンプルに書いてみる

JavascriptとHTMLの絡ませ方2・・・・、出来るかな〜と思ってたらできた。使うと意外に便利かもということで勝手属性です。webアプリを作るときは大体、裏側でHTMLを動的に生成して、クライアント側でその値をJavascriptでグリグリイジルというのが普通です…

DOMは常に一意!(画面上でも)

どうもおはようございます。今回はどうでもいいよなことなんですけど、気になったのでちょっと実験してみたことです 何を実験したかというとブラウザ上でのドキュメントオブジェクトの扱いです html <div id="pya">てすとです。</div> javascript var hoge = document.getElement…

JavascriptとHTMLの絡ませ方1

どうもおはようございます。コネタばかりだったので今回はちょっと変えてJavascriptとHTMLの絡ませ方です。 なんかJavascriptの話となると、マニアックな文法とかの使い方とか、山のように出現する便利なライブラリの使い方に終始して、っで全体的にはどうや…

JavaScriptのイベントのバブリングという現象

なんか、存在すらしないかのようにあまり語られることのないバブリングなんで、ちょっとバブります バブリングってなんなの? イベント発生源からドキュメントの親ノード親ノードへとイベントが伝わることらしいですわ つまりイベントハンドラが登録してあれ…

checkboxのonclickのイベントハンドラで補足できるcheckboxはチェックされてるの?

見出しの通りなんですけど <input type="chekcbox" onclick="piyo(this);" /> function piyo(_objCheckbox){ window.alert(_objCheckbox.checked) } 結果は当然なんですけど、押して変化した状態が取れます チェックハズシ状態→クリック→チェック入った状態→function呼び出し ってことですね。馬鹿丸出しなん…