ちょっとモチベーションがあがってきたので、久しぶりのHackネタ。 ちょっと前にAjax周りでJavaScript触って、一番感動したものにdocument.getElementByIdという関数があります。この関数はページ内エレメントをid番号で取得する、ってものなんですけどこれがまた超便利。 元々Flashでは、アニメーションや演出の都合でMovieClipの階層構造がコロコロ変更されることが多くて、そのせいでMCの参照パスがぶっ壊れまくることがよくあります。そんなとき、id番号でMCの階層無視して欲しいMCが参照できたらメチャメチャ便利じゃないかと。いや別に_global関数でもいいけど・・・ でgetElementByIdを擬似実装してみました。 class net.fladdict.util.IdManager{ private static var _idTable:Objec

ムービー上からブラウザ上のJavaScriptを呼び出すにはgetURL()でURL指定部分にjavascript:を記述しその後に実行する命令を記述します。ただし、このまま命令を記述してしまうとブラウザ上に[object window]などの実行結果後の値が表示されてしまいます。これを防ぐためにjavascript:void()として値を返さないようにしvoid()内に実行するJavaScriptの命令を記述するようにします。 getURL("javascript:void(window.open('sample.html','subWin','width=320,height=240'))") サブウィンドウを320x240サイズで開きsample.htmlを表示する getURL("javascript:void(document.myFORM.myData.value=12345)

2008/05/13 Java向け統合開発環境として知られてきた「NetBeans」が各種スクリプト言語への対応を進めている。NetBeansはCDDLまたはGPLv2で配布されるオープンソースソフトウェア。サン・マイクロシステムズの社員がリードするが、コミュニティベースで開発を行っている。 2007年12月にリリースされたメジャーバージョンアップ版「NetBeans IDE 6.0」ではRuby、JRuby、Ruby on Railsをサポート。続いて2008年4月末にリリースされた「NetBeans 6.1」では、JavaScriptをサポートしたほか、5月5日には同バージョンでのPHPの早期サポートを発表するなど矢継ぎ早にサポートするスクリプト言語を増やしつつある。NetBeans 6.1ではRuby on Railsの最新版であるバージョン2.0もサポートする。 先週、米国サンフラ

jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );

ページ遷移前に確認をする、onbeforeunload - 実用 windowのonbeforeunloadハンドラで、Event#returnValueに値を入れると、ページ遷移直前にユーザーに確認ダイアログを表示することができる(んだって)。ネタとしては古いかもしれませんが、ページ移動時にダイアログで確認する際のonbeforeloadイベントの使い方。 ページ移動時の確認ダイアログをどうやるんだったか、うろ覚えで、ちょっと調べるのに手間取ったのでメモ。 次のように書いておけば、ページ移動時に確認ダイアログを表示して移動するかどうかを確認できます。 window.onbeforeunload = function(event){ event = event || window.event; event.returnValue = ' ページ移動時の確認文言 '; } Firefox2と

JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して

連載を始めるにあたって Dojo Toolkitのバージョン1.0が正式リリースされたのは、2007年11月のことだ。現在、執筆している時点でのバージョンは1.0.2である。Prototype.jsやjQueryなど、現在人気のフレームワークが「コードを短く記述できる」事を主眼のひとつとしているのに対し、カバーしている範囲が非常に広いことと、一貫した設計に基づいたライブラリが魅力のJavaScriptフレームワーク、それがDojoだ。 今回は、Dojo Toolkitの解説という形で連載を行うにあたってのイントロダクションとして、どのような読者を対象とし、どうお役に立てるか、という点を明らかにしていきたいと思う。 これまでマイコミジャーナルでは2回にわたって特集を行い、Dojoの魅力と利用方法についてお伝えしようとした。 第1回 基礎知識編…Dojoプログラミングの基礎となるAPIについて

Ruminations: Flot 0.1 released! It draws on inspiration from Plotr and PlotKit, and several other commercial packages. But also from venerable old gnuplot - there's nothing more boring than hand-picking axis scales so I wanted the default algorithm to be smart. jQueryベースの滑らかなグラフ描画ライブラリ「Flot」。 Flotを使えば次のようなグラフをJavaScriptで描画することが可能です。 コードは次のように書くみたいです。 <div id="placeholder" style="width:600px;height

Dojo Toolkitの開発者であるDylan Schiemann氏は13日(米国時間)、自身のブログにおいて新しいDojo Gridのドラフト実装をDojoXトランクへ追加したと発表した。Dojo Toolkit 1.0のリリースまでに多くの開発をする必要があるとしているが、同機能はDojo Toolkit 1.0に同梱されることになりそうだ。開発リポジトリを追っているデベロッパは同機能を試してみるといいだろう。 同氏のブログを読む限りでは、今月末となる2007年10月31日(米国時間)に予定されているDojo Toolkit 1.0のリリースはほぼ確実なものになりそうだ。すでにDojo Toolkit 0.9を採用している場合には迅速なアップデートを、依然として0.4系を採用している場合には1.0のリリースとともに最新版への移行を検討されたい。特に0.4系で問題視されてきた初期ロード

Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website Slideshow 2! is a javascript class for Mootools 1.2 to stream and animate the presentation of images on your website. This page features some examples of how Slideshow might be used to enhance the presentation of images on your website. Please view the source of this page for usage

curl.js (with IE 6/7 support) Shows some of the things curl.js does. 画像にページめくり効果をつけられるJSライブラリ「curl.js」。 JavaScriptで次のようなページめくり効果を付けられます。 同サイトでは他にもいろいろJavaScriptによる画像編集ライブラリが配布されています。 Corner.js - 角丸効果や、シャドウ効果を画像に与える Glossy.js - 画像にガラス風の光沢を与える Instant.js - インスタントカメラ風エフェクトを与える Slided.js - スライドのフレーム風にエフェクトを与える Filmed.js - 映画のフィルム風エフェクトを与える Loupe.js - 画像に虫眼鏡をかざした効果を与える Edge.js - マスクをかける 関連エントリ 画像の映り込みエ

Sprinkle Javascript library by Jon Davis This is basically CSI (Client-Side Includes), when SSI (Server-Side Includes) is not available. You can also call it "sprinkle", as that's the name I gave the Javascript library. SSIならぬクライアントサイドインクルード（CSI）を実現できる「sprinkle.js」。 SSIとは、指定の位置に決められたタグを埋め込んでおくことで、サーバ側で処理して特定の文字列を出力する仕組みです。 今回紹介するCSIは、JavaScript を使い、DIV要素内にsrcで指定したファイルをAjaxで読みこむという仕組みです。 次のようなコードで、

2007年7月3日（米国時間）にBeta版を公開し、8月13日（米国時間）にはRC1を公開したThe Dojo Foundationだが、ついに2007年8月20日（米国時間）、The Dojo Toolkitの最新版となる「Dojo Toolkit 0.9」を公開した。Dojo ToolkitはJavaScriptで開発されたAjaxフレームワーク。かなり多くの機能を包括的に提供しているという特徴があり、PrototypeやScript.aculo.usといったライトウェイトなJavaScript Ajaxフレームワークと比較してフルフィーチャAjaxフレームワークと呼ばれる。 Dojo Toolkitのひとつ前のメジャーバージョンリリースは2006年10月22日（米国時間）に公開されたDojo Toolkit 0.4だ。0.9は0.4系の経験に基づいて新しく開発されたブランチで、実行速

Windoo usage template Windoo demonstration and template usage pagemooToolsを使ったクールなウィンドウ作成ライブラリ「Windoo」。 次のようなクールなブラウザ内ウィンドウを作成することが出来ます。 作成できるウィンドウは、閉じたり、リサイズしたり、最大化などのウィンドウとしての機能は備えているようです。 コーディングもWindoo BuilderというWEBツールを使えば実装用のJavaScriptコードも簡単に作成することが出来ます。 ライブラリを配布する際にこういった仕組みがあるとより便利に使えますね。 カスタマイズできる部分が多いので色んな場面で使えそうです。

FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpl... 次の記事 ≫：16x16ピクセルの芸術的favicon集 Instant.js Instant.js 1.0 allows you to add an instant picture effect (including tilt) to images on your webpages. 画像に簡単にポラロイド風エフェクトをかけられるJavaScriptライブラリ「Instant.js」 次のように、画像をポラロイド風にすることが出来ます。使い方も簡単で、画像の class 属性に定められたclass名を付けるだけ。 使い方は、まず、<script type="text/javascript" src="instant.js"></script>  でinstant.js を読み込んで、 画像にcl

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