AJAX APIs Playground
Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs Explorer documentatio
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
[Think IT] 【これならわかる！JavaScript/Ajax】Ajaxライブラリ入門 第5回：Ajax開発の未来 (1/3)
もうHTMLやCSSをゼロから書くことはない？ JavaScriptのライブラリは、各ブラウザ間のバグや仕様の違いを吸収することで、開発者の負担を激減することを可能としました。しかし、JavaScriptの仕様の違いと同時にCSSレイアウトのバグや仕様の違いも、Web開発者の大きな悩みの1つでした。そんな中、最近ではCSSのフレームワークも出てきたので、その中でも注目度の高い2つを紹介します。 1つ目は、blueprintcss（http://code.google.com/p/blueprintcss/）です。blueprintcssは柔軟にグリッドの設定ができるCSSフレームワークです。最新バージョンは0.7です。印刷時のCSSも用意されており、印刷時も適切なレイアウトで表示されます。また、非常に細かくグリッドの設定（http://files.bjorkoy.com/blueprint
MOONGIFT: » Ajaxでもhistory.backを「Really Simple History」:オープンソースを毎日紹介
Ajaxを使ったアプリケーションは、画面遷移の少ないWebアプリケーションを作れる利点はあるものの、これまでのWeb操作に慣れ親しんでしまったユーザにとっては使い勝手が悪い時があった。 それがブラウザの戻るボタンだ。これを押した時、一気に別な画面にいってしまったり、そもそも戻るが有効でないままになっていることが多い。この操作性の違いはユーザにとってストレスになる。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはReally Simple History、Ajaxにも履歴機能を付けるライブラリだ。 Really Simple HistoryはIE、Safari、Opera、Firefoxにも対応したライブラリだ。クリックした時のアクションに履歴を付与していくことで、戻るボタンを有効にし、履歴機能を実現する。 さらに、URLがアンカー付きのユニークなものに変わるのも特徴だ。これをうま
【連載】いまからはじめるScript.aculo.us (1) 概要と基本的な演出効果 | エンタープライズ | マイコミジャーナル
Script.aculo.usは、Thomas Fuchs氏を中心とするチームにより開発されているJavaScriptライブラリだ。MITライセンスが採用されており、2005年から公開を始め、執筆時点では11月に公開されたバージョン1.8が最新版になる。本稿では、そのバージョン1.8を使って(連載継続中にバージョンアップした場合はそちらに変更する可能性がある)、同ライブラリの基本を6回にわたって紹介しよう。 なお、Script.aculo.usを扱ううえでの必須知識となるPrototype.jsの使用法については、連載『いまからはじめるPrototype.js』で解説しているので、そちらをご覧いただきたい。 Script.aculo.usの概要 Script.aculo.usはPrototype.jsをベースに動作するライブラリだが、Prototype.jsが1つのファイルにすべての機能を
【ハウツー】ゼロからはじめるLITBox - ダイアログもスタイリッシュにカスタマイズ (1) ゼロからはじめるLITBox - ダイアログもスタイリッシュにカスタマイズ | パソコン | マイコミジャーナル
LITBoxとは? LITBoxはAjax(非同期通信処理)を利用してWebページをページ内に表示するライブラリです。LITBoxはページ内に独自のウィンドウを生成し、その中にコンテンツを表示します。また、アラートダイアログや確認ダイアログもサポートしているので、自分のWebサイトやブログなどに来てくれているユーザー達に、少々地味なJavaScriptデフォルトのアラートダイアログを使っている場合などには効果的かもしれません。 LITBoxはライブラリにprototype.jsとscript.aculo.usを使用しています。prototype.jsはバージョン1.5.0以降に対応しています。LITBoxはこのURLにあるページからダウンロードすることができます。 LITBoxのオフィシャルサイト Here is the source.の部分をクリックするとダウンロードされる ページのO
Rails/Ajax高速化関係メモ - Rubricks Project
RubyKaigiでも発表させてもらったのですが、Rubricks0.6リリースに向けてパフォーマンスをがんばって上げております。 以下、つらつらと。 render_componentが遅い render_componentはrequest.dupしてコントローラに投げなおすようなつくりになってて無駄が多い。 シンプルなsimple_render_componentを自作して解決。 →コントローラの処理時間がに5倍近く高速化 IEはDOM操作を行うと重い 一般的にDOM操作よりもinnerHTMLの方が速い。 SpinelzをDOM操作ではなく極力innerHTMLで操作するように改良 →IEで約3倍の高速化 毎回JSライブラリを読み直しは重い 数百kbyteのJSライブラリを読み直すのに時間がかかっている。 ほとんどのJSをログイン時に先読みし、画面更新を全てAjaxベースで実施するよう
ぶろぐ。@4bit.net: RESTful Web Applicationの可能性
« LAMP | メイン | AnnotationとPOJO » 2005年06月21日 (火) RESTful Web Applicationの可能性 [テクニカル] RESTについて、前に先輩のsatoshi氏と話をしていたのだが、共通の感想が「WebブラウザからPUT, DELETEメソッドが使えればいいのに…」ということだった。HTML form要素のmethod属性は、仕様として"GET"と"POST"しか許されていない。実装もそうなっているようだ。例えばGekkoの実装の場合「Tociyuki::Diary - Gekkoのform@methodはgetとpostだけを受け付ける」 そこでPUT, DELETEなしでWebアプリケーションのURI設計をするとしたらどうなるかなと思い、ちょっと調べてみると、W3CでXFormsという規格があり、他のメソッドも使えるようになっている
80+ AJAX-Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s re
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox:phpspot開発日誌
Ryan J Lowe’s Dev Blog Blog Archive LITBox LITBox 2.0 has just been released. This version of LITBox is basically a few modifications of Thickbox made into a Prototype class based off of the Scriptaculous. LightBox風リサイズ可能ダイアログ表示ライブラリ:LITBox。 LightBox2同様、prototype.jsとscriptaculous.jsをベースにクラスベースでコーディングされていて、使い方は簡単です。 必要なスクリプト/CSSを読み込んだ後、次のようにonclickイベントでnewするだけです。 <input type="button" onclick="new L
同一ページ内でポップアップウィンドウを開くJavascriptライブラリ:phpspot開発日誌
amix.dk : GreyBox - a pop up window that doesn't suck GreyBoxを使えば、同一ページ内で別のページをポップアップ表示することが可能です。 次のような感じでGoogleもLightbox.jsを使った時っぽく開けます。 右上のclose windowボタンでポップアップを閉じることが出来ます。 デモはこちら （Launch Google でGoogleが開きます） ページに組み込むのも簡単で、必要ファイルをインクルードした後、次の関数を呼び出すだけでOK。 GB_show(caption, url, height, width) 例: <a href="#" onclick="GB_show('Google', 'http://google.com', 470, 600)">Launch Google</a> 新しいウィンドウをtar
Flash / JavaScript Integration Kit
The Flash / JavaScript Integration kit makes it possible to seamlessly communicate between Flash and JavaScript. You can call JavaScript functions from Flash, and ActionScript functions from JavaScript. Download the latest release of the Flash / JavaScript Integration Kit. Go to the project page (on OSFlash). Go to the development site (view the source code or log a bug). License The Flash / JavaS
JavaScriptでの独自右クリックメニューライブラリ作った - spiritlooseのはてなダイアリー
さて、たまにはJavaScriptでも。 JavaScriptで独自の右クリックメニューを簡単に使うライブラリ作った。 http://spiritloose.net/misc/popupmenu/ デザインはlivedoor Readerから頂きました。 var popup = new PopupMenu(); popup.add('メニューに表示するテキスト', function(target){ // なんか処理 }); popup.addSeparator(); // セパレータ追加 popup.bind('targetElement'); popup.bind(); // document がターゲット こんな感じで使える。 jsファイルひとつでよくて、メニューのHTML書く必要はない。スクリプトのみでOK。 CSSファイルとか、他のライブラリとかも不要。 その分デザイン変えるため
JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」:phpspot開発日誌
MS、パケット情報の解析ツール「Microsoft Network Monitor 3」を無償公開 次の記事 ≫：PHPからjQuery（JavaScriptライブラリ）を簡単に使うことができる「PQuery」 RightContext JavaScriptで簡単に独自の右クリックメニューを作成するライブラリ「RightContext」。 ページで右クリックを押したときに、次のようにポップアップで独自メニューを出すライブラリが公開されました。 右クリックにメニューを組み込んでしまうことで、ツールによっては大変便利な使い勝手を提供できるはずです。 以下に実装方法を紹介。 (1) まずScriptファイルを読み込みます。 <script type="text/javascript" src="rightcontext.js"></script> (2) 次に右クリックしたときに独自メニューを表
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChaSen.org
dhteumeuleu
Spinelz - JavaScript libraries
moo.fx