フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」:phpspot開発日誌
fValidator - Alone Simple form using fValidator フォーム値のチェックをJavaScriptで簡単かつクールに行う「fValidator」。 fValidator を使えば、次のように input エレメントの class 属性に 値を指定するだけで入力チェックの機構を実装できます。 <input id="exA_Id" class="fValidate['required']" name="id" type="text"> <input id="exA_cPassword" class="fValidate['required','=exA_Password']" name="cpassword" type="password" > JavaScript で入力チェックというと結構面倒なイメージがありますが、このライブラリを使ってしまえばHT
20行で実現できるAjaxタブインタフェース:phpspot開発日誌
Dynamic Ajax Tabs in 20 Lines | 20bits The tabbed document interface is a common solution to the problem of presenting a user with multiple document in one window. 20行で実現できるAjaxタブインタフェース。 次のようなタブインタフェースをたったの２０行で実現可能なようです。 次のようなDIV要素を定義します <div class="tabbed-pane"> <ol class="tabs"> <li><a href="#" class="active" id="pane1">Pane 1</a></li> <li><a href="#" id="pane2">Pane 2</a></li> </ol> </p> <div
TAKESAKO @ Yet another Cybozu Labs: Wiiリモコンの値をJavaScriptで取得する方法（Wiiインターネットチャンネル）
任天堂のQ&Aサイトで、Wiiリモコンの値を取得する方法が公開されていることを知人から教えてもらいました。 インターネットチャンネル向けのウェブページを作りたいのですが…。 : Ｑ＆Ａ - Ｗｉｉ インターネットチャンネルの拡張機能について知りたい Ｗｉｉインターネットチャンネルでは特別な JavaScript を用いる事でＷｉｉリモコンのひねりや テレビとの距離、複数のコントローラの状態を取得する事ができます。 手元にWii本体の実機がないので（Wiiリモコンはある＾＾）まだ試していませんが、こんな感じでJavaScriptからWiiリモコンの値が取れるっぽいですね。 if (window.opera && window.opera.wiiremote) { var num = 0; // wiiremote number 0,1,2,3 var pad = window.opera.w
昨日のエントリ「document.title の罠」の間違いのお詫び ＆ 補足 - IT戦記
昨日の「document.title の罠」としたエントリですが document.title の罠 - IT戦記 一部間違いがありましたので訂正とお詫びです。 そのエントリでは、例を <div id="title"></div>としていましたが、 div 要素では発生しませんでした。 ちょっと僕が仕様を捉え違えていたようで、 img, applet, object, embed 以外のタグでは発生しないようです。 混乱させた方、申し訳ありませんでした。 nsHTMLDocument のソースにもろに書いてあるようです。 embed, img, object, applet で再現できました。div などでは無理なようです。 http://lxr.mozilla.org/seamonkey/source/content/html/document/src/nsHTMLDocument.cp
Adobe AIRメモ
AIR 「AIR(Adobe Integrated Runtime)」(コードネームApollo)とは、Adobe社が開発中のFlash技術を利用したデスクトップアプリケーションの実行環境。 Flashとの違いは、WEBブラウザに束縛されず、 デスクトップのハードディスクへのアクセス、クリップボード、ドラッグ&ドロップ、拡張子登録といった機能を利用できる点。Flashだけでなく、HTML/JavaScript/CSSやPDFも動作する。フルスペックのHTML/JavaScript/CSSに対応しているため、Ajaxのページも表示可能。 OSに依存しないデスクトップアプリケーション実行環境としては.NetとJavaもあるが、.Netは事実上Windowsのみしか対応してなく、Javaはランタイムのインストールがユーザーには敷居が高いという欠点がある。それに対しAIRはWindows
String.prototype.supplant - FAX
JavaScriptDouglas Crockford: ”The JavaScript Program - Yahoo! Video String.prototype.supplant = function (o) { return this.replace(/{([^{}]*)}/g, function (a, b) { var r = o[b]; return typeof r === 'string' ? r : a; } ); }; var template = '' + 'Last{last}' + 'First{first}' + ''; var data = { first: "Carl", last: "Hollywood", border: 2 }; mydiv.innerHTML = template.supplant(data);
Livedoor Reader や Livedoor Clip を読んだときに Firebug が壊れる件を修正。 - IT戦記
今まで LDR や LDC を使うと Firebug が壊れて困ってました＞＜ 原因が分かったので エントリーを書いてみました。 原因は Livedoor Reader や Livedoor Clip が parent という名前のグローバル関数を定義していること。 Firebug が parent を無条件に Window オブジェクトと判断していること。 で、修正方法 まず、 Firefox のプロファイルディレクトリに行く。 環境 プロファイルディレクトリ WinVista C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\ WinXP C:\Users\[ユーザ名]\AppData\Roaming\Mozilla\Firefox\Profiles\[ランダムな文字].default\
Google AJAX Feed API公開、サンプル「AJAX Tune Bar」の作り方（グーグル）
Googleは、Google AJAX Feed APIを公開した。乱立するフィード形式をGoogle側で吸収し、JavaScriptで扱うことができる。 Google AJAX Feed APIはGoogleサーバがさまざまなソースからフィードを取得。ユーザーはGoogleサーバを介して外部フィードを取得するため、セキュリティ制約を気にすることなく利用できる。フィードフォーマットもAtom、RSSの各バージョンに対応しており、これらの違いはGoogle側で吸収するため、意識する必要がない。データはXMLまたはJSON形式で取得可能。そのため、他のJavaScript APIとのマッシュアップも行うことができる。 GoogleではサンプルとしてITunesのRSS情報を取得し、ジャケットを表示させる「AJAX Tune Bar」を公開している。以下、簡単な作り方を見てみよう。
完全私的 忘却防止メモ Firefox 上の全ての関数監視 - IT戦記
with(Components) var jsd = classes['@mozilla.org/js/jsd/debugger-service;1'] .getService(interfaces.jsdIDebuggerService); var store = new なんかストレージっぽいもの; function hook() { jsd.enumerateScripts({enumerateScript: function(s){store.add(s)}}); jsd.scriptHook = { onScriptCreated: function(s) {store.add(s)}, onScriptDestroyed: function(s) {store.remove(s)} }; } jsd.breakpointHook = { onExecute: function(
JavaScript で簡単にスタックトレースを取るテクニック
Firebug を使うと console.trace(); これだけでスタックトレースを取ることが出来ます。 でも、 XUL の開発とか、人のブラウザで Firebug が入ってない時とかは出来ないので、 そういう時は、 alert(Error().stack); これだけで出来ます。まあ Firefox only ですが。
JKL.Dumper - JSONデータダンプクラス
JSON形式テキストに変数の内容をダンプするクラスです。 JavaScript の開発時にデータ構造を確認するのに使えます。 JavaScript ソースのダウンロードはこちら： jkl-dumper.js （右クリックして［対象をファイルに保存］を選択） Internet Explorer 6.0、Firefox 1.0、Opera 8.0 で動作確認済です。 サンプルソース var data = { string: "string", array: [ 1, 2, 3 ], hash: { key1: "value1", key2: "value2" }, data1: null, data2: true, data3: false }; var dumper = new JKL.Dumper(); // Dumperオブジェクトを生成 document.write( dumper.d
Web Design Sydney
Simple. Effective. Functional. Website design which just makes sense Over 20 years experience growing Australian businesses with innovative web based solutions. Get a FREE Quote Find out more I made an extra 1 million dollars last year. ...but don't raise your rates! The intranet solution saved me having to employ 3 more people at this time! The online ordering has reduced our phone order taking b
PHPとAjaxでクールなグリッドウィジェットを実現「XAJAX PHP Live Datagrid」:phpspot開発日誌
PHPとAjaxでクールなグリッドウィジェットを実現「XAJAX PHP Live Datagrid」 2007年05月11日- XAJAX PHP Live Datagrid / Gridview I’ve come across a lot of these ‘live’ datagrids / gridviews and I haven’t really found one I like. PHPとAjaxでクールなグリッドウィジェットを実現「XAJAX PHP Live Datagrid」。 次のようなソート可能なグリッドテーブルを実現できます。 CSSによってレイアウト変更が可能なようです。 同じようなライブラリは存在しますが、PHP+XAJAXライブラリなものということで、そちらに慣れている人には使いやすいでしょう。
Firebug の monitorEvents unmonitorEvents がバグってる件とそのバグ修正方法 - IT戦記
以下のエントリーを見て FirebugのmonitorEventsが動かない - Enjoy*Study で、実際はどうなんだろうと試してみた。 ちなみに monitorEvents とは Firebug のコンソールで >>> monitorEvents(document.body) と打ち込むと document.body にあがってきた全てのイベントをモニタリングできる >>> monitorEvents(document.body, 'click') と打ち込むと document.body にあがってきたクリックイベントをモニタリングできる >>> monitorEvents($('target')) もちろん document.body 以外もできる そんな機能 たしかに、現在の Firebug 1系 ではこれがバグっててまったく機能してない！ なんで今まで気がつかなかったんだ
404 Blog Not Found:Digest - 今日にでも使うべきJavaScriptの7つのテクニック
2007年04月25日12:00 カテゴリLightweight LanguagesBlogosphere Digest - 今日にでも使うべきJavaScriptの7つのテクニック 良質の記事だけに全訳したかったのだけど、時間もないので紹介と抄録。 Digital Web Magazine - Seven JavaScript Techniques You Should Be Using Today サンプルコードは、適宜書き換えてあります。 1. Branch when possible - 分岐はなるはやで これは実例を見た方が早いでしょう。クロスブラウザー対応のaddListener()を考える。機能だけを考えれば、以下でOK。 function addListener(el, type, fn) { if ( window.addEventListener ) { el.addE
JSDB: JavaScript for databases
"As a general-purpose scripting environment I have found JSDB ... to be a superbly powerful and extensible environment for managing batch tasks." — A. M. JSDB is JavaScript for databases, a scripting language for data-driven, network-centric programming on Windows, Mac, Linux, and SunOS. JSDB works with databases, XML, the web, and email. It is free and open-source. Use it as a JavaScript shell, t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.missingmethod.com/projects/slider.html
CSSとJQueryでマック風ドックメニューを実現 | SiMPLE*SiMPLE
http://youmos.com/news/lightwindow.html
http://youmos.com/news/cropper.html