タグ

webとjavascriptに関するkoka_orzのブックマーク (3)

  • 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を活用することで、画面全体を再描画せずに画面上の一部分のみを変更し

    Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
  • イベントハンドラをHTMLから分離する イベント追加と削除のクロス関数 - [JavaScript]All About

    *n4でも動作します。 前回は、インラインのイベントハンドラをHTMLから切り離す方法を紹介しました。今回は、以前紹介したイベント追加と削除のクロスブラウザ関数を利用して前回同様の方法を試してみようと思います。 クロスブラウザ関数を使うことで、ブラウザ間の動作を吸収し、スクリプトを汎用的にします。また、使わなくなったイベントを明示的に削除するというテクニックも確認します。 1: イベント開始(追加)関数を利用してみる 2: BODYタグ内のonloadでonclickイベントをセットする 3: BODYタグのonloadもHTMLから切り離す 4: イベントを停止する 5: イベント追加停止共にインラインから切り離す 6: js外部ファイルで完全に切り離す * イベント追加と削除のクロスブラウザ関数については以前の 「クロスブラウザを制する」シリーズ イベント

  • Collection & Copy - JavaScriptにおけるプライベートメンバ

    JavaScriptにおけるプライベートメンバ 翻訳 原文:Private Members in JavaScript Copyright 2001 Douglas Crockford. All Rights Reserved Wrrrldwide. JavaScriptJavaScript: 世界で最も誤解されたプログラミング言語です。JavaScriptのオブジェクトが、プライベートなインスタンス変数およびインスタンスメソッドを持てないため情報を隠蔽する能力が欠けていると思われることがあります。しかし、これは誤解です。JavaScriptのオブジェクトは、プライベートメンバを持つことができます。その方法は以下です。 オブジェクト JavaScriptはオブジェクトを基礎としています。配列はオブジェクトです。関数もオブジェクトです。オブジェクトもオブジェクトです。それならば、オブジェク

  • 1