prototype.js で element にメソッドを追加する方法
prototype.js で element にメソッドを追加する方法 2007-07-06-1: [JavaScript] prototype.js 1.5 から $ メソッドが改良されて $('foo').show(); のように書けるようになりました． prototype.js のソースを読んでいくと Element.Methods に好きなメソッドを追加できそうなのでやってみました． Element.Methods.warning = function(element) { $(element).style.color = '#f00'; return element; }; Element.addMethods(); // addMethods しないと追加されない！ 上記は，指定された element を赤色にして警告するものです (いい例が思いつかない……)． 以下のようにし
Prototype.js news scroller
by James MacFarlane Wraps automaticaly. Stops on mouseover. View source to grab the example. • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. • Suspendisse at felis. • Etiam ullamcorper. • Aenean fringilla, eros eu dapibus tristique, erat lacus vestibulum metus, nec pharetra leo ante et quam. • Nunc ac mi molestie justo placerat laoreet. • Morbi eget dolor. • Curabitur pretium, m
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List Mootools version1.0以降のものを使ったプラグインとごくごく簡単なサンプルのリスト。moo.fxやversion1.0以前で動くものは除外してます。(一部除く) tracやforumを常に追っている方にはあまり有用では無いかも。 項目をクリックすれば表示されます。コメントなどは下の記事へ。 mootools 1.0のプラグインやサンプル、デモなんかをまとめてみた。 * 勉強も兼ねているので、エフェクトがちょっと鬱陶しいかもしれませんがご容赦ください。更新履歴 (Changelog) は一番下にあります。 リンクをクリックする際は、新しくタブで開くことをオススメします。 09.05.14 追記: 検索でもトップのほうに来るのに、全然更新もしないし1.2以降に対応して
lockエラー | 月額200円からのレンタルサーバー JSN
まずは最近知って便利だと思ったCSSの小技をひとつ。 文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。 他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で
超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」:phpspot開発日誌
Programming and Designing for the Web FrogJS Javascript Gallery FrogJS is a simple, unobtrusive javascript gallery. It is not a replacement for other thumbnail galleries such as Lightbox JS, but rather a different way of showing galleries. 超クールな画像スライドショーを実現するためのJavaScriptライブラリ「FrogJS」。 以下のデモサイトを見ると分かりますが、今までにない超クールなスライドショーを実装できます。 実装方法は、まずスクリプトを読み込みます。 <script type="text/javascript" src="scripts/p
Prototype.js 1.5.0 がこの一週間めちゃめちゃ更新してるので、新しい機能をまとめてみた - IT戦記
最近の Prototype.js LL Ring でも言ったけど、まったくもって 4 ヶ月間更新なしだった。。。 しかし！ ここ、 1 週間でこんなに更新があった！ http://dev.rubyonrails.org/changeset?new=spinoffs%2Fprototype%404950&old=spinoffs%2Fprototype%404236 ということで、新しい機能まとめ DOM 要素に observe, stopObserving Element.Methods に observe が追加された。 var handler = alert.bind(null, 'クリックありがとう！'); $('target').observe('click', handler); // うーん、直感的！ $('target').stopObserving('click', han
[JavaScript]DOMっぽいイベントハンドラ、結局最後はprototype-js(後編): CodeWeb
前編の続きです。 bodyの中からイベントハンドラをなくす(Mozilla) さて、ここからが本題です。HTMLソースからイベントハンドラをなくします。尚サンプルはFireFoxとかじゃないと動きません。IE非対応。 で、onclickさんがどっかいっています。どこにいったかというと、 document.getElementById("button3").addEventListener("click",test3,false); この行にいます。addEventListenerというのがイベントハンドラの変わりになるものです。 オブジェクト.addEventListener(イベント,関数,false)ってなかんじで書くと制御できるんですが、これだとHEADの中に書いても下のソースが読み込む前に実行されるのでエラーがおきてしまいます。なのでこの一文が入ります。 window.addEve
IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)
Prototype.js や MochiKit や jQuery や dojo こういう便利なライブラリがたくさん出てきてとても便利になりました。 でもそのライブラリ本当に必要？ たしかに、グループワーキングを行うにはこれらのライブラリは必須だと思います。 でも、ちょいスクリプトを作るのに .bind(this) や $ や each や Event.observe が必要でしょうか。 いささかオーバスペックな気がします。 実際に「このツール Prototype.js 必須かよ。こっちは MochiKit で作ってるのにぃ」とかってことも多々あります。 あれを使うためにあれとこれを読み込んで、これを使うためにこれも必要だな。こんな感じだとサイトはどんどん重いものになってしまします。。。orz そこで、原点回帰です。 ちょっとしたツールでライブラリ使うのはやめようよ！何も使わなくても Jav
![IT戦記 - [javascript] Plain Old JavaScript Prototypes (普通の JavaScript も使えるようにしよう)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d517fd1624c9b56729f71c43450e6b5ea140006/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551289%2F1527141738)
MooTools - a compact javascript framework
MooTools is a collection of JavaScript utilities designed for the intermediate to advanced JavaScript developer. It allows you to write powerful and flexible code with its elegant, well documented, and coherent APIs. MooTools code is extensively documented and easy to read, enabling you to extend the functionality to match your requirements. Open Source LicenseMooTools libraries are released under
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
ウノウラボ Unoh Labs: 【Web Design】なるほどリンク集 その１
こんばんわ、sashaです。 ラボブログの当番が回ってきて、ネタがなくて困っていたところに、私がCSSでデザインをする上で参考にしているサイトを書いてみたら、とみんなに言われました。なるほどねー！じゃ、そうしよう。 ただ、恐縮ですが、私は7月にウノウに入社するまで6年間海外にいたため、リソースも英語サイトばっかです。おっと。アレルギー反応を起こさないでください。興味がある分野で日々英語のサイトを見続けるのも、英語に親しむ手段の一つです。 逆に、国内のリソースに関しては浦島太郎状態なので、皆様からの「このサイトいいよ！」をお待ちしてます☆ さて、第一回目は、日々チェックしたいサイトたちです。今後、「チュートリアル系」、「ユーザビリティ系」など、気が向いたときにまとめたいと思います。 日々の読み物 - 最低限、目を通したいサイトたち A List Apartmezzoblue456bereas
jigelog » prototype.jsを軽くする方法
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
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
prototype.js逆引きサンプル集 - JavaScriptist
はじめに bookmark prototype.jsの概要 ユーティリティ関数 bookmark 指定idのエレメントを取得 - $ 指定idのエレメントのvalueを取得 - $F エレメントのリスト形式を配列形式に変換 - $A オブジェクトをHash形式に変換 - $H 指定した範囲のリストを返す - $R prototype.jsで追加された機能 bookmark Ajax Ajaxリクエストを行う - Ajax.Request Ajaxで指定エレメントの内容を書き換える - Ajax.Updater Ajaxで指定エレメントの内容を定期的に書き換える - Ajax.PeriodicalUpdater 定期的に指定の処理を行う - PeriodicalExecuter Enumerable リストに特定の関数で処理させる - Enumerable.each リストの全ての値を調べる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/livepipe.html
wrapScroll JavaScript Library - youmos
ドメインパーキング
http://www.t-life.jp/webroom/archives/2006/11/post_16.php
mir.aculo.us JavaScript with Thomas Fuchs » Blog Archive » script.aculo.us 1.7 beta demos
Spinelz - JavaScript libraries