JavaScript

ファイルの非同期アップロードを実装してたら, IEでいっぱい怒られたよ

すげー怒られたので, 逆ギレのごとくここにご報告いたします. 気分は先生に怒られた小学生. 「同一ドメインなのにiframeのdocumentを取得出来ませんよ!?」「うっせーなー」 非同期アップロードはform要素のtarget属性を任意のインラインフレームにして実装す…

くるくる回して入力するUIを作ってみた

とある範囲の値を入力してもらいたいけど, テキストボックスじゃ自由度高すぎるし, 範囲が微妙に広いからコンボボックスじゃ選ぶのめんどいなー*1.そんなコトを考えているときに「こんなのどうよ?」と思って作ってみた. とりあえずこんな風になった このペー…

Tabsを用いてタブを切り替えたときに, 入力フィールドにフォーカスさせる

こういうケースが多い気がする*1のでメモ. <ul id="tabs"> <li><a href="#foo">Foo</a></li> <li><a href="#bar">Bar</a></li> </ul> <div id="foo"> <input type="text" /> </div> <div id="bar"> <input type="text" /> </div> $('#tabs').tabs({ select: function(event, ui) { $(ui.panel).find(':input:first').focus(); } }); tabsselec…

jQuery UIのSortableとTabsを併用したときに発生するおかしなのをなんとかする

さっきjQueryを使っていたら少しおかしな症状が出ました. どうやらjQuery UIのSortableとTabsを併用したときに出るっぽい. たとえば下記のコードでタブレイアウトにして, なおかつそのタブを並べ替え可能にする. <ul id="tabs"></ul> $('#tabs').tabs().sortable(); 上記のでは…

childNodesを使わずに子要素を取得する方法

私的メモ. var options = document.getElementsByTagName('select')[0].options; var rows = document.getElementsByTagName('tbody')[0].rows; var cells = rows[0].cells; childNodesとかとあまり変わらないんだけど, 以下のようなケースでは違う. <select> <option value="hoge">fuga</option> </select> …

こんなコトできるんですね

var rows = document.getElementsByTagName('tbody')[0].rows; 知らんかった.

Dateって比較演算できたんだ

知らなかった 便利便利ー. getTimeなんて呼ばなくてもいいんだね. new Date(2008, 6, 2) < new Date(2008, 6, 2); // false new Date(2008, 6, 2) < new Date(2008, 6, 2, 0, 0, 1); // true