タブで写真切り替え
Lightboxes, Modal Windows and Tooltips for Prototype.js Tutorial API Resources Introduction By default, Control.Modal creates modal windows and lightboxes from any links/anchors elements on your pages. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one
prototype.jsでクロスブラウザなWYSIWIGエディタ:phpspot開発日誌
prototype.jsでクロスブラウザなWYSIWIGエディタ prototype.jsベースで、IE、Firefox、Opera、SafariをサポートするWYSIWYGエディタライブラリです。 prototype.jsでクロスブラウザなWYSIWIGエディタ。 なかなか便利そうですね。 その他のJavaScriptで実装されたWYSIWYGエディタ FCKEditor TinyMCE
Prototype.js 1.5.0 のチートシート:phpspot開発日誌
Prototype 1.5.0 Cheat Sheet - Snook.ca I've gone through and detailed the methods and properties of each of the modules within the Prototype JavaScript library. Prototype.js 1.5.0 のチートシート。 ある程度Prototype.jsに慣れていても、あれなんだったっけな、と関数名を忘れたりしますが、このチートシートがあればそこら辺は解決できそうですね。 PNG画像とPDF版が公開されているので印刷しても使えますね。 関連サイト prototype.js逆引きサンプル集 prototype.jsリファレンス scriptaculous逆引きサンプル集 scriptaculousリファレンス
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」:phpspot開発日誌
Scripteka :: Prototype extensions library Prototype.js (+Script.aculo.us)を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」 例えば、次のようなPrototype.jsを使ったライブラリが紹介されています。 アコーディオン カラーピッカー ツールチップヒント 日付入力補助ウィジェット ライブラリ探しのヒントに。 関連エントリ prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 Prototype.jsベースのUIライブラリ「Prototype UI」 prototype.js逆引きサンプル集 - JavaScriptist
JavaScriptで画像ギャラリーを作ることができるライブラリ
i'm no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at gmail dot (you know what it is) "borrow" the code =) hey all! i needed a quick gallery solution for dro
JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル:phpspot開発日誌
Harry Maugans How to Create a Collapsible DIV with Javascript and CSS One of the most handy (and cool) tricks a web developer could learn to use is collapsible DIVs. JavaScriptとCSSで特定DIV要素の表示/非表示を切り替えるサンプル。 次のように数行で行える簡単なサンプルが紹介されていてライブラリに依存しない＆軽い、簡単な実装を行いたい時に使えます。 <div id="mydiv" style="display:none"><h3>This is a test!<br>Can you see me?</h3></div> <a href="javascript:;" onmousedown="if(document
JavaScript で引数束縛: Days on the Moon
引数束縛 (カリー化) の話。まずは「JavaScriptでカリー化」(檜山正幸のキマイラ飼育記)。タイトルを見てどこかで聞いたような話だなと思ったら「関数の変形」(Effecttive JavaScript - Dynamic Scripting) だった。だが、前者は文字列に戻してから評価というのが力技っぽくて個人的に好きでないし、後者は汎用的過ぎていささかわかりにくい。そこで今回は先頭の引数から束縛していくというのに的を絞ってみたいと思う。 まず第 1 引数のみを束縛する場合。Function#apply を使えば引数を配列として渡せるので、束縛された値と後から渡された引数とを連結してやればいいのではないか。 function curry(func) { return function (first) { return function () { var args = Array.p
Particletree Quick Guide to Prototype
We design and development any game with all your requirment and needs, with all our experiences and profesional team we can make all your imagination come true! Dont hesitate to contact us and discuss all your needs. GK8 Net will give the best design base on your imagination or even we can help you to find new idea to bring all your fantasy into a canvas that ready to develop as a new game. We alw
mixi 新デザインでグリモン作ったり、スクレイピングしたり、しやすくなった - IT戦記
今回の mixi のデザインのポイントは 全ページで prototype.js の 1.5.0_rc0 が読み込まれている 新しいデザインのページはテーブルレイアウトじゃない 新しいデザインのページは id class 付きまくり いろいろ試してみた prototype.js が読み込まれているか確認する alert(Prototype.Version); // 1.5.0_rc0 ページ内に id が何個あるか alert($$('*[id]').length); // トップページに 52 個！ ページ内に class が何個あるか alert($$('*[class]').length) // トップページに 239 個！ おおすごい！ 試しに日記一覧ページから日記の URL を抽出するワンライナー $$('#bodyMainAreaMain dt a').filter(/view_
prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法:phpspot開発日誌
prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法 2006年12月15日- Ajax.PeriodicalUpdater - Ajaxで指定エレメントの内容を定期的に書き換える - prototype.jsリファレンス prototype.jsのAjax.PeriodicalUpdaterをIEでも正しく動かす方法。 prototype.jsのAjax.PeriodicalUpdaterとは、指定のDIV要素(例えば <div id="content"></div>)を指定秒数で定期的に上書きするための機能です。 主に、チャットなど、定期的に特定部分をAjaxによってサーバの返す値に書き換えたい場合に用います。 しかし、IEでは、 http://example.com/server.php というURLにリクエストした場合、2回目以降、キャッ
Hawk's Laboratory » JavaScriptによるUI開発におけるStateパターンの利用
このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
prototype.js で遊んでみた
先日このブログで公開したばかりの、「ライブドア事件」専用トラックバック・ステーションであるが、毎回ページが開かれるたびにデータベースにアクセスする仕組みで作ったのだが、そんな作りのままではトラフィック増には耐えられない。そこで、良く出来たブログ・サービス（例えばMT）の様に、変更があったときに（つまり、トラックバックが送られてきた時に）、データベース上のデータからHTMLページを生成しておき、閲覧時にはそれを返すように変更することにした。 その作業を進めているときに、この手法の一つの欠点に気が付いた。MovableType がしているように、ヘッダーも含めた全HTMLページを生成するようにしておくと、その中にスタイルシート（CSS）へのリンクを埋め込むことになるので、スタイル（見た目）が固定化されてしまうのである。これでは面白くない。そこで、複数のスタイルシートを用意しておき、閲覧時に動的
JavaScriptをこれから勉強しようと思っている人へ(jQueryよりprototype.jsを薦める理由) - os0x.blog
JavaScriptは手軽で、実用的なプログラミング言語 どのくらい手軽かといえばJavaScriptを始めるのに(HTMLとCSSは出来た方が良いけど)予備知識はほとんど必要なくて、ブラウザとエディタさえあればすぐにJavaScriptを動かすことができる(FirefoxにFirebugを入れればコンソールでその場実行できるのでエディタも(リロードも)不要)。 その上実用性も十分で、最近のウェブサービスのバックエンドはPerlやPHP、JavaにRuby、Pythonなどなど様々だけど、フロントエンドは必ずといっていいほどJavaScriptが使われている(FlashもあるけどフルFlashサイトでない限りJavaScriptも使われているし、そもそもFlashを表示するのにJavaScriptが使われていたり)。とにかくJavaScriptが必要とされる場面はすごく多い。 と、こんな理
Tooltip.js
Lotto ist nicht nur eines der ältesten Spiele, die es weltweit gibt, es gehört auch zu den beliebtesten Spielen überhaupt. Die Chance auf einen Millionengewinn lockt praktisch täglich Tausende, wenn nicht gar Millionen Menschen zu den einzelnen Ständen. Dabei hat sich die Möglichkeit einen oder auch mehrere Tipps abzugeben deutlich vereinfacht. Durch das Internet ist es heute an sich nicht mehr no
Aptana入門：Aptanaで、prototype.jsベースのプログラムを作ろう: Recently Ajax
コメント( 3 ) | トラックバック( 2 ) 何度も紹介している「Aptana」ですが、なかなか作り方に癖があるので、基本的なプロジェクトの作り方を紹介しましょう。 まずは、Aptanaを起動します。 図の「新規プロジェクト」ボタンをクリックすると、［New］というダイアログボックスが表示されるので、「Web Library Projects」の中から「AJAX Library Project」を選びます。 適当なプロジェクト名（ここでは、prototype_sampleにしました）を入力し、必要に応じてファイルを保存する場所を設定し、［Next］ボタンをクリックしましょう。次に、使うフレームワークを選ぶ画面になります。ここで「Prototype x.x.x（バージョン番号）」にチェックを入れて［Next］ボタンをクリックしていきます。 これで、プロジェクトが出来上がりました。「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://journal.mycom.co.jp/series/prototypejs/001/menu.html
日本アニメ（ーター）見本市 イブセキヨルニ