エクスプローラー風のツリー型テーブルを実現できるjQueryプラグイン「treeTable」:phpspot開発日誌
jQuery treeTable 2.0 - Cubicphuse エクスプローラー風のツリー型テーブルを実現できるjQueryプラグイン「treeTable」。 次のようなツリー型のウィジェットをページ内に簡単に埋め込みできるようです。 限られたスペースに、折りたたみ可能な状態で情報を表示するといった用途にも使えそう。 HTML的には、次のような、tableタグで定義されていて、jQueryを使ってインタラクティブに動作する模様。 <table class="example" id="dnd-example"> <caption>Example 3: Dragging and dropping example.</caption> <thead> <tr> <th>Title</th> <th>Size</th> <th>Kind</th> </tr> </thead> <tbody>
クールにデザインされた多機能LightBox「ColorBox」:phpspot開発日誌
ColorBox - customizable lightbox plugin for jQuery クールにデザインされた多機能LightBox「ColorBox」 もう成熟してきたこの分野ですが、ColorBoxはなかなか多機能かつクールなようなのでご紹介。 単一の写真表示 写真をグループ化してページ送り機能 AjaxでHTML取得 インラインＨＴＭＬも可能 ビデオ埋め込み IFRAMEで外部ページの埋め込み 機能も勿論多機能でいいのですが、デザインが色々と選べるところがいいです。 以下、３つのテーマが基本テーマ以外に用意されているみたいです。 シンプル調 Apple風(?) シンプル調2 カスタマイズして簡単にデザイン変更もできそうです。 jQueryプラグインで、MITライセンスとのこと。 関連エントリ カスタマイズできる多機能LightBox「Lightview」 表示法が新しく
Yaneu Labs --- JavaScriptによるオートコンプリート機能つきインプットボックスの実現
*[hatefu:labs.yaneu.com/20090307/] JavaScriptによるオートコンプリート機能つきインプットボックスの実現 私はASP.NETでとある会社の根幹システムを製作しているのだが、今回問題となったのは、ブラウザ上でおばちゃんおねーさんが入力する画面である。その画面で「会社名を数文字入力するとオートコンプリートして欲しい」と言われた。 取引先の会社名は限られているのでAjaxで取りに行かなくとも事前にブラウザに読み込ませて良い。そうだ、担当者も丸々読み込ませよう。全然、今風じゃないのだけど、そう思った。 こんなものは、ASP.NETの標準コンポーネント化されていてもおかしくないと思うのだけど、何か作りかけの匂いがプンプンするASP.NETにそんなことを望むのは酷なのかもしれない。 # 作りかけの匂いがプンプンするASP.NET 正直、ASP.NETとその周辺
SelectorGadget: point and click CSS selectors
SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze. Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then g
ASP.NETプログラマーのためのjQuery入門（1/5） - ＠IT
従来、ASP.NETでは、JavaScriptプログラミングのための標準ライブラリとしてMicrosoft AJAX Library（以降、「MS AJAX Lib」）を提供してきた。MS AJAX Libは、ASP.NET AJAXの中で提供されるクライアントサイド・フレームワークである。同じくASP.NET AJAXのサーバサイド・フレームワークであるASP.NET AJAX Extensionsとセットで開発が進められたことから、サーバサイド機能との親和性に優れているという特徴がある。 もっとも、逆にいうならば、MS AJAX LibはあくまでASP.NET AJAX Extensionsとの連携を目的としたライブラリであり、（MS AJAX Libに触れたことがある方ならばお分かりのように）単体のJavaScriptライブラリとしては、お世辞にも高機能とはいいにくい*1。MS AJ
JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」:phpspot開発日誌
Lightweight jQuery Portal JavaScriptを活用した軽快なポータルを作るためのフレームワーク「jPolite」. iGoogleみたいなポータルを作るようなjQueryベースのフレームワークです。 デモページ タブをクリックで画面が軽快にアニメーションでいい感じに切り替わります。 ページ内には小窓がコンポーネントとして登録できて中身に自由にHTMLが記述できます。 各ページは、１ページあたり１枚のHTMLモジュールとしてJavaScriptで定義できて、非常に簡単かつシンプルにポータルが作れるフレームワークになっています。 JSでモジュール定義の例 var _modules={ m101:{l:"m101.html", t:"Motivation", c:"red"}, m102:{l:"m102.html", t:"Philisophy", c:"yello
jQueryプラグインでクールなプルダウンメニュー | バシャログ。
お仕事で JavaScript によるプルダウンメニューを実装する必要があり、色々試してみて一番お手軽だったのが「droppy」です。 「droppy」 は jQuery のプラグインです。 パッケージをダウンロードすると色々とファイルが入っていますが、必要なのは src ├ javascripts │ └ jquery.droppy.js └ stylesheets └ droppy.css の 2 ファイルです。 プルダウンメニューの実装は、HTML に以下のコードを貼りつけて CSS を適用すればオッケーです。 ■JavaScript … 外部ファイル化がお勧め <script type='text/javascript'> $(function() { $('#nav').droppy(); }); </script> ■HTML … とてもシンプル <ul id='nav'> <
jQueryでAJAX：複数のボタンから1つのスクリプトへPOSTする - shipsloveloveの日記
jQueryを使って楽々AJAX。ということで、普通にPOSTをするだけなら素直にできるんだけど、1つのスクリプトに対して、複数のリンクから個別のパラメータをPOSTする方法に迷ったのでメモ。って、分かりにくい状況だな。 つまり、複数のレコードがあって、フラグの on/off を AJAX で切り替えたい時に、当然フラグの on/off は1つのスクリプトで行うけど、対象レコード自体は別々で、それを1つのページ上でやる方法ってこと（それでも分かりにくい）。 もっといい方法を教えてくださいと書いていたら、さっそく別解。というかお手本のような方法を教えてもらえました。ページ下部のコメント／トラックバック欄にて、2つの方法があるので、そちらもご参照くださいませ。 まず、普通にPOSTしてみる post.html post.php post.php へ id が textdata の value
ブログでブログパーツやプラグインを入れる際の注意
以前、wordpressを構築していた時に、デフォルトで入っているjQueryを使い それを元にjsファイルを自分で作ったりしていたのですが、 ある時プラグインを入れたら、作ったjsファイルが動作しない！？ なんていう事態が発生した。 すぐに原因に気づかなかったのですが、どうやらプラグイン導入で それで動作しなくなったということだけがわかった。 同様のことで、最近のブログパーツを入れるだけでも同じことが起こりうるので 皆さんのブログでもプラグインやパーツを入れる際は とあることに注意しておいたほうがいい。 注意すべきこと 注意すべきことは、読み込まれるライブラリである。 僕のブログやサイトの構築の際は、その多くでjQueryを使うのですが、 設定をしていないと、他のライブラリを読み込んだときにエラーが起こりやすい。 プラグインの中には、prototype.jsが自動的に読み込まれるものもあ
Google カレンダー風味なカレンダを作ってみた - wataの日記
Google カレンダーのようなカレンダーに色々登録したりするのが欲しかったのでjQueryの勉強がてら作ってみた。 とりあえず実装してみたレベルのなので改善点等は色々あるし、色々なブラウザで動くかどうかは試していない。それでも月移動とか、日付のボックスをクリックした時のコールバック関数も渡せるので、とりあえずは使える感じだと思う。(この上に自分なりのレンダリングをするとなると頑張る必要があるけど) 突っ込みどころは満載だと思うので色々突っ込んで貰えると嬉しいです。 ファイル構成は以下のようにする。画像(combined.gif)はGoogle本家のをダウンロードして使用した。 日付処理でDate.jsを使っているので別途ダウンロードが必要。 ディレクトリ構成 webapp +-css +-jquery.calendar.css +-image +-combined.gif +-js +-
jQueryでiCalライクなカレンダーを作るチュートリアル – creamu
jQueryでクールなカレンダーを作りたい。 そんなときにおすすめなのが、『Create astonishing iCal-like calendars with jQuery』。jQueryでiCalライクなカレンダーを作るチュートリアルだ。 このエントリーでは、↑のようなカレンダーの作り方が紹介されている。マウスオーバーするとふわっとポップアップするツールチップテキストつきだ。 ソースファイルもダウンロードできるので見てみてほしい。 デモは以下から。 View the online Demo! jQueryでiCalライクなカレンダーを作るチュートリアル、チェックして参考にしてみてはいかがだろうか。 Create astonishing iCal-like calendars with jQuery 天気がよくて気持ちいいですねー。 先日買った雑誌を読んでいます。「Casa」はまた紙面
ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」:phpspot開発日誌
Simpletip - A simple jQuery tooltip plugin ツールチップを作るのならこれかもという多機能jQueryプラグイン「Simpletip」 色々なツールチップライブラリがありますが、Simpletipはカスタマイズ性に富んだツールチップライブラリとなっています。 基本 単純なツールチップ クリックで閉じるツールチップ ちょっとリンクが切れちゃってますが、画像なんかも埋めこみ可能。特定のHTMLを埋められるみたい。 ポジション マウスの左、右、上、下、に表示というポジショニングが可能。以下は左の例 他にもabsoluteで位置指定をしたりもできます。 エフェクト ツールチップの文字がアニメーションしつつズームイン フェードインなんかの機能もあるみたい。 関連エントリ JavaScriptを使わずCSSのみでシンプルなツールチップ実装 カスタマイズの自由度が
素晴らしいjQueryのチュートリアル45選 – creamu
jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『40+ Excellent jQuery Tutorials』。素晴らしいjQueryのチュートリアル45選だ。 以下にいくつかご紹介。 » デザイナーのためのjQueryチュートリアル » Facebookスタイルのlightbox » ソートできるポートフォリオの作り方。↑のキャプチャはこちら » フェードインするメニュー » jQueryとPHPで投票システムを作る方法 » PHPとjQueryで編集できるギャラリーを作る方法 » jQueryとXMLでAmazonのウィジェットを作る方法 » WordPressのコメント欄にjQueryのバリデーションをつける方法 » Appleのサイトのメニューを作るチュートリアル » タブインターフェースを作るチュートリアル » スライドするアコーディオンメニュ
jQuery：リンクのクリック領域をブロック全体にする方法
jQueryのプラグインで「BigTarget.js」というのがあるが、 このプラグインのように、リンクのクリックできる領域を ブロック全体にすることを、自作できないかなーと考えたてみた。 プラグインの簡易版みたいなソースになってしまったが、 シンプルに使えそうなので紹介しておきます。 サンプル 今回は例として、ブロック要素ではないですが、 リンクを含むリストを代用として使ってみます。 ■HTMLソース <ul> <li><a href="#">全体がリンク</a></li> <li><a href="#">全体がリンク</a></li> <li><a href="#">全体がリンク</a></li> </ul> <li>のすぐ内側に<a>がある場合の例です。 ■Script $('li a').each(function(){ var Href = $(this).attr('href'
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2009/03/09/newsticker1-1.html
jQueryベースの多機能グリッドテーブル「DataTables」:phpspot開発日誌
https://www.dexign.net/post/2008/07/16/jQuery-To-Call-ASPNET-Page-Methods-and-Web-Services.aspx
caraldo.net - it転職 リソースおよび情報
http://www.sprymedia.co.uk/article/DataTables%201.4
http://www.designwalker.com/2009/02/jquery-dropdown.html
