jQuery
jQueryUIのダイアログに表示されているものをブラウザの機能を使って印刷しようとしたんだけど、ダイアログの裏側のものまで印刷されてしまう。CSSでなんか出来るっぽいんだけどよくまとまった情報がなかったのでjQueryのプラグインを探してみた。そしたら、…
ドラッグ＆ドロップを行うにはjQuery UIの以下のサイトから Download Builder | jQuery UI UI core Draggable Droppable の3つにチェックをつけてダウンロード ドラッグ＆ドロップで参考になったサイト jQuery UIのドラッグ＆ドロップ(と複数選択)の解説 jQu…
jQuery UIとjqTransformを使ってるときに、jqTransformのセレクトボックスってHTMLのselectタグを使うのではなく、divとul,liタグを使ってきれいなスタイルを適用するようになっている。しかし、jQuery UIのダイアログ(Dialog)のスタイルはoverflow: hidden…
何て言えばいいのやら。とにかく、こんなSelectorを使うと非常に処理が重い。 // 選択された行(tr)の数だけ繰り返す処理 // for (〜) { // 2つ目のtdのdiv要素を取得 $('td:nth-child(2) div'); たしか、HTMLはこう。 <table> <tr> <td>金額</td> <td><div>1,000</div></td> </tr> // 省略(以下、同じよう</table>…
$('<div>hello</div>') こんな感じで、HTMLをjQueryのオブジェクトにすることがよくあるけど、渡してるHTMLが巨大になってくるとこの処理って意外とコストがかかる処理らしい。さっき、下コードのような感じでロードしたHTMLを元にjQueryUIのダイアログを作ろうとしてた…
今回RESTのサービスを使っていて、そのインターフェースはJSONになっている。リクエストもレスポンスも。サーバ側(Java)では、JSONICというJSONライブラリを使っていて、JSON形式の文字列をJavaのオブジェクトに変換したりまた、その逆を行ったりしている。 …
今回やりたかったのは、テーブルの行を表示・非表示させるというもの。show(), hide()で制御するんだけど、押した瞬間にすでに表示済みかどうか判断するのにis(':hidden')で判断していた。こんな風に var row = $("#row1");// <tr>のオブジェクトを取得 if (row.</tr>…
こういう↓ プルダウンの選択肢を自動で設定したいとき、いままで $('select[name=city] option[value=0001]').attr('checked', 'checked'); こんな感じでselectボックスのoptionの値が〜だったやつをattrでchecked属性追加！なんて面倒なことやってたんだけ…
今回のシステムではIE6でも動かなきゃダメってことになったんだけど、IE6では日記タイトルのような問題が発生してしまう。 こんな感じで↓ 画面下に見えてる小さいダイアログの上に、裏側のプルダウン（セレクトボックス？)が見事に前面にでてきちゃってます…
id:stokiwaくんにjQuery.ajaxSetupってのがあるよって教えてもらった。ありがとうv $(document).ready( function() { // ajaxの通信の初期化 $.ajaxSetup( { type: 'post', beforeSend : function(XMLHttpRequest) { // 送信前の処理 // alert('送信します(…
id:acotieさんのサイトを参考にDatepickerを日本語対応させてみた。 jQuery UI datepickerのメモ - iDeaList::Writing うぎゃー。おしい。 「20097月」って微妙な見た目。「2009年7月」じゃないの。ui/i18n/ui.datepicker-ja.jsに日本語表示するための記述が…
ということを、やってたんだけど。うまくいかない。で、よくよく見てみるとモーダルダイアログの後ろに、カレンダーが表示されていた。ということで、CSS（ui.datepicker.css）を以下のようにすると解決。 .ui-datepicker { width: 17em; padding: .2em .2em…
忘れそうなのでメモ。 こんな感じで作ったFlexigrid。 $('#id_my_table').flexigrid({ url: '', procmsg: 'Loading...', usepager: true, useRp: true, rp: 10, // ・・・略 }); flexReloadを実行することで、前回出したリクエストもう一度行い、テーブルの…
昨日は、ダイアログの中に、niceformsを表示しようとした。 2009-06-10 - ありの日記 今日もがんばってみようと思ったが、早々に挫折。niceformsの代わりにjqtransformというやつを使うことに変更。 Opensource - AJAX - Jqtransform - jQuery form plugin …
今日は、jQuery UIのダイアログの中に、niceformsというフォームを格好良くしてくれるライブラリを使って綺麗なフォームを表示させることにした。 http://www.emblematiq.com/projects/niceforms/ なかなか綺麗なフォームにしてくれる、が、ダイアログの中に…
Flexigridというのがあるみたい。 http://www.flexigrid.info/ 検索すると結構でてくるね。 http://journal.mycom.co.jp/articles/2008/06/25/flexigrid/index.html 使い方は超簡単。詳細は上のサイトを参照してもらうとして、通常のHTMLのみでかかれたテー…
カッコイイデザインにしようと思っても、自分の知識では限界が・・・。そこで色んなサイトを調べて参考にすることに。そのときのメモです。 レイアウトを簡単に作ってくれる http://layout.jquery-dev.net/demos.html jQuery CSSによるサイトの一覧 http://w…
これすごくない？ http://jquerylist.com/ 来週ゆっくりみよう。ねみ。
こんなの(↓)を作ってみた。 ソースはこんな(↓)感じ。IE7だと動いたけど、Firefoxではエラーが出て動かなかった。セキュリティの問題？まだ保留。 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function Item(item) { if(item) this.parse(item); } Item.prototype = { title: '', link: '', descript</head></html>…
今まで、prototype.js + script.aculo.usやExt.jsを使った仕事ってのはあったけど、jQueryは今回の仕事で初めてちゃんと使うことになりそう。 しかし、jQueryとprototype.jsってどう違うんだろう。jQueryはSelectorが強力っぽい気もするけど、そうなのかな。…
