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」を使って入力補完機能を実装してみる
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery AUTOCOMPLETE</title> <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> <script type="text/ja
カスタマイズの自由度が高いツールチップ用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/ecf11f8704803ea6f45978c068b4342f8456c8f4/height=288;version=1;width=512/https%3A%2F%2Fblogger.googleusercontent.com%2Fimg%2Fb%2FR29vZ2xl%2FAVvXsEjYX0mLhUqajawumwty2POE1TW6B-XpQ72MmLKsapm9J5KZS8pg4TigC_SXT5pEwLszQJbl3QvyA5Ue2ElwoOvpiRGLWPkmUwAG2DjdXtqGNrlW6B_XX8h-bIXA288xuuzm74UtRxtXOVc%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> スタイルシートの読み込みます。 自分で全部定義するのは大変なの
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」と便利なプラグインたち
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリを比較する 前章の基準で選定した8個のAjaxライブラリについて、基本的な共通情報を一覧として表1に整理しました。これらの情報はすべて公式サイトおよびライブラリ自身に含まれているドキュメントから得たものです。
jQuery
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 API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.
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
YUI Library
Ext JS Blog - Ext v1.1 Released