JavaScript

jsonengineとExtJSはものすごく相性が良い

jsonengineとExtJSを使えば20行位のJavaScriptコードでtreeが動的に表示出来ちゃいます。勿論サーバーサイドは何も書きません。ExtJSについてはここを参照してください。 http://extjs.co.jp/products/js/私が書いたデモはここ。 http://uchjava.appspot.com…

jsonengineの全文検索機能をローカル開発環境でも動くようにした

jsonengineのサンプルであるbbs.htmlはそのままだとローカル開発環境で動かした場合に「java.lang.IllegalArgumentException: Invalid uri」が発生し更新できない。例外発生の原因はyahoo apiサービスである日本語形態素解析を利用しているのが原因。問い合…

テーブルのヘッダを固定してエクセル風に表示する Super Tables

大量のデータを使用するテーブルをHTMLで書くと画面をスクロールする事になりますが、その際にヘッダも一緒にスクロールされてしまい現在見ている項目が何なのか確認する事が出来ない時があります。そんな時は Super Tables を使えばエクセルのようにヘッダ…

JSONライブラリ - JSONIC

JSONICは、Java用のシンプルかつ高機能なJSONエンコーダー/デコーダーライブラリです。 Java用のJSONライブラリはすでに多数存在しますが、JSONICはRFC 4627に従った正式なJSON形式でのデコード/エンコードを行いながらも、プログラミング言語に依存する情報…

テキストノードの取得

ようやく本題だが、getElementById() の戻り値は文字通り要素ノード(Element)であり、テキストノードではない。要素ノードの nodeValue は常に null を返す。> 「CADデータ T5302970TX000002B」を取り出すにはnode.firstChild.data; // DOM1 (IE, Firefox,…

prototype.js を用いたウィンドウを閉じる際のイベント処理。

以下のようにすれば IE 6.0/7.0、Firefox 2.0.0.5、Safari 3.0.2 (beta) でもうまくいくことがわかりました。 Event.observe(window, 'beforeunload', function(e) { // イベントをキャンセルする場合は、なにも返さない。 return e.returnValue = '<任意の…

金額入力スクリプト 2008-04-23版

バグ修正、ファンクション名変更等。使い方は以前といっしょ。一応クロスブラウザ対応なんだけどOperaだけ最初のフォーカス時のカーソルの動きが他のブラウザと異なっているのでどう解決させるか悩み中。Operaは未対応にしようかな。 //need prototype.js ve…

金額入力スクリプト

入力時にカンマ表示されるのが特徴のスクリプトを作成。CurrencyFlagなんて使ってるのがイケてないけど。 // need prototype.js ver1.6 and more. // subscription function bindByClassName(a,b,c) { var elements = document.getElementsByClassName(a); f…

Tab with Enter Key

「Tab with Enter Key」より。エンターキーでフォーカス移動するJavaScript。便利すぎる。 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Tab with Enter Key</title> <script type="text/javascript"> // xBroswer event subscription function addListener(a,b,c,d){ if(a.addEventListener){ a.addEventListener(b,c,d);return true; }…</head></html>

JavaScript再入門その6

「javascriptを初めて学ぶ人についてのおさらい。その2」ハタさんのブログより。

JavaScript再入門その5

「javascriptを初めて学ぶ人についてのおさらい。その1」ハタさんのブログより。

JavaScript再入門その4

「私は如何にしてJavascriptのprototypeを身につけたか。」ハタさんのブログより。

JavaScript再入門その3

プロトタイプ(prototype)によるJavaScriptのオブジェクト指向より クラスベースとプロトタイプベース JavaScriptではクラス-インスタンスという考え方をしません。オブジェクトは別なオブジェクトを元(プロトタイプ)にして独自の特徴を付加することで存…

JavaScript再入門その2

JavaScriptの関数とメソッドより 関数もオブジェクトである function文での関数定義 function myFunc(arg) { alert(arg); } myFunc("hoge"); // hoge と表示される。 Functionコンストラクタでの関数定義 var myFunc = new Function("arg", "alert(arg);"); …

JavaScript再入門その1

JavaScriptにおけるオブジェクトの基本的性質より。 JavaScriptは動的にメンバを定義する事が出来る。 JavaScriptにおけるメンバの定義 var obj = new Object(); alert(obj.field); // 未定義。未定義の場合 undefined と評価される。 obj.field = 10; // 代…

submitボタンを押した際、結果を新規ウインドウで表示する

<FORM method="post" action="xxx.cgi" target="hoge" onsubmit="window.open('about:blank','hoge','toolbar=no');"> <INPUT type="text" name="A"> <INPUT type="text" name="B"> <INPUT type="text" name="C"> <INPUT type="submit" value="submit"> </FORM> こんな風に書けばOK。ちゃんとA、B、Cの値も渡される。FORMタグのtargetとwindow.open()のn…