JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」:phpspot開発日誌
PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫：WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか？ CookieManager.jsを使えば、phpでcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使
[JS]多彩なカスタマイズが可能な画像を拡大するスクリプト -Lightview | コリス
Lightviewは、LightBox風に画像を拡大するスクリプトで、多彩なオプションで拡大表示時のカスタマイズが可能です。 Lightview Lightviewは、単独の画像拡大をはじめ、連番での送り機能や自動スライドショー機能を備えています。 デフォルトの状態でも快適に動作しますが、下記の多彩なオプションで画像の拡大表示時のカスタマイズが可能です。 backgroundColor 背景色 border ボーダーのサイズ buttons.opacity ボタン不透明度 effects Scriptaculousの効果 images lightview.jsからみたディレクトリ imgNumberTemplete 画像のナンバリング overlay オーバーレイ radus 角丸の半径 sideshow.delay スライドの表示タイミング titleCaptionSplit タイトルと
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル
Script.aculo.usは、Thomas Fuchs氏を中心とするチームにより開発されているJavaScriptライブラリだ。MITライセンスが採用されており、2005年から公開を始め、執筆時点では11月に公開されたバージョン1.8が最新版になる。本稿では、そのバージョン1.8を使って(連載継続中にバージョンアップした場合はそちらに変更する可能性がある)、同ライブラリの基本を6回にわたって紹介しよう。 なお、Script.aculo.usを扱ううえでの必須知識となるPrototype.jsの使用法については、連載『いまからはじめるPrototype.js』で解説しているので、そちらをご覧いただきたい。 Script.aculo.usの概要 Script.aculo.usはPrototype.jsをベースに動作するライブラリだが、Prototype.jsが1つのファイルにすべての機能を
綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」:phpspot開発日誌
Starbox - Rating stars for prototype Starbox allows you to easily create all kinds of rating boxes using just one PNG image. 綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」。 次のように、見栄えも綺麗で、カーソルを離すとアニメーションしてくれます。 実装は、次の流れで簡単に実装できます。 <script>タグでprototype.js等、必要ライブラリを読み込み CSSを読み込み、かつ画像をcssと同じパスに設置 new Starbox で初期化。コンストラクタに渡すオプションで挙動の調整が可能 自分でスタイルしてオリジナルの投票インタフェースを作るのもよさそう。 ライブラリ自体は、prototype.js/script.acu
Prototype 1.6.0&script.aculo.us 1.8.0がリリース
Prototype 1.6.0とscript.aculo.us 1.8.0が、リリースしました。 Prototype 1.6.0, script.aculo.us 1.8.0, and the Bungee book now available script.aculo.us 1.8, Prototype 1.6 and the Book released! Prototype 1.6.0は、バグフィックス・パフォーマンス改善の他に、多くの機能の拡張が行われています。 script.aculo.us 1.8.0はprototype 1.6.0で動作し、バグフィックス・パフォーマンス改善の他に、新しくTweenエフェクトを取り入れ、既存の機能にも拡張が行われています。 ダウンロードは、それぞれ下記より行えます。 Prototype 1.6.0: Download script.aculo.u
アコーディオン形式で内容を表示できるAccordion v2.0[to-R]
アコーディオン形式で内容を表示できるAccordion v2.0 配布元:Accordion v2.0[リンク切れ] ライセンス:MIT License Accordion v2.0はアコーディオン形式でWebサイトの内容を表示するためのJavaScriptライブラリになります。 最近ではアコーディオン形式を使われているサイトも大分増えてきていますし、Dreamweaver CS3などでも簡単に実装できる為、標準的なUIとして認識されるのはそう遠くはないかもしれません。 設置方法 prototype.jsとscript.aculo.usのeffects.js、そしてaccordion.jsをhead要素内などで読み込みます。 <script type="text/javascript" src="prototype.js"></script> <script type="text/java
![アコーディオン形式で内容を表示できるAccordion v2.0[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
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
prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」:phpspot開発日誌
JSValidate prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」。 prototype.js と script.aculo.usベースになっています。 submitボタン押下時に、値が正しくないと、インプットの右側に赤文字でエラーメッセージがフェードインします。 JSValidateを使った実際のデモページはこちら 関連エントリ PHPでフォームの値をリアルタイムチェック「LiveValidationPHP」 JavaScriptでリアルタイム値チェックを簡単に行える「LiveValidation」
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」:phpspot開発日誌
クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」 2007年09月25日- Accordion v2.0 Demo クールで滑らかに動作するscript.aculo.usベースのアコーディオンＵＩ「Accordion v2.0」。 おなじみのアコーディオン風に伸縮するＵＩをscript.aculo.us で実装するライブラリが公開されました。 実装は、ライブラリの読み込み＆DIVの定義をおこなったあと、次のようなコードで初期化するのみです。 // Horizontal example var horizontalAccordion = new accordion('#top_container', { classNames : { toggle : 'horizontal_accordion_toggle', toggleAc
[JS]リロード無しで、画像やフォームを切り替える -modalbox.js
modalbox.jsは、lightbox風のエフェクト上に、ページのリロードをしないで画像やフォームなどを切り替えられるスクリプトです。 ModalBox modalbox.jsの動作には、prototype.jsとscriptaculous.jsが必要で、これらを外部ファイルとして指定し使用します。 オプションも豊富にあり、lightbox風エフェクトの不透明度の設定やModalboxの属性・サイズ・コールバックなどがあります。
jQuery用のscript.aculo.usがリリース「jQuery UI」:phpspot開発日誌
jQuery UI: Widgets, Components, and Interactions jQuery UI is a set of themable widgets and interactions, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. jQuery用のscript.aculo.usがリリース「jQuery UI」。 ドラッグ＆ドロップ、ソート、エレメント選択、リサイザブル、アコーディオン、カレンダー等、ＵＩに関わる機能が盛りだくさんです。 Interactions Draggables Droppables Sortables Selectables Resizables Widgets Acco
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」:phpspot開発日誌
超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」 2007年09月04日- Script.aculo.us Samplr Script.aculo.us is a cool library for effects. 超便利で使えるprototype.jsベースJavaScriptウィジェットライブラリまとめサイト「Script.aculo.us Samplr」。 script.aculo.usを駆使した使えそうなウィジェットが多数公開されています。 Cash Register - 料金表示をアニメーション表示 Div Swap - DIV 部分をスライド風に切り替え iPhoto Resize - スライダーで写真リサイズ News Ticker - ニュースティッカー Select box
Script.aculo.usの実用例がたくさん見られる『Script.aculo.us Samplr』 – creamu
Script.aculo.usを実際にサイトで使いたい。 そんなあなたにおすすめなのが、『Script.aculo.us Samplr』。Script.aculo.usの実用例がたくさん見られるDemoサイトだ。 iPhoto resizeやNewstickerなど、すぐに使えそうでかっこいいインターフェースがたくさん紹介されている。 Cash Registerもとても面白い。 Script.aculo.usエフェクトを使ったサイトを作る際にとても参考になりそうだ。 Script.aculo.usの実用例がたくさん見られるDemoサイト、チェックして使っていきたいですね。 チケットがもらえて今日の夜レミオロメンのライブに行けることになりました！楽しみ。
MOONGIFT: » クールなWebベースポップアップウィンドウ「ModalBox」:オープンソースを毎日紹介
※ 画像は公式サイトデモより これはクール！ 思わず使い道を考えてしまった。Mac OSXではダイアログがウィンドウの上部から出てくる。あの表示が何となく好きという人も多いだろう。あれを実現するJavaScriptがこれだ。 今回紹介するオープンソース・ソフトウェアはModalBox、ウェブベースのポップアップ＆ウィザードだ。 簡単に言えば、ウィンドウの上から出てくるポップアップだ。表示していた画面はグレーアウトするので、そのダイアログだけに集中できる。Ajaxを使うことも、使わないこともできる。簡易的なものであれば使わずに手軽に利用できそうだ。 そして、ウィザード形式に操作を進めることもできる。例えば問い合わせフォームや、アンケート、友人へのメール等わざわざ画面を切り替えて操作するには及ばないようなものに使えそうだ。 表示のされ方がかなり格好よく、使い道も多そうだ。prototype.j
実際、Script.aculo.us の Effect はどのくらい高速化できるか - IT戦記
最近、 MochiKit も Script.aculo.us に対応するということで、いろんなプロジェクトでそれなりに Script.aculo.us が使われていたりする。 でも、やっぱり Script.aculo.us 遅い うーん＞＜ もっさり というわけで、どのくらい高速化出来るかやってみた 高速化前 http://sample.ecmascript.jp/effectperformance/original.html 高速化後 http://sample.ecmascript.jp/effectperformance/new.html ※注意：同時に開くと両方のエフェクトが影響しあってしまう（バックグラウンドでも）ので、片方づつ開いてみてください。 エフェクトを 100 くらいまでしないと誤差が大きいです。 約、倍になった けっこう、大きな差だと思う。 やっぱり、Script.a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
