prototype.jsのbind()メソッドは便利。 | Tricorn Tech Labs
昔から買い続けた雑誌や書籍に部屋を侵略され続けて早○年。いい加減部屋を広げなければならないと、一念発起してドキュメントスキャナと裁断機を購入して、せっせと雑誌を裁断 → ドキュメントスキャナでPDF化にいそしんでます。 おかげで今月もAmazonの請求が7万を超えてしまいました。こんにちはtodaです。 さて、最近仕事でJavaScriptを書く機会が増えましたが、PHPなどの（まがりなりにも）クラスベースのオブジェクト指向言語とは似て非なるところが多くて、その挙動の違いに驚かされます。 今回はJavaScriptを書いていて、ハマったポイントとその解決法をを紹介します。 JavaScriptで、あるクラスを作っていて、そのメソッド内でAjax.Reuqest()で通信した結果をオブジェクトの変数に格納したいことがあります。 以下のPersonクラスはコンストラクタで名前を受け取り、身長を
Tipped - A Complete Javascript Tooltip Solution
Abbott Handerson Thayer (1849 - 1921) was an American artist, naturalist and teacher. He is best known for his 'angel' paintings, some of which use his children as models. Display anything Tipped can display anything from simple snippets of text to custom designed tooltips. With build in Ajax support and a powerful Javascript API, Tipped covers pretty much every usecase when it comes to tooltips.
Prototype.js - Effectサンプル
これはオブジェクト指向JavaScriptライブラリ PrototypeのEffectのサンプルです。付属のサンプルにちょっと手を加えてちょっ と日本語訳したものです。 Effect.Fade() & Effect.Appear() 呼び出し方法 new Effect.Appear(element) new Effect.Fade(element) コード例 onclick="new Effect.Appear('appear')" onclick="new Effect.Fade('appear')"
AJAX Libraries API - Google Code
What is the AJAX Libraries API? The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the Google AJAX API Loader's google.load() method, your application has high speed, globaly available access to a growing list of the most popular JavaScript open source libraries including: jQuery jQuery UI prototype scri
Script.aculo.usで、ビジュアルなWebページを作成しよう
はじめに Ajaxの登場によりJavaScriptへ多くのWeb開発者の注目が集まって以降、JavaScriptは、クールなWebページを作る上でなくてはならないものとなってきています。特に、ビジュアルな表示や効果を実現するためには、JavaScriptは今や不可欠のものといってよいでしょう。以前は、こうしたものをJavaScriptで実装するには気の遠くなるコーディングが必要でしたが、現在は多数のJavaScriptライブラリが登場し競い合っています。JavaScriptを手軽に導入したい、という人には夢のような時代となった、といってよいでしょう。 が、あまりに多くのライブラリが登場したため、果たしてどれを使えばいいのか、よく分からなくなってしまった、という人も多いでしょう。また、機能を高度化するあまり、使い方がひどく難しくなってしまっているライブラリもあります。比較的簡単に、しかも効果
Web 2.0で変わるWebプログラミングの常識：ココを理解すれば近道な「Ajaxフレームワーク」 (5/5) - ITmedia エンタープライズ
Web 2.0で変わるWebプログラミングの常識：ココを理解すれば近道な「Ajaxフレームワーク」 (5/5) [大澤文孝，ITmedia] 前のページへ 1|2|3|4|5 リスト7の中には、次のようにid属性に「placeholder」と指定したdiv要素が含まれている。 <div id="placeholder"> この場合、Ajax.Updaterオブジェクトを使って次のようにすると、Ajax通信によって得られたHTMLデータを、div要素へと差し込むことができる。 var myAjax = new Ajax.Updater( 'placeholder', // 差し込み先の要素 'http://example.jp/calc.php', // 呼び出し先のURL { method: 'post', postBody: parameter, onFailure: AjaxFaile
JavaScript/Library/script.aculo.us/EffectQueue
What is a Queue † queueの中でどのようなイベントが起こるか: プログラマーにとってqueueとは個々にハンドルされお互いに積み重ねられたイベントの配列です。 Let’s examine how events in a queue occur: For a programmer a queue is an Array with events that are stacked on each other to be handled one by one. For example, a user hovers over a button with his cursor and then after half a second leaves the button area again. 例えば、あるユーザーがカーソルをボタンに載せて、そしてその0.5秒後にボタンからカーソルを
script.aculo.usで、2つのエフェクトを交互に実行する（Effect.toggle）
script.aculo.usにはエフェクトをトグルする機能が用意されている。 Effect.toggle($('element'), 'slide');このようにすることで 要素が見えている場合はSlideUpを適用して隠し、 要素が見えていない場合はSlideDownを適用して出現させる という処理を自動化できる。自分で判断しなくて良いので楽チンだ。 デフォルトでは Effect.PAIRS = { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] },という3組が用意されているが、これは自分で定義することも可能。 例えば以下のようにすると Grow ⇔ Shrink のトグルエフェクトが定義できる。 Effect.PAIRS['grow-shr
僕のメモ帳: script.aculo.us Version 1.5.1
script.aculo.us ペースはえー。V1.5.1ではeffect.jsの変更、追加が中心。 目立ったところでは、僕のメモ帳でも取り上げているエフェクトの切り替え、「Effect.toggle」がコンビネーションエフェクトとして追加されてました。 この「Effect.toggle(element,effect)」で使用できるエフェクトの切り替えは「slide up/down」「blind up/down」「apper/fade」の3種類。 使い方はこれまでのエフェクトと一緒。 <div onclick="Effect.toggle('toggle_element,'slide')">Effect.toggle</div> <div id="toggle_element">要素</div> な感じ。 エフェクト中に再び同エフェクトを呼び出すと具合が悪いのは相変わらず。なの
scriptaculous逆引きサンプル集 - JavaScriptist
はじめに bookmark scriptaculousの概要 ボックス要素に対して表示/非表示エフェクト bookmark フェードインで表示 - Effect.Appear フェードさせる - Effect.Fade ブライドダウン効果 - Effect.BlindDown ブラインドアップ効果 - Effect.BlindUp スライドダウン効果 - Effect.SlideDown スライドアップ効果 - Effect.SlideUp 折りたたむ効果 - Effect.Fold 縮小後消失 - Effect.Squish テレビのスイッチオフ風に消失 - Effect.SwitchOff 落下後消失するアニメーション - Effect.DropOut 拡大アニメーションで表示 - Effect.Grow 拡大アニメーションで消失 - Effect.Puff 縮小後消失 - Effec
【連載】いまからはじめるScript.aculo.us (2) 複合的な動きによる演出効果 | エンタープライズ | マイコミジャーナル
前回は基本的な演出効果を実現する方法を紹介した。今回はそれらを組み合わせて複合的な動きをする演出効果を紹介したい。Script.aculo.usのバージョンは引き続き1.8である。詳細はWikiページで確認していただきたい。 なお、オプション以外で省略可能な記述は[〜]で表す。オプションはすべて省略可能だ。また、画面上での動作を示すために、要素の元の大きさを点線で示す別の要素を重ねて表示させている(画像はInternet Explorer 7で実行したもの)。 表示済みの要素に動きを与える Effect.Shake( IDもしくはDOMオブジェクト, { オプション } ); または $( IDもしくはDOMオブジェクト ).shake( { オプション } ); 左右に揺れる。durationとdistanceを短く設定すれば、ブルブルと震えてあたかも首を「イヤイヤ」と横に振っている
prototype.js リファレンス
prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です（2007/11/8）。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
youmos.com
http://www.h2o-ajax.com/archives/tag/scriptaculous
JSON prototype.js - まちゅダイアリー (2006-01-10)