川o・-・）＜2nd life - prototype.js 1.5 からの新機能 Template の使い方
JavaScript での変数を使った文字列の作成は何かとめんどくさいですね。prototype.js では 1.5_pre0 から Template という簡易テンプレートとして使えるクラスが加わりました。相変わらずドキュメントはソースと test 嫁なので簡単な使い方を紹介します。 まずは Template となる文字列を new Template で作ります。Template のリテラルは #{}です*1 。 var t = new Template('#{foo}, #{bar}!');次に作成した Template インスタンスの evaluate 関数を呼び出し、引数として Hash(Object) を渡します。 t.evaluate({ foo: 'hello', bar: 'world' }); // hello, world!もしテンプレートを使い回さず、一度限りの文字列
Deneme Bonusu Veren Bahis Siteleri - En iyi Bonus Veren Siteler Nelerdir?
Ücretsiz verilen bonusların free bet ve deneme bonusu adı altında sitelerde verildiği bilinmekte. Bu tür bonuslar küçük miktar olsa da, bazı oyuncular için önemli. Onlar risk almayı istemediklerinden bu bedava bonuslarla para kazanma şansı yakalıyorlar. Çoğu bahis sitesinde güncel deneme bonusları var. Fakat büyük sitelerde bu bonuslar daha büyük miktarlarda verilmekte. Deneme bonusu veren bahis s
標準のINPUTを拡張してフォーム入力を便利にする「inputEx」:phpspot開発日誌
inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリデーション。ＵＲＬやパスワードなんかもあり 階層型のツリーデータを入力 うまく導入してフォームのユーザビリティに役立てたいですね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ 超クールなカレンダー型日付入力補助用JSライブラリ
スライドショーが可能なイメージギャラリー作成ライブラリまとめ:phpspot開発日誌
Awesome enough Slide Shows developed using jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI…..at Developer Snippets Hi Folks out there, Hmm…. I am back again with some useful stuff where you guys can enjoy ? I came up with some awesome slide shows which the web world is using. スライドショーが可能なイメージギャラリー作成ライブラリまとめ。 ということでスライドショーの仕組みも色々あるものですね。 JonDesign’s SmoothGallery LightBox 2 ThickBox 3
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
JavaScriptでMP3を扱えるライブラリ「SoundManager 2」:phpspot開発日誌
SoundManager 2: Javascript Sound For The Web - Schillmania.com A Javascript API was needed to achieve the kind of client-side flexibility I wanted, and access to sound was possible using Flash 8's ExternalInterface capabilities through a hidden movie. JavaScriptでMP3を扱えるライブラリ「SoundManager 2」。 次のように、JavaScriptで音声を再生したいな、と思ったことはないでしょうか。 soundManager.play('helloWorld','/hello-world.mp3'); 今回紹介するライブラリを
Ajax機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」:phpspot開発日誌
The Ultimate Ajax Object Ajax 機能をオブジェクト化してAjax機能のみ単体で使える「Ajax Object」。 prototype.jsなどを使えば、Ajaxは簡単に使えるけど、Ajaxのみの機能を使いたいのに、要らない機能までもブラウザに読み込ませるのは無駄な場合も多いことと思います。 そんな際に使える、ajaxObjectの紹介。ほんの４５行程度のライブラリですが、クラス化されていて再利用が容易です。 使い方は次のように簡単です。 myRequest = new ajaxObject('http://somedomain.com/ad.html'); // オブジェクト初期化 myRequest.callback = function(responseText) { // ajax成功時のコールバック document.getElementById('so
画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々:phpspot開発日誌
画像を同一Window内でスムーズにポップアップしてくれるJSライブラリ色々。 LightBox風ではなく、クリックした画像がそのままズームイン、されるライブラリを紹介。 FancyZoom 1.1 - 最近リリースされたFancyZoom。クリックでアニメーションしながら画像がズーム Highslide JS - 以前にも紹介した、Highslide JS。FancyZoomと動きはほぼ同じ。 Live Thumbnail Demo - 画像をその場でズイズイっとリサイズ (参照記事: サムネイルと元画像の見せ方) 今回新しく紹介する「FancyZoom」は、スクリプトを読み込んで、初期化するだけで、<a href="大きい画像"><img src="小さい画像(サムネイル)"></a> のマークアップにズーム機能が追加されるという点で実装はすごく容易でマークアップも綺麗にできます。
ScriptaculousのEffect実行順序を管理するJSを作ってみた。 - IT戦記
仕事で使おうと思って作ったら意外といい出来だったので公開してみる。 だうそろーど たとえば、こう書くと var element = $('block'); var planner = new EffectPlanner( [ { Move: [element, {x: 200, y: 200}] }, { Move: [element, {x: 0, y: 300}] }, { Move: [element, {x: 300, y: 0}] }, { Move: [element, {x: 0, y: -300}] }, { Move: [element, {x: -300, y: 0}], next: 1 } ] ); planner.start(); こうなる http://sample.ecmascript.jp/20060523-00.html たとえば、こう書くと var col
SIMILE | Timeplot
Timeplot has graduated! The Timeplot project has graduated and moved on with its life. Visit the new home page for more information on how to join the new mailing lists, synch with the new code repositories, issue tracking, etc. Please excuse our mess during the transition. Timeplot is a DHTML-based AJAXy widget for plotting time series and overlay time-based events over them (with the same data f
ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」:phpspot開発日誌
ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」 2006年11月29日- p0t: pprompt.js jsでデフォルトのalert, confirm, promptを単に置き換えるような単純なライブラリないかなと思って探してました。 ページ内でpromptやconfirmの実行を可能にするJavaScriptライブラリ「pprompt.js」。 JavaScriptベースのプロンプトダイアログって何か使いにくい感じがしていたのですが、このライブラリがあればその不満も払拭できそうです。 実装も簡単で、必要なCSSとJavaScriptを読み込んで、次のようにアンカーオブジェクトのonclickイベントから呼び出すだけです。 <ul> <li><a href="#" onclick="PPrompt.alert('This i
ウノウラボ Unoh Labs: prototype.jsへの依存を無くす方法
komagataです。 Javascriptで何か書こうと思ったときにどのライブラリをベースにして作るかで非常に悩みます。一端特定のライブラリに依存してしまうと途中で変更するのが難しそうですし、コアオブジェクトを汚染しているものは混ぜると動かなくなる組み合わせもあります。 別に「Mochikitにしよう！」とか宣言して決めてしまえばいいじゃないかという意見もありますが、妙にそんなところが気にかかってなかなかプログラムを書き始められないことが多いです。 そこで、「どうしても使いたい関数はインライン化すればいいんじゃないか？」と思ったので試してみました。 どういうことかというと、例えばprototype.jsのObject.extendを使って以下のように書きたいところを・・・ var dst = {'foo':1, 'bar':2}; var src = {'foo':100}; var r
Ajax うきうき Watch 第10回歴史年表と地図を効果的に関連付けるAjax
マウスによるドラッグで、東西南北自由な方向に地図スクロールさせる代わりに、MITが作ったTimelineで過去と未来の時間軸を自由に移動してみよう（編集部） Timeline Live Examples, Religion Timelines Live Examples, Dinosaurs 筆者は地図が好きですが、歴史も好きです。そして、この2つは密接な関係があります。例えば、地図に見える不自然な道路や施設などが、なぜ不自然に見えるのかという理由が歴史に埋もれていることがあります。 一例を挙げれば、JR中央線の東中野から立川まで真っすぐの路線が延びている理由は、現在の沿線を見ても分かりませんが、建設当時の状況を見れば一目瞭然です（その辺りはほとんど農地で、土地の既得権でもめることが少なかった）。逆に、歴史の不思議を読み解くために地図は有効な手段となります。 羽村取水堰から四谷大木戸まで続
軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」:phpspot開発日誌
MooTools Mocha UI Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. 軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」。 次のような移動＆リサイズ＆クローズ＆最大化可能なウィンドウを簡単に作成できます。 サイト内のデモでは、タイトルと内容を入力することで、動的にウィンドウを作成できることが紹介されています。 フレームワークには、mootools 使用。 かなり軽快に動いてくれ、ページ内で別窓を作るＵＩを作る際にはかなり使えそう。 関連エントリ Prototype.jsベ
マウスオーバーのタイムアウトを使ったJavaScript - GIGAZINE
通常のマウスオーバーを使うメニューだと、展開まで早すぎる、あるいは遅すぎる場合が多々あるわけですが、このスクリプトだとちょうどいい速度で展開してくれるらしい。 スクリプトの詳細は以下の通り。 Timeout your Mouseovers 上記ページの「Roll over me」の上にマウスを乗せれば展開されます。確かに今までのものよりもスピードやタイミングがちょうどいい感じな気もする。ちょっと一呼吸置いてから展開される感じですね。
NYOKIGLITTER - Tab Styled Accordion
The First Box Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tempus ante nec ipsum. In ut felis id leo aliquet euismod. In augue lorem, posuere eu, tincidunt non, bibendum quis, nisl. Integer erat erat, posuere vel, convallis feugiat, accumsan ac, sem. Sed scelerisque tortor nec leo. Etiam vel massa vitae nulla elementum aliquet. Donec egestas semper tellus. Donec ultrices ante cursu
Dampening, Buffering, OpenSearch, Ajax な Hack - naoyaのはてなダイアリー
ちょっと前に Six Apart の Anil Dash の blog で Web Development Trends for 2006 なんて話題があって、来年のウェブ開発トレンドはこれだ! なんてことを彼の独断でリストアップしてました。氏曰く AtomPP, XHTML, JSON, E4X, Ruby ... などなど。 このリストがほんとにトレンドになるかですが、Ruby は Rails の勢いがますます加速しているし、AtomPP は今年末に仕様が確定する他 RESTful なアプリケーション設計が注目を集めています。あと JSON が熱いのはいわずもがな...ということで結構いいところを突いてる気がします。 この中で聞きなれないれない言葉として Dampening と Buffering というのが出てきます。どちらも Rails を開発した DHH がいる 37signal
JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」:phpspot開発日誌
JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」 2007年02月27日- ModalBox ? An easy way to create popups and wizards JavaScriptでLightBox風のインストーラ用ウィザード作成ライブラリ「ModalBox」。 次のように、LightBox風に同一ページ内で動作するウィザードを作成することが出来ます。 動画が軽くてサクサク動くこのUI は使いどころによってはかなり便利なサイトであるという印象を与えることが出来そう。 実装方法は次の流れ 1) まず、JavaScriptファイルとCSSファイルを読み込みます。 <script type="text/javascript" src="includes/prototype.js"></script> <script type
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」:phpspot開発日誌
JavaScriptライブラリExtを使った伸縮するクールメニュー実装ライブラリ「Ext.Accordion」 2007年06月20日- Ext.Accordion Widget Example by Saki This page is about the InfoPanel and Accordion javascript classes and its purpose is to allow the potential users to get the feel-and-touch of the user interface they provide. It contains also step by step instructions on how to integrate the Accordion to a web page. JavaScriptライブラリExtを使った伸縮する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prototype.jsとは何か - ARK-Web SandBox Wiki