javascript

HTML5 DnDでハマってしまったんです

うん、基礎知識が足りないんでしょうね。。 これで動く。 <div id="drag"> <div draggable="true">a</div> <div draggable="true">b</div> <div draggable="true">c</div> </div> $("#drag div").on("dragstart", function(ev){ // ev.preventDefault(); console.log("dragstart:"+$(ev.currentTarget).text()); ev.originalEvent.dataTransfer.setDat…

jQuery MobileのEventの発生順

ちょっと自分でやってみた <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore.js"></script> <script type="text/javascript"> function l(s) { if (s.…</head></html>

Backbone.Model/Collectionのメソッドとして利用できるUnderscore.jsのメソッド

sortBy,map,pluck,filter,groupBy,pick.omitとか使える。いくつか試してみた。 backbone.js v1.0.0 function l(s) {console.log(s)}; function a(s) {alert(s)}; l('Underscore in Backbone.Collection'); var coll = new Backbone.Collection(); coll.add([…

Backbone.jsの基本

細かいことはサンプルコードで、ということで…… backbone.js v1.0.0 function l(s) {console.log(s)}; function a(s) {alert(s)}; l('*****start*****'); l('*****Backbone.Model*****'); var Todo = Backbone.Model.extend({ defaults: { title: '' ,comple…

Backbone.Collection.addでmergeするところがちょっとよくわからなかったんです

var collection = new Backbone.Collection; collection.add([{id:1, name:'dog'},{id:2, name:'cat'}]); l(JSON.stringify(collection)); collection.add([{id:1, name:'dogdog'}], {merge:true}); l(JSON.stringify(collection)); これで [{"id":1,"name":…

jQuery Mobileでクリックしたliの背景色を変えたいんです

ui-bar-xクラスを一旦全てのliからremoveしてからクリックされたやつにaddする。

jQuery Mobileでポップアップの中にcolumntoggleなtableを表示したいんです

普通に書けば普通にできる。私は普通ではなかったのでハマった…… ただしカラム選択用ボタンはダメ。1画面1ポップアップとかそんな感じの制限があるっぽく、カラム選択ポップアップを表示すると元のtableを表示していたポップアップの方が消える。data-dismis…

jQuery Mobileのラジオボタンを選択解除できるようにしたいんです

やり方によるが、「二度押し」で解除させることができなくてハマった。 「もうお馴染みのラジオボタン」は1度選択したら最後解除できない、というのは利用者としてもおおむね常識だと思う。むしろ選択解除できるようにしたいものはプルダウンリストを使う。 …

jQueryMobileのliのカウントバブルを他のタグで使いたいんです

li内でui-li-countクラスを付加したspanを書けばカウントバブルになる。この例は探せばいくらでも出てくる。 ただ、それ以外のタグの例となるとほとんど無い。StackOverflowで検索しても、要するにあり合わせのクラスを指定して何とかする例しか見つからなか…

jQuery Mobileのポップアップ内の選択結果を親画面に反映したいんです

よくあるやつ。よく見るのはwindow.openerがどうたらっていう書き方。 jQuery Mobileのポップアップウィジェットは同一html内に書いてあるものを擬似的にポップアップさすだけなのでwindow.openerもくそもない。 なのでごりごり書くしかないと思われる。 <div data-role="page"> <div data-role="header">he</div></div>…

jQueryをざっくり勉強

jQuery基礎文法最速マスター - to-R make a record of…: jQuery親要素、子要素、兄弟要素取得のまとめ animate(params, [duration], [easing], [callback]) - jQuery 日本語リファレンス jQuery⇔DOMオブジェクト変換 | nasec blog このへんを知っていれば「j…

JavaScriptをざっくり勉強

1個前のエントリであんなこと書いておいて2週間以上放置かっこいいです>< 高校生の時でしたか、HTMLを自分で勉強してじゃあ次ってことでJavaScriptの本を買って勉強しましたが、1時間もせずに挫折しました。 時を経て仕事で使うために勉強し直しましたが、…