jQuery UI.Layout Plugin を使って単一ページUIを作る - Pyro Memo
Google App Engineを使うようになって、リクエスト時間の節約のために重いページ（HTML）のロードは最初の1回だけにして、以降はページ遷移なしでAjaxでJSONのやりとりをしてビューを変更するような方法をとることが多くなった。 UIについても毎回デザインを考えるのも面倒だしロクなものができなかったので、jQueryUIとjQuery UI.Layout Pluginを利用するようになった。この2つを利用するだけでアプリケーション風のUIが実現できて、UI関連の悩みをほぼ解消してくれた。 jQueryUIはボタンやタブ、アコーディオンメニューなどのUIウィジェットを、jQueryUIのサイト上で作成したデザインテーマに合わせて表示してくれるので、統一感のあるデザインがてっとり早くできる。自分でカスタマイズした設定を再編集できるようにしてくれたらもっと便利なのだけど。http:
jQuery UI の プラグイン定義関数 $.widget を使ってみる - Cyokodog :: Diary
jQuery UI の tabs や accordion といったウィジェット系プラグインでは、専用のプラグイン定義関数 $.widget でプラグイン定義することで、一環性のあるプラグイン API を利用者に提供しています。 今回は、$.widget を使ったプラグインの定義方法について調べてみました。 ui.core.js の入手 $.widget は jQuery UI の ui.core.js というソースファイル内に定義されてます。 公式サイト（http://jqueryui.com/download）よりプラグイン一式をダウンロードし、zip ファイルを解凍すると、以下パスに ui.core.js があるので、これを読み込み $.widget を使用できるようにします。 jquery-ui-1.7.2.custom/development-bundle/ui/ui.core.j
GoogleCodeからjqueryに関連するものを引っ張ってこようっと（その１） : kishi-r.com
とりあえずGoogleCodeにアクセスして、最初のページのURLとタイトルを持ってくる。 # vim: encoding=utf-8 : import urllib2 from BeautifulSoup import BeautifulSoup GOOGLE_CODE_URL = 'http://code.google.com/hosting/search' def get_google_code_list(): search = '?q=jquery&projectsearch=Search+Projects' url = GOOGLE_CODE_URL + search opener = urllib2.build_opener() r = opener.open(url) soup = BeautifulSoup(r) list = {} for div in soup('div
blogpartsでjQueryを使うときの読み込み方 - KAYAC Engineers' Blog
最近blogpartsでもjQueryを使うようになったので、blogpartsでjQueryを使うときのコードをまとめてみました。 (function () { //script tagのsrcの先頭部分を記述（自分のscript tagを取得するのに使用） var domain = 'http://example.com/bp/'; //asから呼び出されるときの名前を指定（外部からはこの名前のみ見える） var name_space = 'blogparts_name_spase'; //各ライブラリをfunction scopeへ展開 var lib = loadLib(), $ = lib.$, jQuery = lib.jQuery, swfobject = lib.swfobject; //読み込まれた時点での最後のscript tagを取得 var $script = $(
django+jQuery Form Pluginでファイルアップロードしてみた - Pyro Memo
前回発見したjQuery Form Pluginを使って実際にファイルをアップロードするサンプルを作った。http://d.hatena.ne.jp/piro_suke/20080615/1213498024 ファイルをアップロードする場合のみ、iframeが使用される関係でサーバ側から返却するデータをtextareaタグで囲まないといけないことに気づかず、苦労した。 とりあえずこのサンプルがあればまた思い出して応用できるだろう。 アップロードフォームHTML ... script type="text/javascript" src="/static/javascripts/jquery/jquery-1.2.6.min.js">script> script type="text/javascript" src="/static/javascripts/jquery/jquery.for
djangosnippets: simple jquery example
Author: lawgon Posted: April 23, 2008 Language: JavaScript Version: Not specified Score: 0 (after 0 ratings) Download Raw Displays an input with an add button. Clicking the add button creates a simple form - input with a submit button. Clicking the submit button will send the output to the server and return a value which is displayed. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
input要素にも使えるjQueryのロールオーバープラグイン - Rewish
jQueryプラグインの習作をするために作成したモノではありますが、プラグイン化したことでかなり楽に使えるようになったので、気が向いたら使ってみてください。 ライブラリについて HTMLを汚さず、簡単に画像のロールオーバーを実装できます。 ダウンロード jquery.rollover.js - v1.0.4 ライセンス MIT License 主な機能 HTMLで指定するのは初期表示の画像だけ 指定された箇所でも _on が付いている画像は無視 ロールオーバー画像をプリロード 拡張子は何でもOK (png, jpg, jpeg, gif, etc…) ロールオーバー画像を示す _on の部分を自由に変更できる 使用方法 画像を用意する example.jpg をロールオーバーしたい場合は、名前の末尾に _on を付けた画像 example_on.jpg を example.jpg と同じデ
はてなブログ | 無料ブログを作成しよう
ベルギーに行った 先日、ベルギーに行きました。 マグリットの絵とルーベンスの絵を見るのが目的。 あまり時間もなく、ブリュッセルとアントワープを駆け足気味で巡ることに。 ミュンヘンから車で10時間近くかかり、なんでこんな無茶をしてしまったのかとも思いましたが、ヨーロッパの方…
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
Using JQuery with Django for Autocomplete Fields
This article is not particularly polished, and expects some general Django knowledge. It does not require any JQuery experience. Using Django with JQuery for Ajax is pretty easy, but figuring out how to do do a autocomplete form can be a bit more complex. So, here is a walkthrough. I am using Frank Vega's autocomplete library. It is a bit simple, but entirely usable. Grab the javascript, and the c
jQuery calendar 日本語設定 - Milly のメモ
http://marcgrabanski.com/code/jquery-calendar/ 用の日本語設定 保存時の文字コードを気にしないために数値実体参照で記述。 /* Japanese initialisation for the jQuery calendar extension. */ /* Written by Milly. */ $(document).ready(function(){ popUpCal.regional['ja'] = { clearText: '削除', closeText: '閉じる', prevText: '<前月', nextText: '次月>', currentText: '今日'
コードをハイライト表示するjavascript「Chili」
twitter facebook hatena google pocket HTMLやJavascript、PHPなどのソースを紹介する時にはわかりやすい表示が求められます。 Chili Centralでは、コードをハイライト表示するChiliを公開しています。 sponsors 使用方法 Chili Centralからchiliのファイル群をダウンロードし、全てアップロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/chili.pack.js"></script> <script type="text/javascript"> ChiliBook.recipeFold
キーイベントをハンドリングする - matsukaz's blog
Javascript jQuery Hotkeys Pluginを利用することで、キーイベントをハンドリングすることができます。デモページを見てもらえればどんな感じか分かるかと。 以下は、デモページで「←」「F11」「a」「r」「s」などのキーを押下したあとの画面です。 イベントの設定方法は以下の通り。 $(document).ready(function(){ $.hotkeys.add('a', function(){ alert('a が押下されました。');}); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HisasAnn.com is for sale | HugeDomains
http://oddco.ca/zerothsblog/2008/05/14/ajax-with-django-and-jquery/
http://e0166nt.com/blog-entry-465.html
Free Coding PNG Images with Transparent Backgrounds - FastPNG.com
はてなブログ | 無料ブログを作成しよう
http://postal-search-apis-and-solutions.blogspot.com/2007/10/jquery-cycle-plugin-api.html
JavaScript++かも日記 - 1997年からの