JavaScript

CheckboxをjQuery上でCheckedの状態にするには

$('CHECKBOX_NAME').val(['CHECKBOX_VALUE']); でCHECKBOX_VALUEの値が同じならチェックボックスにチェックがつく。 そうでなければ、つかない。

Select optionの値取得についてのメモ

選択したOptionのlength(index)の値を取得する index = select_element.selectedIndex; で、その値を利用して、 value = select_element.options[index].value; で、とれると。

selectエレメントを作成したあと表示させたい時はposition:absoluteでおk

なので //element作成 select_element = document.createElement('select'); //座標指定できるように。これがないとどっかの領域に適当に表示される。 select_element.style.position = "absolute"; //座標指定 select_element.style.left = "100"; select_e…

なぜかわからないけどAsyncをTrueにしておくと、ERRORが返ってくるなり。

Falseにして解決。 いわゆるSTATUS=4(error/action completed) とRESPONSE TEXT = "" or 0な感じ。 以前は問題なかったけど、環境の差異はSSL限定ってところ?他に何か違いがあるかな。 探し中。

Canvasでお絵描きはちょっとおもたいなりよ。

iPhone4でもそうなのかな。 最低限のcanvasだけでもそもそもセンサーが一定以上の早さの時に軌跡を追うのをやめちゃうよ。でもって、イベントハンドラーでアングルを取得するのがあったのでそれをメモメモ。 window.onorientationchange = function () { swi…

jQuery.UIBlockを使うために必要な事

<meta name = "viewport" content = "width = 1000, user-scalable = yes"> 全体画面のサイズが一画面よりも大きい場合は、viewportのcontentでサイズ指定しなきゃだめだよって話みたい。</meta>

jBlockUIは使いやすいー

と、メモだけ。と、リンク

数値の計算をさせると何で小数点以下の値がおかしな値に?

と、ちょっと調べてみたら、浮動小数点の計算結果を2進数に変換した段階で一致しないとそういった値が表示されるとあったのだけど 具体的な計算がイメージできないのでとりあえず解決方法を。と、おもったら仕様だったんだ。 数値をx10(^小数点以下桁数)…

Canvasのサポート状況 on android

http://developer.android.com/reference/android/graphics/Canvas.htmlさてさて、次はAndroid de Canvas! :D

背景画像のサイズ上限は>=3x1024x1024@1image?

ほんとにそうっぽい。 それと、きちんとcssでwidthとheight指定してあげないと、画像が存在していても 表示範囲をみてくれない。 それと、なぜかしらないけれど全部の画像をpx指定しても、うまくいかない。 jqueryで表示させる方法を考え中。 body { backgro…

ブラウザ側でのデバッグの方法

Config -> Safari -> Developer -> Debug Console ON するとほんとにエラー出る!偉い。

EventListnerで作業させるとすごく遅いよ。。なんで?

ループさせてオブジェクト探して一斉処理させる方がずっと早い。 ここにイベントリスナー定義するよりも。 たかだか数十のオブジェクトでこうなら、、、どうなんだ?(笑

Canvasオブジェクトの中身を消去するには。

var ctx = canvas.getContext("2d"); ctx.clearRect(0,0,100,100); みたいな感じで範囲を指定して塗りつぶしてやると消せる。 他の方法もありそうだけど、いまのところ分からない。

Canvasのオブジェクトを選択するのに、jQueryで呼び出しするとだめ?

なんでかしらないけど new canvas = $('#objectID'); は、だめで new canvas = document.getElementById('objectID'); だと、OKみたい。

非同期通信でタイミングがずれる

$.getや$.postを今までつかってみてたけど、 それが原因でelement作成のタイミングがエラくずれるので挙動がきちんとしないことが多かった。(element作成前にevent handlerが宣言されてみたりとか。。。) うーむ。こんなバグをさっさと見つけられないとは…

cssの使い方ってなんでこんなんなの?

例えば、top値変えたいときに $('#objectID').css({top:"VALUE"}); なのに、font-size変えたいときは $('#objectID').css("font-size", SIZE-VALUE); でもって、TOP値をattrで取得できるのに、 $('#objectID').attr("top"); TOP値をattrで変更できない $('#o…

入力フォームの値の変更方法 on jQuery

.val()で入れればいいだけじゃないかーー! ってことに今更気づいたっていうかど忘れなう。 $('TARGET_FORM_ID').val("INSERT_VALUE or VAR");

Mouse Gesture Sample

http://navigation.hohli.com/

Formを同時に移動させる場合はLayerに全部のElementをくっつけて移動させたら楽。けどその後の選択はめんどくさい。

例えばCANVASをLayerにくっつけた場合、カーソル座標が同期できないので別途Layerを用意する必要があり、 さらに、INPUT TEXTなんかはselectできないので(CreateElement、AppendChild後に)別途onclick指定をし、this.select()というようにしてあげないとク…

PNGファイル書き出しの注意事項

PNGファイルをCanvasからtoDataURLで出力すると、そのデータはdata:から始まるテキストベースに出力されブラウザで即座に扱える画像データとして出力される。 そのデータはブラウザでimg.srcとして指定するだけで使えるけれど、それをPNGファイルとして書き…