【連載】いまからはじめるScript.aculo.us (4) ドラッグ&ドロップを応用した画面コンポーネント | エンタープライズ | マイコミジャーナル
前回はドラッグ&ドロップを実現する方法を紹介したが、今回はそれを応用した画面コンポーネントであるSortableとSliderを使ってみよう。なお、今回は都合によりメソッドやオプションをごく一部しか紹介できない。詳細は画面コントロールのWikiページを参照していただきたい。 項目の並べ替え Sortable.create( IDまたはDOMオブジェクト [, オプション] ); // 並べ替え可能にする Sortable.destroy( IDまたはDOMオブジェクト ); // 並べ替え不能にする Sortableは、<ul>などで列挙した項目をドラッグによって並べ替えられるようにする。項目をドラッグしている間は、その表示位置のみが変更されるが、ドロップ後は、その位置に最も近いところにHTMLタグの構成も変更される。 【例】「マイコミジャーナル」という項目をドラッグで最上行に移動する
超便利で使える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
CMS researcher - Greasemonkeyでprototype.jsやscript.aculo.usを使う方法
Greasemonkeyでprototype.jsやscript.aculo.usが使えたら便利だろうな、と考えたことのある開発者は少なくないのではないでしょうか。ちょっとそんなアイデアを試してみたことのある方ならわかると思うのですが、Greasemonkeyでそういった外部JavaScriptライブラリは簡単には使えません。案外ハードルが高いです。 Googleで調べていたら、面白い解決方法が見つかったので紹介します。 Loading External JavaScript Libraries in Greasemonkey このブログで解説されているアプローチを用いれば、Greasemonkeyで外部JavaScriptライブラリが使えるようになります。 ポイントは、 外部ライブラリがロードされるまで待ち続ける制御構造 unsafeWindowを経由して外部ライブラリにアクセス といっ
jQuery版script.aculo.usの「Interface elements」がすごい:phpspot開発日誌
Interface elements for jQuery - Real examples of Interface elements jQuery版script.aculo.usの「Interface elements」。 script.aculo.us 同様、エフェクト、ドラッグ＆ドロップ、アニメーション、スライダー、オートコンプリートのほか、 ３Dアニメーション、アイテム選択用UI、テキストエリアリサイズ、ツールチップヒント、MacOS X の Dock 風UI を実装するためのライブラリが同梱されています。 詳しくは以下のデモを使ってみればそのすごさが分かるはず。 Effects [opens in new window] (combined showcase) Test new animate function [opens in new window] Use new func
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」:phpspot開発日誌
Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」 2007年05月25日- Protoculous : Prototype & Scriptaculous lightweight ! Protoculous is a javascript file which contains Prototype and Scriptaculous together compressed. Prototype.jsとScript.aculo.usを圧縮して32.5KBにした「ProtoPacked v2.13」。 Prototype1.5.1とScript.aculo.us1.7.1_beta をパックにしたパッケージ。 ノーマルのPrototype1.5.1 だけでも 93 KB もあるので、かなりのダイエットに成功しているようで
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Script.aculo.usにモーフィング機能が登場 | SIMPLE*SIMPLE
Javascriptでさまざまな効果を実現できるscript.aculo.usがバージョンアップ。今回の目玉は「モーフィング」。指定したエレメントをぐーっと変形させていくことができます。 といっても、見るまでわからないと思うので下記ページのデモをどうぞ。 » モーフィングデモページ （すげぇ・・・） script.aculo.usには他にもいろいろな効果がありますね。なにかサービスをつくるときには参考にされてみてはいかがでしょうかね。 しかしscript.aculo.usには二つの問題がありますね・・。 サイトが激重い・・・。 なんて発音するのかいまだにわからない。 » script.aculo.us公式ページ
Home — scriptaculous — GitHub
This repository is private. All pages are served over SSL and all pushing and pulling is done over SSH. No one may fork, clone, or view it unless they are added as a member. Every repository with this icon () is private. This repository is public. Anyone may fork, clone, or view it. Every repository with this icon () is public.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
