in_place_editorの機能拡張 - ザリガニが見ていた...。
今まで、InPlaceEditorを導入しているにもかかわらず、通常のEditリンクを残していたのは、InPlaceEditorの挙動を完全にコントロールできないで悩んでいたからである。解決したい問題は以下の2点。 htmlエスケープの処理方法 現状では、＜h1＞abc＜/h1＞という文字列を素直に編集することが出来ない。以下のような状況。 loadTextURLオプションで、htmlタグを含む文字列を渡すと、編集モードでは、タグ部分は削除されて表示される。（→ abc） かといって、文字列を渡す前にhtmlエスケープ処理して渡すと、エスケープされた見慣れない文字列を見ることになる。（→ ＆lt;h1＆gt;abc＆lt;/h1＆gt;） ブランク項目に対する入力方法 現状では、externalControlオプションでid属性を指定したマークをクリックすることで実現している。しかし、以下
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
Google Sites: Sign-in
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
Home — scriptaculous — GitHub
This repository is private. All pages are served over SSL and all pushing and pulling is done over SSH. No one may fork, clone, or view it unless they are added as a member. Every repository with this icon () is private. This repository is public. Anyone may fork, clone, or view it. Every repository with this icon () is public.
SIMILE | Timeline
Timeline has graduated! The Timeline 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. Timeline is a DHTML-based AJAXy widget for visualizing time-based events. It is like Google Maps for time-based information.
Fenrir's BLog: Ajaxでdocument.writeするJavaScriptへの対策
最近サイトをAjax化、つまり非同期通信をすることによってアクセス時の体感速度を向上させようとしています。JavaScriptライブラリのサイズを小さくするという内容の記事にも書いたとおり、Ajaxの非同期通信は有名ライブラリであるprototype.jsを利用して実現しようと考えていましたが、ここでJavaScript、特にdocument.writeをしてくるJavaScriptを非同期で扱う際にサイトが壊れるという現象に遭遇しました。そこで今回はその対策についておこうと思います。 少し長くなりそうなので、サイトをご覧の方は『続き』からどうぞ。 まず、サイトが壊れるという現象ですが、外部JavaScriptファイルとしてext.jsというのがあったとします。その内容はdocument.writeをするだけのもので、以下のとおりだとします。
jQuery 開発者向けメモ - 基本・サンプル
基本 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したインタラクティブなページを作ることが出来ます． 以下のサンプルを見れば，JavaScriptらしい表記をほとんどする必要がないことがわかると思います． toggleサンプル 特定のブロックの表示・非表示を切り替えるのは以下のようなコードになります． $("#target_toggle").toggle("slow"); このブロックは，<p id="target_toggle"> です． Ajaxサンプル Ajaxでhello.htmlをロードするのは以下のようなコ
『ちよろず。』 - "Google AJAX Search API"でお手軽にアナタのサイトにGoogleを。
以前から、Google Web APIsとしてGoogle以外のアプリからSOAP経由でGoogleの検索結果を取得することは出来たのですが、JavaやPerl等でSOAPプログラミングをするのは僕のようなフツウの人からすれば「ムリメ」であったことは否めません。そんなムリメだった高嶺の花が、アナタの手の届く距離まで近づいたかもしれません。そんな隣のお姉さんのような庶民派のAPIが、今日ご紹介する「Google AJAX Search API」です。Google AJAX Search APIって何？読んで字の如く、という説明になってしまうのですが。Google AJAX Search APIはJavascriptから利用することができるGoogle検索のAPI。使い方はJavascirptに関するちょっとした知識のある方であれば、基本的な部分は「あっちゅうま」に分かる位簡単です。まずは、G
simpleseating.com - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Bernie's Better Animation Class
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
overLIB - Homepage
What is overLIBoverLIB is a JavaScript library created to enhance websites with small popup information boxes (like tooltips) to help visitors around your website. It can be used to provide the user with information about what will happen when they click on a link as well as navigational help (see the examples below). Not to mention that it looks cool, is stable, and has an active developer commun
Dragonfly? いいえ、ケフィアです: Ajax：Yahoo!UIライブラリーやRico.jsの解説
When actions are no longer occurring just at the page level but within the page itself, more clues are required to clue the user on what has transpired. Cinematic effects such as scaling and smooth sliding transitions can communicate change in richer ways than traditional web applications have explored before. Rico provides several cinematic effects as well as some simple visual style effects in a
Prototype Window Class : Samples
Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose(). You can open the debug window if you
Prototype Window Class : Introduction
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
想－IMAGINE Book Search | 多様な情報源の想いを連ねて発想しよう!
http://solutoire.com/plotr/
Ajax/Javascript/Dhtml examples and demos to download
ドラッグ＆ドロップでAjaxページが作成できる「AjaxBuilder」
Rico リファレンス
PocketMod: The Free Disposable Personal Organizer