ajax・Javascript・XML
GPSで取得した緯度経度を元に、刻々と変わる検索結果。 ・・といえば、そのことをカーナビがまさにやっているのだが、タブレットやスマートフォンのブラウザで、オフライン（ローカル）なデータベースとGPSでそれをやるのがいとをかし ローカル＆オンメモリ…
XMLをXSLTで変換して、写真付きページをlightboxでカッコよく表示したい。 できない。 [Exception... "Operation is not supported" code: "9" nsresult: "0x80530009 (NS_ERROR_DOM_NOT_SUPPORTED_ERR)" なんてのが、lightbox2\js\scriptaculous.jsの30行目…
長いデバッグであった GoogleMapで c is undefined だの x is undefined だのと怒られていた件 main.jsのエラー該当部分を見て「はっはーん、緯度経度から、画面描画の際のドット数を求めようとしてエラーになってるな」とは気付いていたものの、まさか問題…
GoogleMapで、様々な不可解な問題にぶち当たった。■GXmlHttpのresponseXMLを取得できない FireFox（v3.5.7）でGXmlHttpの第三引数（非同期通信）をfalseにすると、responseXMLを取得できない trueにすると、FireFoxではバッチリだが、今度はIEがエラーを出す…
SIMILE timelineを使っていると、気になる部分が少なからずある。 ちょっとだけカスタマイズしてみた。（IE8、Firefox3で動作確認済）・詳細ウィンドウをサイズ指定、メニューバー、ツールバーなしで起動したい （既定のリンクの動作をJavascript起動に変更…
時系列でデータを並べるWeb部品”SIMILE Timeline”が面白い。 GoogleMapが情報に緯度経度を持たせて表現するとしたら、TimeLineは情報を年表で表現する。 サムネールを使えるし、詳細情報のポップアップもする。リンクを埋め込むこともできれば、年表のライン…
フォントサイズを変更し、設定状態を保存する機能を作っていた時の話。 この小さなプログラムは、prototype.jsとcookiemanager.jsを利用している。 フォントサイズ変更・保存機能をMovableTypeの部品として実装したのだが、どうも動きがおかしい。 FireFoxの…
アコーディオンメニューとXMLのライブラリを使った。 クロスブラウザ動作するデータバインドの活用で、簡易DB的なことならできちゃいそう。 Spry framework for Ajax 逆引きAdobe Spryリファレンス
郵便番号から住所を補完して、住所から緯度・経度、地図表示の流れで、インクリメンタルサーチが必要だ。 郵便番号→住所（大字） 住所（大字）→丁目 の部分をそれぞれインクリメンタルサーチしたい。 .NET用のWEBインクリメンタル補完ＵＩ Ajax を使った郵便…
Smile Timeline 時間軸でコンテンツをナビゲーションするためのAjax年表インタフェース。 2つの時間軸が連動動作。年、月、週、日ごとを指定できるようだ。つまり、blogのインタフェースとしても使えるし、歴史年表としても使える。プロジェクト管理やグルー…
元ネタとしてこれがあって Force Directed Graphs in Javascript? ここにjsファイルがあって Using Force Directed Graphs in Your App こんな風にかっこいい実装があって First Whack at JavaScript Visual Wordnet JavaScript Visual Wordnet FOAF（人間関…
dojo,the Javascript Toolkit こりゃすげー。 IBMだとかいろんなスポンサーの寄付で成り立っているらしいが、フレームワーク（関数の集まり）じゃなくって、UIとか機能単位の部品（ウィジェットって言うらしい）がいっぱい。BSDライセンスで配布されている。…
ajaxを追っかけてると、prototypeの理解が必須のように思えてくる。解説ページを探してたらここに当たり、prototypeを前提にしてもっと拡張したscript.aculo.usや、これをもっと簡略化したmoo.fxまで芋づる式に。 その他にもJavascriptのフレームワークって…
Lightbox JSで動画もWEB 2.0っぽく表示しようにlightboxでembedデータを表示するlightboxj.jsを発見。 pdfとpngで実験したが、jpegやgifと同様に表示できた。 ppBlogのajax表示みたいにHTMLも対応できれば、プレビュー関係は完璧だ。 ※果たしてPDFをインライ…
3Dオブジェクトから検索実行や、図面・文書管理システムからの3D呼び出しのサンプルを作っている。 工作機械を3Dオブジェクトで表現し、3Dオブジェクト上から保守マニュアルやエラーメッセージリファレンス、操作手順などを検索・表示したり、電子マニュアル…
動画再生に時間指定が出来るといいなぁと思って調べている。 電子マニュアルなんかのリンクで、動画の再生ポイントっていう使い方を想定。 音楽と動画 WindowsMediaPlayer function PlayJump(startpoint){ MediaPlayer.CurrentPosition = startpoint;←秒 Med…
ActiveXに関する訴訟の影響で、フラッシュなどのActiveXオブジェクトの実行にワンクッション操作が入るようになった。 ActiveXコントロールをブラウザオブジェクトとして使うためには、Objectタグ（IE）やEmbedタグ（Netscape）が使われてきた。（両2大ブラ…
DataBindのまとめページ→データバインド入門 Microsoftの文書 データバインド←ちょっと難しい表現です。div,a,td,spanなんていうHTML要素に、CSVから読み込んだ属性をバインドできるのは、それだけでも強力。しかし、これをJavascript関数への引数として使え…
IE上で実行するJavascriptでXMLをLoadしようとする時、 インターネットオプション→詳細設定タブ ・マイコンピュータでの、CDでのアクティブコンテンツの実行を許可する ・マイコンピュータのファイルでのアクティブコンテンツの実行を許可する。 の2点をチェ…
マインドマッピングソフト”FreeMind”の機能に、XHTMLエクスポートがある。 これを使うと、Javascript階層メニューをマインドマップから簡単に作成できる。 アイコンがpng形式で一式書き出されるし、全省略・全展開なんかも生成されるので完璧。 ツリーメニュ…
JavascriptでQRコードのjsファイルとサンプル（サイトのHTML）を頂戴して、ちょっとだけ改造。 部品として引用しやすいよう、CreateQR()関数にした。 <SCRIPT src="http://211.5.227.59/QRCode.js" type=text/javascript></SCRIPT> <SCRIPT Language="Javascript"> CreateQR(4,'http://211.5.227.59/MovableType/mt4i.cgi') </SCRIPT> なんていう感じで書くと、このblogのインデ…
Jolt開発blog「タグの関連性を図で見るサンプルを作ってみた」 タグの関連性を、距離で表現するっていいな。
凄いものがあるもんだ QRコード（Javascript） QRコードライブラリ（Java,.NET）
■表計算 ITPro記事「なぜGoogle SpreadSheetsの機能はライバルに劣るのか 」グラフ描画機能付き ZOHOSheet iRows ajaxXLSFireFox1.5以上のみNumSum GoogleSpreadSheet■グラフ Plotkit JSGraph Graraph←折れ線専用だが、記述が超簡単！But FireFox1.5以上のみ…
MatrixEngineを使ってレンダリングした3Dモデルをクリック、埋め込まれた検索条件を検索エンジン側に渡して、結果一覧を表示することに成功。 MatrixEngine側でURLJumpRequestという関数があり、これでJavascriptを実行できること、逆にmxeObj.callScript()…
dhtmlXTreeに続いて、Yahoo!UIのTreeViewをチェックしてみた。 参考サイトは、毎度お世話になっているJavaScript++かも日記（AllAbout）から以下のリンク YUIのツリーメニューでAjaxな動的ロード このサンプルの圧縮ファイルをダウンロードして、mktreebyarr…
良いんだか悪いんだか、Javascriptからデータベースに直接SQLを発行しちゃうAjaSQL 郵便番号から住所を引いてくるここのサンプル、物凄く速い。 郵便番号、住所のジオコーディングをするなら参照専用の設定にしてしまって、Javascriptからダイレクトにクエリ…
「ブラウザ上のプログラムが非同期でXMLを使ってサーバーと通信するよ」っていうこと（らしい） Webブラウザで動作させるプログラムとして古くから存在していたJavascriptが、DynamicHTML、XMLという技術と出会ったら面白いことになっちゃった。・・っていう…
面白い事例を発見。 googleマップの活用実験〜通学路点検 auGPSケータイでリアルタイムトラッキング+Google Maps上にリアルタイム表示 携帯という誰でも買える機器と、誰にでも公開されているGoogleMapsを使って、かっちょいいことをしてしまうのがロックな…
GoogleMapsAPIでポリゴンをサポートしていないものか・・・と調べているうち、Ahn Dal-Sooの日記に当たった。 XMapsLibraryというのを使えば、「ポリゴンも楽々」と言うことらしい。 自分がまずやりたいのは、災害情報を図化して提供するサイトのデモ版を作…
