ぶろぐ

日記です

JavaScript

グリッドデザイン

fuelphpで遊んでたら、見た目をグリッドデザインにしたい欲が高まってきたので、jquery.masonryを試してみました。 http://www.takuan.me/lab/grid.php グリッドデザインを適用するjQueryライブラリは、ぐぐってみるといくつか出て来ました。 いくつか触って…

JavaScriptっぽいコード

あれ、なんか読みづらい… findTousenに関数オブジェクトrenderを渡して、コールバック関数的な感じで使ってもらっているところに気持ちよさを感じたい。更にidはrenderクロージャーの中に閉じ込めている点にも気持ちよさを感じる。 var isOpen = []; functio…

適当にjson apiテストするときの雛形

<html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> </head> <script type="text/javascript"> function register() { $.post( "register.php", { "id": $('#id').val(), "mail": $('#mail').val() }, function(data){ alert(data); }, "text…</html>

gistを使い始めた

よし、Tipsはgistを使って溜め込もう。 早速Google MapのTipsをアップしたっす。 https://gist.github.com/2979475 Polylineのひき方との消し方 Markerの作成と消し方 GmapのforEach使って消す Infowindow Markerにイベントを結びつけるけど、その時の方法。…

もくもくもく

いーよーいーよ! 無名関数いいよー! JavaScriptのforeach的な奴は癖があるみたいな感じでちょっとビビっていたけど、連想配列で使うなら問題ないみたい(多分) var bikes = { "T-MAX": {"manufacturer": "YAMAHA", "cc": "500cc"}, "シルバーウィング": {…

jQueryで爆発!

jQuery UIのeffectsを利用してアニメーションをつける。 explodeで爆発! jquery uiをインクルードする必要あり。http://www.moriwaki.net/jquery/effects.html http://stacktrace.jp/jquery/ui/ http://blog.ajin.jp/2008/05/25/jquery-ui-effects-demo-and…

jsの仕様 - ループ内でのオブジェクトの生成

多分、jsの仕様 forとかのループの中でオブジェクトを生成(new Object;)しても、新しいメモリ空間にオブジェクトは生成されない。 多分。 newで新しいメモリ空間にオブジェクトを生成しているつもりだけど、実は同じメモリ空間に上書きしている。 らしいよ…

名前空間

いっこ名前空間作ってそこに全部メソッド置くことに決めた。そして他のページでもそれを読み込み、使えるように。おお、モジュール??一つのネームスペースを作ったら、その空間ではやりたい放題できるからいいかも。

リテラルとは?

プログラムに直接記述するデータ値のこと。

jQueryでJSONデータを受け取る方法

jQueryのpostメソッドを使用して受け取る方法。 説明 JSONデータを出力するページにpostメソッドでアクセスし、データをいただきます。 いただくデータはtypeで指定します。 typeにJSONを指定するとdataはオブジェクトに格納されて帰ってくるようです。 HTML…

JavaScriptでメンバへアクセスする方法は2つある

ドット記法と括弧記法の二種類がある。 ごく普通のドット記法 document.form1.txt1.value="コメント"; 括弧記法 document.form1["txt1"].value="コメント"; ふつーのドット記法が用意されているのに、括弧記法が存在する理由はメンバをプログラム上の文字列…

Flexigrid使ってみました

【ハウツー】わずか数行で"ものすごいテーブル"に! - jQueryプラグイン「Flexigrid」 http://journal.mycom.co.jp/articles/2008/06/25/flexigrid/index.htmlをみながらFlexigrid使ってみました… やっとできた…JSON吐き出すのに苦労した実際に実行 http://18…