Farbtastic Color Picker — Acko.net
jQuery Plug-in Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element's value when a color is selected. Download Farbtastic 1.2 - January 8, 2007 (License: GPL). Demo Farbtastic uses layered transparent PNGs to render a saturation/luminance gradien
jQuery用プラグイン「Autocomplete」を使って入力補完機能を実装してみる
こんにちは、中川です。 アシアルブログの検索でも利用している、suggest(入力補完)機能、便利ですよね。 以前「jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる」という記事で松田がライブラリ紹介しています。 しかし、「jquery.suggest」ですが、表示が味気なかったり、カスタマイズ面で、若干モノ足りない部分が出てきました。。。 で、補完機能を実装する為のJavaScriptですが、いろいろ探せば結構たくさんでてきまして、その中でも使いやすく、機能も豊富でカスタマイズもしやすいjQueryプラグインの「Autocomplete」というものを見つけましたので紹介したいと思います。 ■ダウンロード先 http://plugins.jquery.com/project/autocompletex ■デモ ※適当にアルファベットを2文字くらい入力
YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more
YUI Blog Development YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more The YUI Team just released version 2.5.0 of the library. We've added six new components — Layout Manager, Uploader (multi-file upload engine combining Flash
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々:phpspot開発日誌
カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々 2008年02月13日- Prototip - Tooltips for prototype While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip. カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々。 まずは、最近公開されたprototip の紹介。 実現したい大体のツールチップは prototip で出来る、というぐらい多機能です。 通常のツールチップ タイトルを付けてみる ツールチップ表示位置を指定 HTMLを表示 リンクボックスを表示 その他 ツールチップのアニメーション表示 クリックでツールチップ表示
Re：zapa氏 今更ですが、jQueryにはまりました - ホームページを作る人のネタ帳
ZAPA氏の記事。 ニュータイプなJSライブラリjQueryを使ってみよう！ これを見てから3日間。 ブログもあまりかけずこればっかりいじって遊んでました。 睡眠時間も1日2時間くらいになり、今日は書こうと思います。 まずZAPA氏、きっかけをありがとう。 私はJavaScriptの知識がほぼ皆無な人間です。 そんな私でもjQueryは簡単に使える為、面白くてはまりました。 ただ、お恥ずかしい話、PHPを使ってJavaScriptをある程度制御しなければ私は使いこなせません。 ですが恐ろしく簡単にこれまでこのブログで紹介してきたようなJavaScriptアプリと同等のものを作れる為、これははまります。 JavaScriptダメダメの私でも出来ました データベース接続部や、なんやかんやは全てPHPでまかない、動作部分やFormなどはｊQueryに投げる。 こんな方法で色々試して見ましたが、A
CNET Japan Blog - 江島健太郎 / Kenn's Clairvoyance：Lingr and Comet - 技術解説編
さて、お待たせしました。いよいよCometとLingrについての技術解説です。 ■Comet解説 さて、まずはCometとは何で、どういう背景によって生まれたのか、についての解説から始めます。 まず前提として、Webアプリケーションにおいては、通信開始のトリガーは常にクライアント側が握っています。つまりURLを入力したりボタンをクリックしたときなどに通信が発生することになるわけですが、このようなアーキテクチャは、サーバ側で発生した変化をリアルタイムにクライアント側に通知することが原理的にできないことを意味します。 チャット・アプリケーションでは、複数のユーザから不定期にメッセージが送信され、それが他の参加者に一斉に配信されなければなりません。しかし、メッセージを受け取ったサーバ側では、それをクライアントに即座にプッシュで通知する方法がないのです。 そのため、一定期間ごとにブラウザがサーバに
script.aculo.usバージョン1.8プレビュー:phpspot開発日誌
mir.aculo.us script.aculo.usバージョン1.8プレビュー Prototype 1.6対応 Ajax.InPlaceEditor と Ajax.InPlaceCollectionEditor のリライト Effect.Morph をフルＣＳＳ継承に(?) Effect.Tween が追加 ＭＰ３サウンドの再生機能追加 パフォーマンス向上 バグフィックス ＭＰ３サウンドの再生機能がいいですね。 関連サイト scriptaculousリファレンス - JavaScriptist
Ext.js調査中 - 基本ダイアログ(2) (進捗ダイアログ、showメソッド) - IT-Walker on hatena
この間マイコミに書いたExtの記事が結構人気です。 それに気分を良くして、記事中ではあまり深く触れることができなかったExtの詳細についてこのブログで紹介していきたいと思います。 一応連載です。 この連載記事のインデックスはこちら。 では行きましょう。 進捗ダイアログ Ext.MessageBoxを使うと進捗ダイアログも簡単に作成できます。 進捗ダイアログを表示するにはprogressメソッドを使います。 Ext.MessageBox.progress(String title, String msg):Ext.MessageBox 1番目の引数はダイアログのタイトル、2番目の引数はボディ部に表示されるメッセージです。 このメソッドを使うと、非常にシンプルな進捗ダイアログが表示されます。 表示されたダイアログの進捗状態を更新するには、updateProgressメソッドを使用します。 Ex
[JavaScript][Ext]ソート可能なテーブルを実装する
絶対お勧め！JavaScriptでテーブルソート「Table Sorter」 普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグで作るだけでいい。データ部分は全体をtbodyタグで囲んで、tdタグで記述するだけだ。 Extを使っても同様の方法でソート可能なテーブルを実装できます。 以下のサンプルからExt.grid.TableGridクラスをもらってきて使うだけです。 From Markup Grid Example Script var grid = new Ext.grid.TableGrid('the-table'); grid.render(); ロード時にページ内のテーブル全てに適用したければ下記のような感じでＯＫです。 Ext.onReady(function() { Ext.select('table').each(function (e) { var grid
![[JavaScript][Ext]ソート可能なテーブルを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/458019f9eb3b0502a1ee27767673b17090247b3a/height=288;version=1;width=512/http%3A%2F%2F2.bp.blogspot.com%2F_sX6CD3lBq0Q%2FRm6CmU50cfI%2FAAAAAAAAABA%2Fa5I5ciMro_I%2Fw1200-h630-p-k-no-nu%2Fext_table_grid.jpg)
[JavaScript][Ext]Ext.jsの使い方メモ(Core機能)
Ext.jsの使い方メモです。Core機能をまとめてみようと思います。 最初に必要なライブラリを読み込みます。(ext-1.0に展開されたソースがある前提) <script src="ext-1.0/adapter/yui/yui-utilities.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/adapter/yui/ext-yui-adapter.js" type="text/javascript" charset="utf-8"></script> <script src="ext-1.0/ext-all-debug.js" type="text/javascript" charset="utf-8"></script> スタイルシートの読み込みます。 自分で全部定義するのは大変なの
Ext JS Blog - Ext v1.1 Released
Grid layouts are important for creating web apps because they help organize content attractively and make sure the app functions smoothly. The component-based architecture JavaScript framework takes these layouts to the next level by adding interactivity, flexibility, and advanced functionalities beyond the capabilities of CSS alone. In this article, we’re going to explore 7 JavaScript […] No Comm
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース:phpspot開発日誌
WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース 2007年10月15日- Ext JS Blog - Ext 2.0 Beta 1 The Ext team is proud to announce that Ext v2.0 Beta 1 is available for download. WEBデスクトップ、JSポータルのサンプルが追加される等した「Ext2.0 Beta 1」がリリース。 新しいサンプルが追加され、ますます魅力的になってきました。 WEBデスクトップ iGoogle風ポータルサイト 正式版の登場が待ち遠しい限りですね。 関連エントリ Ext2.0のアルファ版がリリース
MOONGIFT: » GUIのようなWebアプリケーションを構築「Rialto」:オープンソースを毎日紹介
最近の流行はやはりWebアプリケーションだ。特にWeb OSをはじめとして、まるでGUIアプリケーションのようなインタフェースを実現したものが増えている。 あのようなアプリケーションを作るのは非常に手間がかかることだろう。だが、そのためのツールキットも登場している。これを使えば簡単に優れたインタフェース、操作性を実現できる。 今回紹介するオープンソース・ソフトウェアはRialto、各種言語に対応したWeb用GUIツールキットだ。 RialtoはまるでGUIアプリケーションさながらのコンポーネントが提供している。ツリーメニュー、ドラッグで動かせるウィンドウ、フレーム、タブメニュー、グリッド、カレンダー等だ。 ウィンドウ一つにしても、平行、垂直にしか動かせないようにしたり、グリッドを表示したりと細かく制御できる。これらのライブラリがPHP、.NET、Python、JSF、Taglib、GWT向
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれているので、他のライブラリと混ぜて使えないこと。僕はソース内の$()をすべてjQuery()に書き換えて使っています。 JSON for jQuery AjaxでJSONを取得して、処理できるようにするプラグイン。これは必須とも言っていいと思います。CallBack関数を指定してのJSONPも簡単。 BlockUI Plugin 画面の一部や全体を半透明のレイヤーで覆って操作できなくするものです
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリを比較する 前章の基準で選定した8個のAjaxライブラリについて、基本的な共通情報を一覧として表1に整理しました。これらの情報はすべて公式サイトおよびライブラリ自身に含まれているドキュメントから得たものです。
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
jQuery 1.1 と他のライブラリ（Prototype, YUI, MooToolsなど）を併用する方法 - のほほん徒然
第三十五回 先日紹介した jQuery 1.1 では，HTML要素を選択するために$();を使っています．しかし，この関数は他の主要JavaScriptライブラリ*1でも同じように使われているので，複数のライブラリを同時に利用すると思わぬバグが出たりします． jQuery 1.1 では，他のライブラリと同時利用しても大丈夫なように設計されているため，jQuery.noConflict();という一行を書き足すだけで他のライブラリと一緒に使えます． 以下では Prototype と一緒に使う例を示します． <html> <head> <script src="prototype.js"></script> <script src="jquery.js"></script> <!-- jQuery を後に読み込みます． --> <script> jQuery.noConflict(); //
Prototype.js → jQuery.js
ブロガー ジェフ・リバウスキ エントリ検索 検索フォーム（ブログ） カテゴリ ありません。 最近のエントリ ありません。 最近のコメント ありません。 Feed RSS 2.0
Prototype.jsとjQueryのベンチマーク速度比較:phpspot開発日誌
Claudio's personal hideout: Prototype and jQuery benchmarked Disclaimer: this benchmarks are not meant to demonstrate anything. This is not a “A is better than B” sort of thing. I think this is one of my first (no, uhm, it’s THE first) benchmark I ever did, so it is all but rigorous.Prototype.jsとjQueryのベンチマーク速度比較。 どちらもそこまで大差があるわけではないですが、両者ともAjaxフレームワークでは人気のライブラリなので面白い比較ですね。 体感ではほとんど変わらないはずなので、速度面で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flexigrid