rubyの例から。 str = "hello, world" if str =~ /hello, (.+)/ puts $1 end これで、「world」が出力されます。 これと同じことをjavascriptでどうやるか、ずっと分からなかったんだけど、ひょんな事から知ることが出来ました。 var str = "hello, world"; …

jQueryは1.2から使い始めて、その後新しいリリースに追いつけていない。 ちゃんと勉強しようと思い、まずはリリース状況を把握することにしました。 2011.5.3 jQuery1.62011.3.31 jQuery1.5.2 2011.2.24 jQuery1.5.1 2011.1.31 jQuery1.52010.11.11 jQuery1.…

なんかの役に立つかもしれないので、メモ。 activeBtnClass:string activePage:object activePageClass:string addResolutionBreakpoints:function ajaxFormsEnabled:boolean ajaxLinksEnabled:boolean button:function changePage:function checkboxradio:f…

jQuery mobileを使っていると、ページ遷移後のdivにはidが自動的に振られる。 <a href="/sample/next.do?init=true&param=x">次へ</a> こんなURLだと、idはそのまんまで <div data-role="page" id="/sample/next.do?init=true&param=x"> になります。 とある事情から、このdivを取得して操作する必要が出たので、このように書きました。 var page = $('#/sample/next.do?init</div>…

いい感じのサイトを見つけて使うんだけど、使い捨てになってメモしておくのを忘れてしまう。。 ちゃんとメモしよう！ ぐるぐるのジェネレートサイト ぐるぐるの正式名称はスピナーアニメーション（spinner animation）というらしい。 http://www.ajaxload.in…

メモメモ。 var ary = []; alert(ary instanceof Array); typeofだとaryはobjectってなのるのに、instanceofを使うとこの場合trueになるんだね。ま、全然違うものなんだろう。

ここを読んで。 http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/ フォームのinput要素のname属性とid属性は同じ値にしましょう <input type="text" name="a" value="hello, world"> というHTMLがあって、次のようなjavascriptを書いたとする…

後輩に質問されて作ったのでUPしておきます。Javaならすぐ書けるのにjavascriptだとちょっと焦りますね。一応先輩としての威厳は保てたはず。 String#toUpperCaseは単に全ての文字を大文字に変えるだけですが、引数で指定された文字だけを大文字にするように…

初めてのJavaScript作者: シェリーパワーズ,Shelley Powers,武舎広幸,武舎るみ出版社/メーカー: オライリージャパン発売日: 2007/05メディア: 単行本購入: 5人 クリック: 87回この商品を含むブログ (82件) を見る 後輩に借りて読んだ。非常にコンパクトにま…

以下は3が返って欲しいんだけど1になるんですねぇ。。 "100.0".match(/\d+/).length そもそもmatchの戻り値って何だろうと思って調べると・・ typeof "100.0".match(/\d+/) stringではなくobjectらしい。もっというとこれは配列です。つまりさっきの1ってい…

こんなコードを書いている場合に要注意。valueが1の時は「その他！」ではなく「true！」と表示されてしまいます。 if(value == true) { alert("true！"); } else { alert("その他！"); } これを見てミソ。 alert(1 == true); これ、trueが返ってきた。ワォ！…

javascriptでは組み込みで数値フォーマットするような関数は無いみたい。 で、調べてみたところ手軽なサンプルはこれ。正規表現は奥深いなぁ。 http://wiki.type33.com/javascript var numberFormat = function(num){ return num.toString().replace(/([\d]+…

document.getElementById("select").focus() こんなjavascriptを組んだら、 フォーカスをコントロールに移動できません。コントロールは表示されていない状態、またはフォーカスを受け入れない種類です。 こんなメッセージとともにjavascriptエラーとなった…

文字型の数字を数字型へ（正確には整数に）変換するにはparseInt関数を使う。 parseInt("2.2"); parseInt(2.2); 文字型のものだけでなく、数字型のものを渡してもいずれも「2」が返ってきます。うん、便利。 しかしながら、以下のケースでは嬉しくない結果が…

こういうhtmlがあった時に、 <input type="text" name="txt" id="txt"> <span id="spn"></span> txtの内容をspnに移動するには、 document.getElementById('spn').innerHTML = document.getElementById('txt').value; とすればいける。 ただし、上記では不十分。innerHTMLに代入する場合はhtmlEscape処理が必要となる。とい…

以下のようなhtmlがあったときに、 <div> <input type="text" name="txt"><br> <input type="checkbox" name="chk" value="true"><br> <input type="radio" name="rdo" value="false">false <input type="radio" name="rdo" value="true">true<br> <select name="sel"> <option value="false">false</option> <option value="true">true</option></select></div>

いいライブラリがあるのかもしれないけど、今回のプロジェクトでは使えないので、自作。 function htmlEscape(str) { return str.replace(/<|>|&|'|"|\s/g, function(s){ var map = {"<":"&lt;", ">":"&gt;", "&":"&amp;", "'":"&#39;", "\"":"&quot;", " ":…

var ary = []; ary.push('a'); ary.push('b'); ary.push('c'); ary = []; 「a」「b」「c」を追加した後、再度新たな配列をaryに代入する事で再初期化される。 けど新たに生成するのも気が引けるし、前のインスタンスをGC頼みにするってのもなぁ。 ・・・と思…

今日初めてJavaを組んでいる時に、JRubyもしくはJava6のVM上でjavascriptが動くやつが使いたいと思った。理由はタイトルにあるように、Javaでevalが使いたい！と思ったから。eval相当を自分で組むのは嫌だ〜。

これらはオブジェクトに含まれるプロパティを調べる時に役立ちます。for-inはよく使うんだけど、if-inは久々に使うことになったので、思い出すのに時間がかかってしまいました。というわけでいつものように忘れないためにメモ。 var obj = {name : "hatena",…

http://blog.livedoor.jp/dankogai/archives/51172176.html こんな方法思いつきもしませんでした！ 単にn回繰り返すんではなくて、1ビットずつシフト演算するからlogN回の繰り返しで実現されている、と。すごー。

XMLHttpRequestを利用したAjax通信では、同一ドメイン以外へのHTTPリクエストの発行が許可されていない。例えば自ドメインがlocalhostなのに、http://www.google.co.jpにアクセスするなんてことは一足飛びにはできないわけです。 というわけで通常はクライア…

jQueryのeachは便利なのでよく使います。 $.each(ary, function(){ alert($(this).val()); }); ただ、indexが欲しい時はこんな風にしてた。 var i=0; $.each(ary, function(){ alert(i + ' : ' + $(this).val()); ++i; }); しかしもっと簡潔に書けた！素敵だ…

こんなHTMLがあった時に、最初の3つに対してのみ、とあるクリックイベントを設定したいという時がある。 <button id="btn1">ボタン1</button> <button id="btn2">ボタン2</button> <button id="btn3">ボタン3</button> <button id="other">関係ないボタン</button> そんな時、jQueryのselectorを使ってこんな風に設定できたらなぁと思っていた。が、こういうワイルドカードを…

http://phpspot.org/blog/archives/2009/01/jquery13.html また触ってみようっと。 追記 2009/1/20 jQuery日本語リファレンスも1.3対応されている！仕事が早い！！脱帽です。 http://semooh.jp/jquery/cont/doc/release_1.3/

「もともと設定されているイベントハンドラをすり替える」を改良してみようと思います。この時のヤツはもともと設定されていた関数の変わりに自分で定義した関数にすり替えるというものでしたが、今回のはもともと設定されている関数も実行されるんだけど、…

次のようなHTMLがあったとする。 <button id="hoge" onclick="hogehoge();">click!</button> このボタンをクリックすれば当然hogehoge関数が実行される。 これを、HTML上のonclickを直接書き換えること無しに、fugafuga関数が呼ばれるようにすり替えたい。 jQueryのメソッドを調べていたらunbind/bindというの…

http://phpspot.org/blog/archives/2009/01/alertjqueryjque.htmlこれはよさそう。 別にjavascriptのalertとかconfirmでいいやんと以前は思ってたんだけど、多国語対応アプリケーションを作った場合、confirm関数実行時のボタン「OK」「キャンセル」の「キャ…

HTTPレスポンスヘッダのcontentType JSPの先頭には次のような1行を書くのが通例だ。 <%@ page contentType="text/html; charset=Windows-31J" pageEncoding="Windows-31J" %> このcontentTypeの部分が最終的にはHTTPレスポンスヘッダに展開される。 機種依存…

$('#sel').children(':selected').each(function(){ 処理 }); ってやると、複数のオブジェクトが取得できている場合、取得順にぐるぐる回るわけですがこれを逆向きに回したい。 普通のfor文なら for(var i=ary.length-1; i>=0; i--) { } こんな感じで逆から…