JavaScript
jsonengineとExtJSを使えば20行位のJavaScriptコードでtreeが動的に表示出来ちゃいます。勿論サーバーサイドは何も書きません。ExtJSについてはここを参照してください。 http://extjs.co.jp/products/js/私が書いたデモはここ。 http://uchjava.appspot.com…
jsonengineのサンプルであるbbs.htmlはそのままだとローカル開発環境で動かした場合に「java.lang.IllegalArgumentException: Invalid uri」が発生し更新できない。例外発生の原因はyahoo apiサービスである日本語形態素解析を利用しているのが原因。問い合…
大量のデータを使用するテーブルをHTMLで書くと画面をスクロールする事になりますが、その際にヘッダも一緒にスクロールされてしまい現在見ている項目が何なのか確認する事が出来ない時があります。そんな時は Super Tables を使えばエクセルのようにヘッダ…
JSONICは、Java用のシンプルかつ高機能なJSONエンコーダー/デコーダーライブラリです。 Java用のJSONライブラリはすでに多数存在しますが、JSONICはRFC 4627に従った正式なJSON形式でのデコード/エンコードを行いながらも、プログラミング言語に依存する情報…
ようやく本題だが、getElementById() の戻り値は文字通り要素ノード（Element）であり、テキストノードではない。要素ノードの nodeValue は常に null を返す。> 「CADデータ T5302970TX000002B」を取り出すにはnode.firstChild.data; // DOM1 (IE, Firefox,…
以下のようにすれば IE 6.0/7.0、Firefox 2.0.0.5、Safari 3.0.2 (beta) でもうまくいくことがわかりました。 Event.observe(window, 'beforeunload', function(e) { // イベントをキャンセルする場合は、なにも返さない。 return e.returnValue = '<任意の…
バグ修正、ファンクション名変更等。使い方は以前といっしょ。一応クロスブラウザ対応なんだけど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」より。エンターキーでフォーカス移動する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を初めて学ぶ人についてのおさらい。その２」ハタさんのブログより。
「javascriptを初めて学ぶ人についてのおさらい。その１」ハタさんのブログより。
「私は如何にしてJavascriptのprototypeを身につけたか。」ハタさんのブログより。
プロトタイプ（prototype）によるJavaScriptのオブジェクト指向より クラスベースとプロトタイプベース JavaScriptではクラス-インスタンスという考え方をしません。オブジェクトは別なオブジェクトを元（プロトタイプ）にして独自の特徴を付加することで存…
JavaScriptの関数とメソッドより 関数もオブジェクトである function文での関数定義 function myFunc(arg) { alert(arg); } myFunc("hoge"); // hoge と表示される。 Functionコンストラクタでの関数定義 var myFunc = new Function("arg", "alert(arg);"); …
JavaScriptにおけるオブジェクトの基本的性質より。 JavaScriptは動的にメンバを定義する事が出来る。 JavaScriptにおけるメンバの定義 var obj = new Object(); alert(obj.field); // 未定義。未定義の場合 undefined と評価される。 obj.field = 10; // 代…
<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> こんな風に書けばＯＫ。ちゃんとA、B、Cの値も渡される。FORMタグのtargetとwindow.open()のn…
