IDEA * IDEAドットインストール代表のライフハックブログ
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
JavaScriptでJSONをeval - sshi.Continual
JSON文字列をevalして値を取りたいときに挙動が妙ではまった、という話を聞いたので、Firefox1.5上のFireBugのコンソールで何パターンか試してみた。 {"key":"value"}というJSONデータが文字列で渡ってきて、それをevalしてJavaScriptの値として使いたい、という想定。 間違ったJSON文字列をevalした場合 >>> jsonstr = "{key:\"value\"}" "{key:"value"}" >>> var obj = eval(jsonstr) >>> obj "value" >>> typeof(obj) "string"JSONのオブジェクトでは、ラベルも""でくくって文字列にしないといけないのだが、まずはそれを忘れた場合を試してみた。結果として返ってくるのは、なんとJSONのハッシュの要素にしたつもりの文字列のみ。 正しいJSON
jQueryから簡単に使えるMP3プレイヤー「jPlayer」:phpspot開発日誌
jPlayer : the only CSS styleable jQuery mp3 player plugin jQueryから簡単に使えるMP3プレイヤー「jPlayer」 jQueryなので実装がすごく簡単で１行。 $("#jpId").jPlayer({ /* options */ }); 各種オプション指定で柔軟にカスタマイズすることができます。 次のように ready イベントハンドラに再生処理を入れて再生することができるみたいです。 $("#jpId").jPlayer( { ready: function () { $("#jpId").changeAndPlay("../mp3/elvis.mp3"); }, cssPrefix: "my_jp_class"} ); }); 他にも色々メソッドが用意されていて、便利に使えそうです → リファレンスはこちら
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
ファイルアップロード時に進捗プログレスバーを表示(PHP5.2 + Ajax)|WEBで何か作るよ(Ajax/php etc.)- livedoor Blog（ブログ）
PHP(PHP5.20以前)の標準状態では、ファイルアップロード中のサイズを取得することができなかったけれど、 PHP5.20で取得できるようになったようなので調査。 (extensionとかPerlを使わなくても良くなった) 実装サンプルコード(一部) <?php if($_SERVER['REQUEST_METHOD']=='POST') { $status = apc_fetch('upload_'.$_POST['APC_UPLOAD_PROGRESS']); $status['done']=1; echo json_encode($status); exit; } else if(isset($_GET['progress_key'])) { $status = apc_fetch('upload_'.$_GET['progress_key']); echo json_encod
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
LivePipe
Looking to build a new feature-rich JavaScript app or registration page? These days websites are full applications that run in the browser, and you’ll need a solid foundation to build them on. In this article we’ll compare some of the most popular JavaScript frameworks and give some examples of sites that use them. React.js ReactRead More Introduction LivePipe UI is a suite of high quality widgets
MOONGIFT: � Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」
※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このような仕組みはいかがだろう。 今回紹介するオープンソース・ソフトウェアはjGrowl、JavaScriptで作られたGrowlだ。 GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーション
あるＳＥのつぶやき: dhtmlxGrid - すばらしく高機能なJavaScriptグリッドライブラリ
dhtmlxGrid - sortable Javascript DHTML grid with rich script API dhtmlxGridは、すばらしく高機能なJavaScriptグリッドライブラリです。 ただ、フリー版(Standard Edition)はGPLライセンスなんですよね。 でも、商用利用のProfessional Editionでも149ドル程度ですし、追加機能も使えるようなので、Professional Editionの方がいいかも。 よさそうな機能は、以下のようなところです。 マルチカラムヘッダー機能ヘッダークリックソート機能(マルチカラムヘッダーでも)直接グリッドのデータを編集できる機能列固定スクロール機能列幅変更機能改ページ機能フッター機能イベント追加機能 結構いいかも。 ・スナップショット１ ・スナップショット２(フッター付)
リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」:phpspot開発日誌
リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」 2006年10月20日- dhtmlxGrid - sortable Javascript DHTML grid with rich script API dhtmlxGrid is a cross-browser editable JavaScript grid control that provides professional solution for representing and editing tabular data on the web. リッチなExcel風グリッドインタフェースを提供するJavascriptライブラリ「dhtmlxGrid」。 見出し部分をクリックで各アイテムをソート可能。セルのフォーマットを指定でき、チェックボックスやラジオボックスを置くことも
jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」:phpspot開発日誌
jQuery: jqGalScroll 2.0 (Photo Gallery) | The Book and the Cover jQueryを利用したスムーズに動作する画像ギャラリー「jqGalScroll 2.0」 写真下部分の番号を押すとスライドアニメーションしながら写真が切り替わります。 HTMLソースは次のような感じにクリーンになります。 <ul> <li><img src="common/img/baby-02.jpg" alt="This is a baby" /></li> <li><img src="common/img/baby-03.jpg" alt="" /></li> <li><img src="common/img/baby-04.jpg" alt="" /></li> <li><img src="common/img/baby-05.jpg" alt="" /
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
Relay: Ajax Directory Manager
Are you fed up with that lame old directory manager your hosting company provided you with for you website or blog? If you are already familiar with windows or mac file browsers, why should you have to change the way you work for the web? Try Relay for a change. drag-n-drop files and folders dynamic loading file structure upload progress bar thumbnail view, including pdf multiple users & accou
Aptana
Register now for Axway Summit 2024 and get energized to accelerate your digital transformation. Learn More Aptana Studio 3 is an open-source web development IDE, and while we are no longer actively maintaining the repository, it is still open-source and public so if you wish to download Aptana Studio 3 you can do so on GitHub.
Yahoo! UIのTreeViewを使う1 - ［JavaScript］All About
Yahoo! UIのTreeViewを使う1 Ajaxとともに注目の集まっている分野に、JavaScriptのDHTMLなエフェクトを使ったライブラリ群があります。有名なところでは、Dojoやprototype.jsを利用したscript.aculo.us、Rico、あるいは、Yahoo!が提供しているYahoo! User Interface Library(Yahoo! UI)などです。 これらの他にもいろいろあって、現在は群雄割拠という状態ですが、いずれも、アニメーションやウィジェット、ツリーメニューやカラーエフェクト、ドラッグドロップなどのツールをAjaxな機能とともに提供しているのが特徴です。 それぞれのライブラリには、それぞれの特徴があり、使用方法もさまざまですが、今回は、その中からYahoo! UIのTreeViewメニューを取り上げて、使ってみたいと思います。Yaho
YUIのツリーメニューでAjaxな動的ロード - ［JavaScript］All About
JavaScript ガイド：高橋 登史朗 Ajaxなど、何かと最近騒がれているJavaScriptの最新情報とその活用方法を解説します。 掲示板 取材依頼 問合せ YUIのツリーメニューでAjaxに動的ロード 前々回、 前回と Yahoo! UIのTreeView(以下、YUI)を利用して簡単にツリーメニューを作成するサンプルを作ってきましたが、 今回は、いよいよそれをベースに、Ajaxな動的ロード機能を追加してみます。 今回のソースは、前回作った、 配列型のJSONデータを与えて、メニューを自動生成するタイプの改造と拡張です。 前回のデータは、今回のスクリプトでもそのまま使えます。 今回の主な変更点は、Ajaxによる動的ロード機能を追加したことです。ツリーホルダに動的ロードを指定できるようにしたことで 、そのホルダをクリックすると別に用意したJSONデータの
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」:phpspot開発日誌
ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」 2007年09月03日- Eulerian Technologies - DatePicker using Prototype and Scriptaculous You'll find here the code and instructions for a datepicker widget using Prototype and Scriptaculous librairies. ありそうでなかったPrototype.jsベース(script.aculo.us使用)の日付入力補助ライブラリ「DatePicker」。 次のような日付入力補助機能を実装できるようです。 YUIなんかには普通にありましたが、Prototype.js ベースははじめてではないでしょうか？ 実装コードも次のように非
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TECHSCORE - Java,SQLプログラミング技術解説
JSON/簡単なテスト:基本