サーバー側（Java）でエンコードした文字列を、クライアント側（JavaScript）で受け取り、それをoutlookで表示する場合に文字化けが発生した。調べてみると、機種依存文字が文字化けしていた。サーバ側のエンコーディング処理は次。 return java.net.URLEnco…

カーソルの形をCSSで指定することができるなんて、知らなかった。 CSSって、本当に何でもできるんだな。下記は、クラス属性にexampleが指定されている項目にマウスカーソルを合わせると、カーソルがクエスチョンマークになる場合の例。 .example { cursor: h…

まずはWEB+DB vol63。Web開発の「べし」「べからず」は知っている内容が多かったので、流し読み。特集２のpixivが明かす段階的サービス拡張が面白かった。インフラの知識は恥ずかしいくらい持ち合わせていない私だが、楽しく読めた。同時に、インフラの学習…

自己定義化関数を使用すれば良いと思ったので、下記のように実装。 var sampleFunc = function(){ //初期値設定などの初期化処理 var initVar = 初期値; sampleFunc = function(){ //2回目以降に実行される部分 } } 最初、自己定義化関数の中身も初回関数呼…

YUIのnamespace関数は下記である。 * @method namespace * @param {string*} arguments 1-n namespaces to create. * @return {object} A reference to the last namespace object created. */ namespace: function() { var a = arguments, o = this, i = 0,…

前回のエントリーで、グローバル変数の衝突を避けるために、名前空間を使用するパターンを紹介した。 これで、グローバル変数の衝突は避けられるようになったとしても、名前空間内で変数が衝突する可能性もある。結局、変数を定義する際に、その変数が既に定…

JavaScriptでは、トップレベルコードの変数はグローバル変数となる。グローバル変数は名前が同じであってはならないが、ライブラリを導入した場合に自前で定義したグローバル変数とライブラリで定義されたグローバル変数の名前が一致してしまう可能性がある…

<select name="名前" class="test"> <option>ラベル1aaaaaaaa</option> <option>ラベル2</option> <option>ラベル3</option> </select> <script type="text/javascript"> $(function(){ var origWidth; $("select").mousedown( function(){ origWidth = $(this).css('width'); alert(origWidth); $(this).css('width', 'auto'); } ).bl…

window.history.back()を使用して、前画面に戻るためのリンクを実装したのだが、そのリンクをクリックしても画面が元に戻らない。そんな質問をされて調べたのだが、大分ハマってしまったのでメモ。 まずは、期待通りに戻らないソース。 <script type="text/javascript" src="/javascript/lib/jquery-1.5.2.js"></script> <script type="text/javascript"> $(function(){ $("#…

現在表示しているページのURLはwindowオブジェクトのlocationプロパティに保存されている。 例えば、http://lochttp://wbs-newworld.appspot.com/hashStudy.htmlにアクセスした場合、window.locationの値は「http://wbs-newworld.appspot.com/hashStudy.html…

関数を繰り返し実行する場合、2回目以降の実行では必要のない処理を繰り返すべきではない。そのような繰り返しを防ぐために、自己定義関数を用いる。例えば、引数を定数倍して返す下記の関数を考える。 var selfDefinedFunc = function(param){ var constNum…

最初に、コンストラクタ関数とは、「オブジェクトのプロパティを初期化する関数で、new演算子と一緒に使われる」とJavaScript第５版に書いてあった。 new演算子が新しいオブジェクトを生成し、そのオブジェクトをthisキーワードの値に設定した後、コンストラ…