javascript

本日大変参考になりました。

Javascriptのイベントハンドラ設定方法 | Blog | ユージック blog.katsuma.tv FireFoxでは、innerTextは使えない: Ozalog Dean Edwards: Enumerating JavaScript Objects

javascriptの対話シェル

spidermonkeyというものをはじめて知りました。 でも、windowsならWSHのcscriptをつかって、こちらで紹介されているjsを読み込めれば出来るみたい。 こちらを参考に cscript "C:\Documents and Settings\user\デスクトップ\ijs.js"というbatファイル(setup.b…

配列の走査について

明けましておめでとうございます。 今年は昨年以上にがんばります。 javascriptのfor inについて JavaScript の配列と連想配列の違い - IT戦記 amachangのblog読んでると本当参考になります。for in はオブジェクトのプロパティーすべて走査するらしい。 だ…

prototype.js

Prototype.js を使った JavaScript OOP 講座 #01 - IT戦記 大変参考になりました。 javascriptのオリジナル!?多分ブラウザが実装している、例えばFunction.apply();とかと、prototype.jsで拡張している、例えばObject.extend();とかを切り分けて、覚えなきゃ…

プリミティブ型とラッパークラス

javascriptで各プリミティブ型には対応する、ラッパークラスが存在する。 var a = 1; alert(a); // 1 a.a = 2; // 内部的に (new Number(a)).a = 2 alert(a.a); // undefined (内部的に alert((new Number(a)).a となるためundefined) var b = new Number(10…

シンタックスシュガー

シンタックスシュガーという言葉を始めて聞いた。 シンタックスシュガーとはwikipediaより要は本来の書き方よりも、簡易に分かりやすいように書けるってこと!?こちらにjavascriptのシンタックスシュガーについて書いてあります。以下、引用 * new Arrayと[] …

firebugのコンソールオブジェクト

コレ便利。 console.time('a'); for (var i = 0; i < 10; i++) { console.log('1'); } console.timeEnd('a'); //実行時間 "console is not defined" などのメッセージが出る場合は、画面を再読み込みすると良いみたい。

動的なリストボックスを作るsample

せっかく作ったので、備忘録。たいしたもんじゃないですが。 当日から三日前のリストボックスを作成するjavascriptを作成しました。 <html> <head> <title>sample</title> <script type="text/javascript" > function init() { var obj = document.getElementById("dateid"); while(obj.length != 0) obj.remove(0); date</head></html>…

多重ポストを防ぐ

ちょっと古い記事ですけど、これはいいです。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリーjavascriptでsubmit時にsubmitoボタンをdisableにします。 ソースはこれ。 function disableSubmit(form) { var…

javascriptでソートが出来る表を作る

tablesort.jsを使う(日本語非対応) 1.表の項目部分をで囲む。 例) <thead> <tr> <th label="nocase">名前</th> <th label="nocase">性別</th> <th label="num">点数</th> <th label="case">HP</th> <th>nosortcolumns</th> </tr> </thead> 2.ソートしたいカラムにlabal属性を追加する。属性値は case:アルファベットでの厳密なソート nocase:アルファベットでの厳密でないソート num:数値…

いろいろ備忘録

domについて wikipedia引用 Document Object Model(DOM)は、W3Cから勧告されている HTML文書やXML文書をアプリケーションから利用するためのAPIである。 Level 1〜Level 3まで勧告されている。XMLを読み込む別のAPIであるSAXと異なり、XMLデータをツリー構造…

tooltip

title属性に指定した文字列をtooltipで表示してくれるライブラリ GLT - Good-Looking Tolltipsダウンロードしたglt.jsとglt.cssをインポート <script type="text/javascript" src="js/glt.js"></script> <link rel="stylesheet" href="css/glt.css" type="text/css" /> <div title="aaa"> </div></link>

javascriptの配列

配列の生成と配列の長さ var a = new Array(); // a.length == 0 (定義された要素無し) a = new Array(10); // a.length == 10 (定義された空の要素0-9) a = new Array(1, 2, 3); // a.length == 3 (定義された要素0-2) a = [4, 5]; // a.length == 2 (定義…

はじめてのprototype.jsの前に知っておくべきことがあった2

スコープについて javascriptのスコープはブロックでくくられてても関係ない。ファンクション単位。 var a = 10; if (true) { var a = 20; alert(a); // 20 } alert(a); // 20 var f = function() { var a = 10; alert(a); // 10 }(); グローバルオブジェク…

はじめてのprototype.jsの前に知っておくべきことがあった

それはjavascriptのprototypeについて。 クラスベースとプロトタイプベース javaやc++は、クラス-インスタンスという概念を使用するオブジェクト指向言語で、クラスベースオブジェクト指向言語。 javascriptは、オブジェクトは別なオブジェクトを元(プロト…

はじめてのprototype.js

prototype.jsとは 以下引用 Web 2.0的なウェブプログラミングを行うのに便利な機能を多くパッケージングしたJavaScriptのライブラリ。Ruby on Rails等の外部プロジェクトにも利用されている。 $関数と$$関数 domの要素を取得する場合getElementByIdを使って…