読者です 読者をやめる 読者になる 読者になる

ウイイレのステータス画面を作成するjQueryプラグインを作ってみた

くだらないもの作ってみました。 こんな感じ とりあえず見たほうが早いかも。 jQuery ウイイレプラグイン WEGraphデモ ↑みたいな感じになります。 ※今更だけど、名前は【WEGraph】より【WEStatus】のほうがよかったな。。。 ダウンロードは こちら 使い方 ス…

死ぬほどはまった、XMLのタグ名に『:(コロン)』が使われていた場合の処理をメモ

くそぉ・・。 なぜこんな単純なことに時間を使ってしまったのか・・・。 XMLをjQueryで処理して、fugafugaするサイトを作ろうとしてました。 XMLといっても、中身はrssなので、 <item> <title>test</title> <link>http://hoge</link> <media:content url="http://www.hoge/test.jpg" /> <media:thumbnail url="http://www.hoge/test.jpg" /> <pubDate>Wed, 03 Jun 2009 19:52:20 GMT</pubDate> </media:thumbnail></media:content></item>

コナミコマンドを導入する jQuery plugin を作ってみた

最近何かと話題の、コナミコマンド。 ちょっと検索しただけでも、色々出てきます。コナミコマンドを仕込む方法 | エンタープライズ | マイコミジャーナル 上・上・下・下・左・右……コナミコマンドで「Googleリーダー」に何かが起こる! - iNSIDE コナミコマ…

mixiアプリなどの opensocial で jQuery を使うには

opensocial-jquery使えばいいらしい opensocial-jquery とは、『open social 向けに改造された jQuery』 ぐらいに意識すればいいらしい。 正確に言うと、『open socialガジェット開発をスムーズに行うことを目的とした、jQueryベースの javascript ライブラ…

jQueryで複数セレクタを and 条件と or 条件で指定するときの指定方法の違いをメモする

はまったのでメモ。 jQuery でセレクタを複数条件で指定したい場合などがある。 例えばこんな場合 <table> <tr> <td class="a" id="1">a-1</td> <td class="a" id="2">a-2</td> <td class="a" id="3">a-3</td> </tr> <tr> <td class="b" id="4">b-4</td> <td class="b" id="5">b-5</td> <td class="b" id="6">b-6</td> </tr> </table>こんなテーブル構造があった場合。 classが"a"、idが"…

jQuery の有名どころのプラグインが safari 3.* 系で動かなかったので、メモ

結果から言うと、jQuery のバージョンを 1.3 にあげて、プラグインのバージョンを全て最新にすれば動いたんだけどね・・・。 動かなかったのは下記のプラグイン jQuery UI Datepicker tablesorter safari はなかなかブラウザテストしてなかったから、発見が…

jQuery でスクロールを表現するプラグイン、【scrollable】にオプションを書き加えてみた

jQuery は色々なプラグインがあります。 多すぎて、もはや把握できていませんが・・・。 要素を div 内でスクロールさせたかったため、 jquery.scrollable-0.13.js を使わせていただきました。いやー。css もついていて、なかなか綺麗にできますね。 (※今回…

jQuery でふわふわ漂う動きを作ってみた

雲がふわふわ左右に揺れるのを作りたかった。 ライブラリでもあるかなーって思ったけど、むずかしくなさそうなので、自分で作ってみた。 function moveRight(my) { var myMarginLeft = parseInt($($(my)).css("marginLeft")) + 20; $($(my)).animate({margin…

jQuery が IE でうごかねぇーーー、って思ったので、メモっとく。

jQuery・・・。 便利だけど、意外と IE でうごかねぇよ・・・。 option の最後に , を書いた場合。 例えばこんなとき $.ajax({ url: "〜〜〜〜", type: 'POST', dataType: 'xml', timeout: 10000, data: { "keyword": "test", }, error: function(){ alert('…

jQuery で width を3方法で取得し、ブラウザ間での違いを見てみた。

jQuery で td の width を取得する際に詰まったのでメモ・・・。 友人にjQueryの内部まで読み解いてもらったりして、かなり苦労した・・・。 jQuery で width を取得する場合。 〜.css("width"); 〜.attr("width"); 〜.width(); などの方法がある。 ほとんど…