IT『苦労と試行』日記 - 投稿の詳細: Javascriptでフリガナ自動入力
データ入力画面のある案件で、名前とフリガナを入力するときに2回同じワードをタイプするのは面倒だよな～と思って、フリガナ自動入力機能をつけてみました。 これを利用することで、漢字変換前の入力段階から自動的にフリガナを入力させることができます。 試しに設置してみたサンプルがこちら フリガナ自動入力ライブラリ autoKana.js のサンプル 参考記事 Rubricks Project - autoRuby.jsをDISってみる CakePHP環境での設置手順 1. prototype.js, autoRuby.js を /app/webroot/js に設置 （autoRuby.js はPHPの出力文字コードで保存する） 2. view にhtmlヘッダにjsを読み込ませるためのコードを追加する 3. new AutoKana('name_id', 'kana_id', [opt
【コラム】そろそろきっちりJavaScript (9) prototype.jsを読む(3) | エンタープライズ | マイコミジャーナル
Objectオブジェクト 前回に引き続き、prototype.jsを51行目から見ていこう。 51 Object.extend(Object, { 52 inspect: function(object) { 53 try { 54 if (object === undefined) return 'undefined'; 55 if (object === null) return 'null'; 56 return object.inspect ? object.inspect() : object.toString(); 57 } catch (e) { 58 if (e instanceof RangeError) return '...'; 59 throw e; 60 } 61 }, : (中略) 97 clone: function(object) { 98 return O
【コラム】そろそろきっちりJavaScript (10) prototype.jsを読む(4) | エンタープライズ | マイコミジャーナル
Ajaxオブジェクト 引き続きprototype.jsのソースコードを読んでいこう。今回は932行目、Ajaxオブジェクトの定義から読み進めていく。なお、ここからは6月19日に公開されたバージョン1.5.1.1を使用する。 932 var Ajax = { 933 getTransport: function() { 934 return Try.these( 935 function() {return new XMLHttpRequest()}, 936 function() {return new ActiveXObject('Msxml2.XMLHTTP')}, 937 function() {return new ActiveXObject('Microsoft.XMLHTTP')} 938 ) || false; 939 }, 940 941 activeRequestCou
Javascript/prototype.js/読む003 - 俺の基地
34行目〜Classオブジェクト定義 ここから新しいオブジェクト定義です。あとで動きを見ればわかるのですが、こいつはオブジェクトの雛形を生成するための便利オブジェクトになります var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } ▲ ▼ 35行目〜無名関数オブジェクト！関数に名前はいらん！ 今回もJSONの形式でオブジェクトを作ってますね createというキーに function()から始まる何かを突っ込んでます create: function() {・・・・} Javascriptでは関数もオブジェクトであり、普通に変数に突っ込むことができるんですね。 そうすると関数は変数名で呼ぶことができると。つまり突っ込む関数に名前はいらない
Javascript - 俺の基地
参考ページ Core JavaScript 1.5 Reference - MDC http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Reference JavaScript - Wikibooks http://ja.wikibooks.org/wiki/JavaScript 【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル http://journal.mycom.co.jp/column/js/001/index.html a/PHPerの為のJavaScript解説 - PukiWiki http://kjirou.sakura.ne.jp/wiki_mirror/index.php?a%2FPHPer%A4%C
【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル
ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。現在のJavaScript人気の立役者といっても過言ではないprototype.jsだが、その中身はどうなっているのだろうか。ソースコードを読みながら、メカニズムはもちろん、JavaScript的なコードスタイルも学んでいきたい。 まずはソースコードを読むための環境を整備しよう。prototype.jsは、作者であるSam Stephenson氏が提供するサイトから取得できる。現在の安定最新バージ
【コラム】そろそろきっちりJavaScript (1) "Firebug"の導入〜関数リテラルとは? | エンタープライズ | マイコミジャーナル
多彩な演出効果をカンタンに導入できる事で脚光を浴びたprototype.jsの登場を皮切りに、インターネットで公開されているJavaScriptライブラリの数は、この一年で急激に増加した。何かやりたいことがあったときはWebで検索すれば、大抵、どこかにライブラリが転がっている。便利な世の中になったものだ。 一方、Webを通じて提供されるサービスは多様化の一途を辿っている。JavaScriptライブラリは整ってきたが、当然、置くだけでは機能しない。ライブラリのサポートページには簡単なサンプルが載っているものの、サンプルがそのまま適用できるケースはごくわずかだ。しかたなく、他の誰かが似たような事をやっていないかとWeb検索するはめになる。 思えば、これまでJavaScriptを言語としてとらえ、きっちり向き合う機会は少なかったのではないだろうか。 1995年の終わり、Netscape Navi
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax (JavaScript) Library Reference (Ajaxライブラリリファレンス)
JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler） - youmos