unageanu-jiji 0.1.0

data/html/js/container-min.js

@@ -0,0 +1 @@
+if(typeof container=="undefined"){container={}}container.VERSION="0.3.0";container.Container=function(B){var A=new container.Binder({});B(A);this.defs=A.defs;this.creating=[];this.typeCache={};this.nameCache={};var C=this;this.eachComponentDef(function(E){if(E&&E[container.Annotation.Container]&&E[container.Annotation.Container][container.Annotation.Scope]==container.Scope.EagerSingleton){C.create(E)}if(E&&E[container.Annotation.Container]&&E[container.Annotation.Container][container.Annotation.Name]){var D=E[container.Annotation.Container][container.Annotation.Name];if(!C.nameCache[D]){C.nameCache[D]=[]}C.nameCache[D].push(E)}})};container.Container.prototype={get:function(A){if(A instanceof container.Type){if(!this.typeCache[A]){this._createTypeCahce(A)}if(this.typeCache[A].length>0){return this.create(this.typeCache[A][0])}else{throw container.createError(new Error(),container.ErrorCode.ComponentNotFound,"compoent not found.",{"type":A})}}else{if(this.nameCache[A]&&this.nameCache[A].length>0){return this.create(this.nameCache[A][0])}else{throw container.createError(new Error(),container.ErrorCode.ComponentNotFound,"compoent not found.",{"name":A})}}},gets:function(D){var C=[];if(D instanceof container.Type){if(!this.typeCache[D]){this._createTypeCahce(D)}var A=this.typeCache[D];for(var B=0;B<A.length;B++){C.push(this.create(A[B]))}}else{if(this.nameCache[D]){var A=this.nameCache[D];for(var B=0;B<A.length;B++){C.push(this.create(A[B]))}}}return C},destroy:function(){var A=this;this.eachComponentDef(function(D){if(!D.instance){return }var E=D.instance;var B=D[container.Annotation.Container];if(!B||!B[container.Annotation.Destroy]){return }var C=B[container.Annotation.Destroy];if(typeof C=="string"){E[C].apply(E,[this])}else{if(typeof C=="function"){C(E,A)}else{throw container.createError(new Error(),container.ErrorCode.IllegalDefinition,"illegal destroy method. string or function is supported.",{"def":D})}}D.instance=null})},create:function(A){if(A.instance){return A.instance}if(this._isCreating(A)){throw container.createError(new Error(),container.ErrorCode.CircularReference,"circulative component creation.",{"def":A})}try{this.creating.push(A);var E=A.constractor(this);A.instance=E;var C=A[container.Annotation.Container]||{};if(C[container.Annotation.Inject]){var H=C[container.Annotation.Inject];for(var I in H){if(H[I] instanceof container.inner.Component){E[I]=this.get(H[I].name)}else{if(H[I] instanceof container.inner.Components){E[I]=this.gets(H[I].name)}else{if(H[I] instanceof container.inner.Provider){E[I]=H[I].func(E,this)}else{E[I]=H[I]}}}}}if(C[container.Annotation.Initialize]){var G=C[container.Annotation.Initialize];if(typeof G=="string"){E[G].apply(E,[this])}else{if(typeof G=="function"){G(E,this)}else{throw container.createError(new Error(),container.ErrorCode.IllegalDefinition,"illegal initialize method. string or function is supported.",{"def":A})}}}if(C[container.Annotation.Intercept]){var B=C[container.Annotation.Intercept];for(var F=0;F<B.length;F++){this.applyInterceptor(E,B[F][0],B[F][1])}}if(this.defs.interceptors&&A.componentType!="function"){for(var F=0;F<this.defs.interceptors.length;F++){var D=this.defs.interceptors[F];if(!D.nameMatcher){continue}if(D.nameMatcher instanceof container.Type&&D.nameMatcher.isImplementor(E)){this.applyInterceptor(E,D.interceptor,D.methodMatcher)}else{if(D.nameMatcher instanceof container.Matcher&&C[container.Annotation.Name]&&D.nameMatcher.match(C[container.Annotation.Name])){this.applyInterceptor(E,D.interceptor,D.methodMatcher)}}}}if(C[container.Annotation.Scope]==container.Scope.Prototype){A.instance=undefined}return E}catch(J){A.instance=undefined;throw J}finally{this.creating.pop()}},applyInterceptor:function(D,C,B){if(!C||!B){return }for(var A in D){if(typeof D[A]=="function"&&B.match(A)){(function(){var E=A;var F=D[E];D[E]=function(){var G=new container.MethodInvocation(E,F,D,arguments);return C(G)}})()}}},eachComponentDef:function(B){for(var A=0;A<this.defs.objects.length;A++){if(B){B.apply(null,[this.defs.objects[A]])}}},_createTypeCahce:function(C){var B=[];var A=this;this.eachComponentDef(function(D){if(A._isCreating(D)&&!D.instance){return }var E=A.create(D);if(C.isImplementor(E)){B.push(D)}});this.typeCache[C]=B},_isCreating:function(B){for(var A=0;A<this.creating.length;A++){if(B===this.creating[A]){return true}}return false}};container.Binder=function(A,B){this.defs=A;this.namespace=B};container.Binder.prototype={bind:function(A){return this._bind("object",A.prototype.meta,function(){return new A()})},bindMethod:function(C,B){var A=this;return this._bind("function",null,function(D){var E=D.get(C);if(!E){throw D.createError(new Error(),D.ErrorCode.ComponentNotFound,"component not found.",{"name":name})}return A._createBindMethod(E,B)})},bindMethods:function(C,B){var A=this;return this._bind("function",null,function(D){var G=D.gets(C);var F=[];for(var E=0;E<G.length;E++){F.push(A._createBindMethod(G[E],B))}return F})},bindProvider:function(A){return this._bind("object",null,A)},bindInstance:function(A){return this._bind("object",A.meta,function(){return A})},bindInterceptor:function(D,A,B){var C=this._getInterceptorDefs();C.push({"interceptor":D,"nameMatcher":A,"methodMatcher":B})},ns:function(B,A){if(this.namespace){B=this.namespace+"."+B}A(new container.Binder(this.defs,B))},_bind:function(A,E,B){var D=this._clone(E);D.constractor=B;D.componentType=A;var C=this._getObjectDefs();C.push(D);return new container.Builder(D,this.namespace)},_getObjectDefs:function(){if(!this.defs.objects){this.defs.objects=[]}return this.defs.objects},_getInterceptorDefs:function(){if(!this.defs.interceptors){this.defs.interceptors=[]}return this.defs.interceptors},_createBindMethod:function(B,A){return function(){return B[A].apply(B,arguments)}},_clone:function(F){var C={};if(F&&F[container.Annotation.Container]){F=F[container.Annotation.Container];var E=[container.Annotation.Name,container.Annotation.Inject,container.Annotation.Initialize,container.Annotation.Destroy,container.Annotation.Scope];for(var B=0;B<E.length;B++){C[E[B]]=F[E[B]]}C[container.Annotation.Intercept]=[];if(F[container.Annotation.Intercept]){var D=F[container.Annotation.Intercept];for(var B=0;B<D.length;B++){C[container.Annotation.Intercept].push(D[B])}}}var A={};A[container.Annotation.Container]=C;return A}};container.Builder=function(B,A){if(!B[container.Annotation.Container]){B[container.Annotation.Container]={}}this.def=B[container.Annotation.Container];if(!this.def[container.Annotation.Intercept]){this.def[container.Annotation.Intercept]=[]}this.namespace=A};container.Builder.prototype={to:function(A){if(this.namespace){A=this.namespace+"."+A}this.def[container.Annotation.Name]=A;return this},inject:function(A){this.def[container.Annotation.Inject]=A;return this},initialize:function(A){this.def[container.Annotation.Initialize]=A;return this},destroy:function(A){this.def[container.Annotation.Destroy]=A;return this},scope:function(A){this.def[container.Annotation.Scope]=A;return this},intercept:function(B,A){this.def[container.Annotation.Intercept].push([B,A]);return this}};container.Matcher=function(A,B){if(A&&!(A instanceof Array||A instanceof RegExp||A instanceof Function)){throw container.createError(new Error(),container.ErrorCode.IllegalArgument,"Illegal includes.",{})}if(B&&!(B instanceof Array||B instanceof RegExp||B instanceof Function)){throw container.createError(new Error(),container.ErrorCode.IllegalArgument,"Illegal excludes.",{})}this.excludes=B;this.includes=A};container.Matcher.prototype={match:function(A){if(this.excludes&&this.getEvaluator(this.excludes)(A)){return false}if(this.includes&&this.getEvaluator(this.includes)(A)){return true}return false},getEvaluator:function(A){if(A instanceof Array){return function(C){for(var B=0;B<A.length;B++){if(A[B] instanceof RegExp&&A[B].test(C)){return true}}return false}}else{if(A instanceof RegExp){return function(B){return A.test(B)}}else{if(A instanceof Function){return A}}}}};container.MethodInvocation=function(B,C,D,A){this.name=B;this.original=C;this.arg=A;this.target=D};container.MethodInvocation.prototype={getThis:function(){return this.target},proceed:function(){return this.original.apply(this.target,this.arg)},getArguments:function(){return this.arg},getOriginalMethod:function(){return this.original},getMethodName:function(){return this.name}};container.inner={};container.inner.Component=function(A){this.name=A};container.inner.Components=function(A){this.name=A};container.inner.Provider=function(A){this.func=A};container.createError=function(B,D,C,A){B.errorCode=D;B.message=C;B.options=A;B.name="container.Exception";return B};container.ErrorCode={IllegalArgument:1,ComponentNotFound:100,IllegalDefinition:101,CircularReference:102};container.Annotation={Container:"@Container",Name:"@Name",Inject:"@Inject",Initialize:"@Initialize",Destroy:"@Destroy",Intercept:"@Intercept",Scope:"@Scope"};container.Scope={Singleton:"Singleton",Prototype:"Prototype",EagerSingleton:"EagerSingleton"};container.any=function(){return new container.Matcher(/.*/)};container.component=function(A){return new container.inner.Component(A)};container.components=function(A){return new container.inner.Components(A)};container.provides=function(A){return new container.inner.Provider(A)};container.Type=function(){};container.Type.prototype={equals:function(A){},isImplementor:function(A){}};container.types={has:function(){return new container.inner.types.And(container.types._createTypes(arguments))},hasAny:function(){return new container.inner.types.Or(container.types._createTypes(arguments))},not:function(A){return new container.inner.types.Not(container.types._createType(A))},_createTypes:function(C){var B=[];for(var A=0;A<C.length;A++){B.push(container.types._createType(C[A]))}return B},_createType:function(A){if(A instanceof RegExp){return new container.inner.types.RegexpMethod(A)}else{if(A instanceof container.Type){return A}else{if(typeof A=="string"){return new container.inner.types.Method(A)}else{throw"illegal argument."}}}}};container.inner.types={};container.inner.types.Method=function(A){this.name=A};container.inner.types.Method.prototype=new container.Type();container.inner.types.Method.prototype.equals=function(A){if(!A||!(A instanceof container.inner.types.Method)){return false}return this.name==A.name};container.inner.types.Method.prototype.isImplementor=function(A){return typeof A[this.name]=="function"};container.inner.types.Method.prototype.toString=function(){return"!container.inner.types.Method:"+this.name};container.inner.types.RegexpMethod=function(A){this.exp=A};container.inner.types.RegexpMethod.prototype=new container.Type();container.inner.types.RegexpMethod.prototype.equals=function(A){if(!A||!(A instanceof container.inner.types.RegexpMethod)){return false}return this.exp.ignoreCase==A.exp.ignoreCase&&this.exp.global==A.exp.global&&this.exp.source==A.exp.source};container.inner.types.RegexpMethod.prototype.isImplementor=function(B){for(var A in B){if(typeof B[A]=="function"&&this.exp.test(A)){return true}}return false};container.inner.types.RegexpMethod.prototype.toString=function(){return"!container.inner.types.RegexpMethod:/"+this.exp.source+"/"+this.exp.ignoreCase+"/"+this.exp.global};container.inner.types.And=function(A){this.types=A};container.inner.types.And.prototype=new container.Type();container.inner.types.And.prototype.equals=function(D){if(!D||!(D instanceof container.inner.types.And)){return false}if(this.types.length!=D.types.length){return false}for(var C=0;C<this.types.length;C++){var B=this.types[C];var A=D.types[C];if(!B.equals(A)){return false}}return true};container.inner.types.And.prototype.isImplementor=function(B){for(var A=0;A<this.types.length;A++){if(!this.types[A].isImplementor(B)){return false}}return true};container.inner.types.And.prototype.toString=function(){var B="!container.inner.types.And:[";for(var A=0;A<this.types.length;A++){B+=this.types[A].toString()+","}B+="]";return B};container.inner.types.Or=function(A){this.types=A};container.inner.types.Or.prototype=new container.Type();container.inner.types.Or.prototype.equals=function(D){if(!D||!(D instanceof container.inner.types.Or)){return false}if(this.types.length!=D.types.length){return false}for(var C=0;C<this.types.length;C++){var B=this.types[C];var A=D.types[C];if(!B.equals(A)){return false}}return true};container.inner.types.Or.prototype.isImplementor=function(B){for(var A=0;A<this.types.length;A++){if(this.types[A].isImplementor(B)){return true}}return false};container.inner.types.Or.prototype.toString=function(){var B="!container.inner.types.Or:[";for(var A=0;A<this.types.length;A++){B+=this.types[A].toString()+","}B+="]";return B};container.inner.types.Not=function(A){this.type=A};container.inner.types.Not.prototype=new container.Type();container.inner.types.Not.prototype.equals=function(A){if(!A||!(A instanceof container.inner.types.Not)){return false}return this.type.equals(A.type)};container.inner.types.Not.prototype.isImplementor=function(A){return !this.type.isImplementor(A)};container.inner.types.Not.prototype.toString=function(){return"!container.inner.types.Not:["+this.type.toString()+"]"}

data/html/js/container-utils.js

@@ -0,0 +1,78 @@
+if(typeof container=="undefined"){
+  container={}
+}
+if(typeof container.utils=="undefined"){
+  container.utils={}
+}
+
+
+/**
+ * コンポーネントのフィールドの変更を捕捉するリスナを設定する。
+ */
+container.utils.ListenerBinder = function() {
+    this.recipe = {}; // @Inject
+}
+container.utils.ListenerBinder.prototype = {
+  meta: {
+    "@Container": {
+      "@Scope": container.Scope.EagerSingleton,
+      "@Initialize": function( binder, container ) { binder.bind( container ); }
+    }
+  },
+
+  /**
+   * コンポーネント定義を元にモデルのリスナを設定する。
+   * @param {Object} c コンテナ
+   */
+  bind: function( c ) {
+    for ( var i in this.recipe ) {
+      if ( typeof i == "function" ) { continue; }
+      var result = new RegExp( "(.*)#(.*)$").exec( i );
+      if ( result && result.length >= 3 ) {
+        var fn = this.recipe[i];
+        var component = c.get( result[1] );
+        var listeners = c.gets( container.types.has( fn ) );
+        if ( component && listeners && result[2]) {
+            this.addListeners( component, result[2], listeners, fn );
+        }
+      }
+    }
+  },
+
+  /**
+   * 更新リスナを追加する。
+   * @param {Object} target リスナを追加するモデル
+   * @param {String} key イベントキー
+   * @param {Function} listener リスナ関数の配列
+   * @param {String} functionName 関数名
+   */
+  addListeners: function ( target, key, listeners, functionName ) {
+    if ( !target.__listeners ) {
+
+      // ターゲットを拡張する。
+      target.__listeners = {}; // リスナの記録先を確保。
+      var org = target.set;
+
+      // setを上書き。変更を受けてリスナをキックする関数にする。
+      target.set = function( key, value, opt ) {
+        opt = opt ? opt : {};
+        opt.value = value;
+        var result = null;
+        if ( org ) {
+            result = org.apply( target, [key, value, opt] );
+        } else {
+            this[key] = value;
+        }
+        if ( this.__listeners[key] ) {
+            var fn = this.__listeners[key]["function"];
+            for (var i=0; i < this.__listeners[key]["lis"].length; i++ ) {
+                this.__listeners[key]["lis"][i][fn]( opt );
+            }
+        }
+        return result;
+      }
+    }
+    // リスナをターゲットの属性として追加。
+    target.__listeners[key] = {"lis":listeners, "function": functionName};
+  }
+}

data/html/js/dialog.js

@@ -0,0 +1,270 @@
+// ネームスペース
+namespace( "util" );
+
+util.Dialog = function() {
+
+  this.dialog = document.createElement('div');
+  this.dialog.id = 'dialog';
+  this.dialog.innerHTML =
+      "<div id='dialog-header'>"
+    + "  <div id='dialog-title'></div>"
+    + "  <div id='dialog-close'></div>"
+    + "</div>"
+    + "<div id='dialog-body'>"
+    + "  <div id='dialog-content'>"
+    + "  </div>"
+    + "  <div id='dialog-separator'>"
+    + "  </div>"
+    + "  <div>"
+    + "    <div id='dialog-buttons'>"
+    + "    </div>"
+    + "    <div style='clear:both;'/>"
+    + "  </div>"
+    + "</div>";
+  document.body.appendChild(this.dialog);
+  this.header = document.getElementById("dialog-header");
+  this.title = document.getElementById("dialog-title");
+  this.content = document.getElementById("dialog-content");
+  this.buttons = document.getElementById("dialog-buttons");
+  
+  var self = this;
+  this.close = document.getElementById("dialog-close");
+  this.close.onclick = function() {
+    self.hideDialog();
+  };
+  this.mask = document.createElement('div');
+  this.mask.id = 'dialog-mask';
+  document.body.appendChild(this.mask);
+
+  this.dialog.style.visibility = "hidden";
+  this.mask.style.visibility = "hidden";
+}
+util.Dialog.prototype = {
+  TIME : 5,
+  SPEED : 10,
+  WRAPPER : 'content',
+
+  show : function( type, params ) {
+    if(!type) {
+    	type = 'input';
+     }
+
+    // ダイアログを初期化
+    this.content.innerHTML = params.message;
+    if ( params.headerVisible ) {
+	    if ( params.title ) {
+	    	this.title.innerHTML = params.title;
+	    }
+	    this.close.style.display = "block";
+    } else {
+    	this.header.style.display = "none";
+    }
+    
+    var keybind = { "Tab" : function(){} }; 
+    this.buttons.innerHTML = "";
+    if ( params.buttons ) {
+    	for ( var i = 0; i < params.buttons.length ; i++ ) {
+    		this.createButton( params.buttons[i], keybind );
+    	}
+    } else {
+    	this.createButton( {
+    		id : "close", 
+    		alt :  "閉じる", 
+    		accesskey: "C",
+    	  key: "Enter"}, keybind);
+    }
+    new util.KeyBind( keybind, this.dialog ) ;
+    
+    // ダイアログを表示
+    this.mask.style.visibility = "visible";
+    this.dialog.style.visibility = "visible";
+    
+    this.dialog.style.opacity = .00;
+    this.dialog.style.filter = 'alpha(opacity=0)';
+    this.dialog.alpha = 0;
+
+		var width = this.pageWidth();
+		var height = this.pageHeight();
+		var left = this.leftPosition();
+		var top = this.topPosition();
+	
+		var dialogwidth = this.dialog.offsetWidth;
+		var dialogheight = this.dialog.offsetHeight;
+		var topposition = top + (height / 3) - (dialogheight / 2);
+		var leftposition = left + (width / 2) - (dialogwidth / 2);
+	
+		this.dialog.style.top = topposition + "px";
+		this.dialog.style.left = leftposition + "px";
+		this.dialog.className = type + " dialog";
+
+    var content = document.getElementById(this.WRAPPER);
+    this.mask.style.height = content.offsetHeight + 'px';
+    var self = this;
+    this.timer = setInterval(function(){ self.fadeDialog(1); }, this.TIME);
+    
+    if ( params.init ) {
+      params.init.call( null, this );
+    }
+    
+    // リンクとコントロールを無効化
+    this.cache = [];
+    var f = function( elms ) {
+    	for( var i = 0 ; i < elms.length; i++ ) {
+    		var old = { 
+    				target: elms[i],
+    		    disabled: elms[i].disabled, 
+    		    accesskey: elms[i].accessKey,
+    		    tabIndex : elms[i].tabIndex
+    		};
+    		elms[i].disabled = true;
+    		elms[i].accessKey = null;
+    		elms[i].tabIndex = -1;
+    		self.cache.push( old );
+    	}
+    } 
+    this.eachElements( "input", f);
+    this.eachElements( "textarea", f);
+    this.eachElements( "a", f);
+    this.eachElements( "object", function(elms){ 
+      for( var i = 0 ; i < elms.length; i++ ) {
+        elms[i].style.visibility = "hidden";
+      }
+    });
+  }, 
+
+  createButton: function( params, keybind ) {
+  	
+    var type = params["type"];
+    var a = params["action"];
+  	var action = function() {
+      if ( a ) { 
+      	if ( a.call( null, self  ) == false ){
+          return;
+        }
+      }
+      self.hideDialog();
+    }; 
+	  var b = document.createElement('div');
+	  b.className= params["key"] == "Enter" ? "button default " + type  : "button " + type;
+	  b.id = "dialog_" + type;
+    this.buttons.appendChild(b);
+    
+    var self = this;
+    var button = new util.Button("dialog_" + type, 
+    		type, action, params["alt"], params["accesskey"]);
+    button.setEnable( true );
+    
+    if(params["key"]) keybind[params["key"]] = action;
+  },
+
+  //ダイアログを非表示にする。
+  hideDialog : function () {
+    clearInterval(this.timer);
+    var self = this;
+    this.timer = setInterval( function(){ self.fadeDialog(0); } , this.TIME);
+  },
+
+  fadeDialog : function (flag) {
+    if(flag == null) {
+      flag = 1;
+    }
+    var value;
+    if(flag == 1) {
+      value = this.dialog.alpha + this.SPEED;
+    } else {
+      value = this.dialog.alpha - this.SPEED;
+    }
+    this.dialog.alpha = value;
+    this.dialog.style.opacity = (value / 100);
+    this.dialog.style.filter = 'alpha(opacity=' + value + ')';
+    if(value >= 99) {
+      clearInterval(this.timer);
+      this.timer = null;
+    } else if(value <= 1) {
+      // リンクとコントロールを有効化
+    	for( var i = 0 ; i < this.cache.length; i++ ) {
+    		var c = this.cache[i];
+    		c.target.accesskey = c.accesskey;
+    		c.target.tabIndex = c.tabIndex;
+    		c.target.disabled = c.disabled;
+    	}
+    	this.cache = null;
+    	
+      this.eachElements( "object", function(elms){ 
+        for( var i = 0 ; i < elms.length; i++ ) {
+          elms[i].style.visibility = "visible";
+        }
+      });
+    	
+      this.dialog.style.visibility = "hidden";
+      this.mask.style.visibility = "hidden";
+      clearInterval(this.timer);
+    }
+  },
+  
+  eachElements: function ( tag, f ) {
+  	var elements = document.body.childNodes;
+  	for( var i = 0; i < elements.length; i++  ) { 
+  		if ( elements[i] != this.dialog && elements[i].getElementsByTagName ) {
+  			var elms = elements[i].getElementsByTagName( tag );
+  			f(elms);
+  		}
+  	}
+  },
+  
+  /**
+   * ウインドウの幅
+   */
+  pageWidth: function pageWidth() {
+    if ( window.innerWidth != null  ) {
+      return window.innerWidth;
+    } else if ( document.documentElement && document.documentElement.clientWidth ) {
+      return document.documentElement.clientWidth;
+    } else if ( document.body != null  ) {
+      return document.body.clientWidth;
+    }
+    return null;
+  },
+
+  /**
+   * ウインドウの高さ
+   */
+    pageHeight: function () {
+      if ( window.innerHeight != null  ) {
+      return window.innerHeight;
+    } else if ( document.documentElement && document.documentElement.clientHeight ) {
+      return document.documentElement.clientHeight;
+    } else if ( document.body != null  ) {
+      return document.body.clientHeight;
+    }
+      return null;
+    },
+
+  /**
+   * 縦方向スクロールの位置
+   */
+    topPosition: function() {
+      if ( typeof window.pageYOffset != 'undefined') {
+        return window.pageYOffset;
+      } else if ( document.documentElement && document.documentElement.scrollTop ) {
+        return document.documentElement.scrollTop;
+      } else if ( document.body.scrollTop ) {
+        return document.body.scrollTop;
+      }
+      return 0;
+    },
+
+  /**
+   * 横方向スクロールの位置
+   */
+  leftPosition: function() {
+    if ( typeof window.pageXOffset != 'undefined') {
+      return window.pageXOffset;
+    } else if ( document.documentElement && document.documentElement.scrollLeft ) {
+      return document.documentElement.scrollLeft;
+    } else if ( document.body.scrollLeft ) {
+      return document.body.scrollLeft;
+    }
+    return 0;
+  }
+}

data/html/js/edit_area/autocompletion.js

@@ -0,0 +1,493 @@
+/**
+ * Autocompletion class
+ * 
+ * An auto completion box appear while you're writing. It's possible to force it to appear with Ctrl+Space short cut
+ * 
+ * Loaded as a plugin inside editArea (everything made here could have been made in the plugin directory)
+ * But is definitly linked to syntax selection (no need to do 2 different files for color and auto complete for each syntax language)
+ * and add a too important feature that many people would miss if included as a plugin
+ * 
+ * - init param: autocompletion_start
+ * - Button name: "autocompletion"
+ */  
+
+var EditArea_autocompletion= {
+	
+	/**
+	 * Get called once this file is loaded (editArea still not initialized)
+	 *
+	 * @return nothing	 
+	 */	 	 	
+	init: function(){	
+		//	alert("test init: "+ this._someInternalFunction(2, 3));
+		
+		if(editArea.settings["autocompletion"])
+			this.enabled= true;
+		else
+			this.enabled= false;
+		this.current_word		= false;
+		this.shown				= false;
+		this.selectIndex		= -1;
+		this.forceDisplay		= false;
+		this.isInMiddleWord		= false;
+		this.autoSelectIfOneResult	= false;
+		this.delayBeforeDisplay	= 100;
+		this.checkDelayTimer	= false;
+		this.curr_syntax_str	= '';
+		
+		this.file_syntax_datas	= {};
+	}
+	/**
+	 * Returns the HTML code for a specific control string or false if this plugin doesn't have that control.
+	 * A control can be a button, select list or any other HTML item to present in the EditArea user interface.
+	 * Language variables such as {$lang_somekey} will also be replaced with contents from
+	 * the language packs.
+	 * 
+	 * @param {string} ctrl_name: the name of the control to add	  
+	 * @return HTML code for a specific control or false.
+	 * @type string	or boolean
+	 */	
+	/*,get_control_html: function(ctrl_name){
+		switch( ctrl_name ){
+			case 'autocompletion':
+				// Control id, button img, command
+				return parent.editAreaLoader.get_button_html('autocompletion_but', 'autocompletion.gif', 'toggle_autocompletion', false, this.baseURL);
+				break;
+		}
+		return false;
+	}*/
+	/**
+	 * Get called once EditArea is fully loaded and initialised
+	 *	 
+	 * @return nothing
+	 */	 	 	
+	,onload: function(){ 
+		if(this.enabled)
+		{
+			var icon= document.getElementById("autocompletion");
+			if(icon)
+				editArea.switchClassSticky(icon, 'editAreaButtonSelected', true);
+		}
+		
+		this.container	= document.createElement('div');
+		this.container.id	= "auto_completion_area";
+		editArea.container.insertBefore( this.container, editArea.container.firstChild );
+		
+		// add event detection for hiding suggestion box
+		editArea.add_event( document, "click", function(){ editArea.plugins['autocompletion']._hide();} );
+		editArea.add_event( editArea.textarea, "blur", function(){ editArea.plugins['autocompletion']._hide();} );
+		
+	}
+	
+	/**
+	 * Is called each time the user touch a keyboard key.
+	 *	 
+	 * @param (event) e: the keydown event
+	 * @return true - pass to next handler in chain, false - stop chain execution
+	 * @type boolean	 
+	 */
+	,onkeydown: function(e){
+		if(!this.enabled)
+			return true;
+			
+		if (EA_keys[e.keyCode])
+			letter=EA_keys[e.keyCode];
+		else
+			letter=String.fromCharCode(e.keyCode);	
+		// shown
+		if( this._isShown() )
+		{	
+			// if escape, hide the box
+			if(letter=="Esc")
+			{
+				this._hide();
+				return false;
+			}
+			// Enter
+			else if( letter=="Entrer")
+			{
+				var as	= this.container.getElementsByTagName('A');
+				// select a suggested entry
+				if( this.selectIndex >= 0 && this.selectIndex < as.length )
+				{
+					as[ this.selectIndex ].onmousedown();
+					return false
+				}
+				// simply add an enter in the code
+				else
+				{
+					this._hide();
+					return true;
+				}
+			}
+			else if( letter=="Tab" || letter=="Down")
+			{
+				this._selectNext();
+				return false;
+			}
+			else if( letter=="Up")
+			{
+				this._selectBefore();
+				return false;
+			}
+		}
+		// hidden
+		else
+		{
+			
+		}
+		
+		// show current suggestion list and do autoSelect if possible (no matter it's shown or hidden)
+		if( letter=="Space" && CtrlPressed(e) )
+		{
+			parent.console.log('SHOW SUGGEST');
+			this.forceDisplay 			= true;
+			this.autoSelectIfOneResult	= true;
+			this._checkLetter();
+			return false;
+		}
+		
+		// wait a short period for check that the cursor isn't moving
+		setTimeout("editArea.plugins['autocompletion']._checkDelayAndCursorBeforeDisplay();", editArea.check_line_selection_timer +5 );
+		this.checkDelayTimer = false;
+		return true;
+	}	
+	/**
+	 * Executes a specific command, this function handles plugin commands.
+	 *
+	 * @param {string} cmd: the name of the command being executed
+	 * @param {unknown} param: the parameter of the command	 
+	 * @return true - pass to next handler in chain, false - stop chain execution
+	 * @type boolean	
+	 */
+	,execCommand: function(cmd, param){
+		switch( cmd ){
+			case 'toggle_autocompletion':
+				var icon= document.getElementById("autocompletion");
+				if(!this.enabled)
+				{
+					if(icon != null){
+						editArea.restoreClass(icon);
+						editArea.switchClassSticky(icon, 'editAreaButtonSelected', true);
+					}
+					this.enabled= true;
+				}
+				else
+				{
+					this.enabled= false;
+					if(icon != null)
+						editArea.switchClassSticky(icon, 'editAreaButtonNormal', false);
+				}
+				return true;
+		}
+		return true;
+	}
+	,_checkDelayAndCursorBeforeDisplay: function()
+	{
+		this.checkDelayTimer = setTimeout("if(editArea.textarea.selectionStart == "+ editArea.textarea.selectionStart +") EditArea_autocompletion._checkLetter();",  this.delayBeforeDisplay - editArea.check_line_selection_timer - 5 );
+	}
+	// hide the suggested box
+	,_hide: function(){
+		this.container.style.display="none";
+		this.selectIndex	= -1;
+		this.shown	= false;
+		this.forceDisplay	= false;
+		this.autoSelectIfOneResult = false;
+	}
+	// display the suggested box
+	,_show: function(){
+		if( !this._isShown() )
+		{
+			this.container.style.display="block";
+			this.selectIndex	= -1;
+			this.shown	= true;
+		}
+	}
+	// is the suggested box displayed?
+	,_isShown: function(){
+		return this.shown;
+	}
+	// setter and getter
+	,_isInMiddleWord: function( new_value ){
+		if( typeof( new_value ) == "undefined" )
+			return this.isInMiddleWord;
+		else
+			this.isInMiddleWord	= new_value;
+	}
+	// select the next element in the suggested box
+	,_selectNext: function()
+	{
+		var as	= this.container.getElementsByTagName('A');
+		
+		// clean existing elements
+		for( var i=0; i<as.length; i++ )
+		{
+			if( as[i].className )
+				as[i].className	= as[i].className.replace(/ focus/g, '');
+		}
+		
+		this.selectIndex++;	
+		this.selectIndex	= ( this.selectIndex >= as.length || this.selectIndex < 0 ) ? 0 : this.selectIndex;
+		as[ this.selectIndex ].className	+= " focus";
+	}
+	// select the previous element in the suggested box
+	,_selectBefore: function()
+	{
+		var as	= this.container.getElementsByTagName('A');
+		
+		// clean existing elements
+		for( var i=0; i<as.length; i++ )
+		{
+			if( as[i].className )
+				as[i].className	= as[ i ].className.replace(/ focus/g, '');
+		}
+		
+		this.selectIndex--;
+		
+		this.selectIndex	= ( this.selectIndex >= as.length || this.selectIndex < 0 ) ? as.length-1 : this.selectIndex;
+		as[ this.selectIndex ].className	+= " focus";
+	}
+	,_select: function( content )
+	{
+		cursor_forced_position	= content.indexOf( '{@}' );
+		content	= content.replace(/{@}/g, '' );
+		if(editArea.nav['isIE'])
+			editArea.getIESelection();
+		
+		// retrive the number of matching characters
+		var start_index	= Math.max( 0, editArea.textarea.selectionEnd - content.length );
+		
+		line_string	= 	editArea.textarea.value.substring( start_index, editArea.textarea.selectionEnd + 1);
+		limit	= line_string.length -1;
+		nbMatch	= 0;
+		for( i =0; i<limit ; i++ )
+		{
+			if( line_string.substring( limit - i - 1, limit ) == content.substring( 0, i + 1 ) )
+				nbMatch = i + 1;
+		}
+		// if characters match, we should include them in the selection that will be replaced
+		if( nbMatch > 0 )
+			parent.editAreaLoader.setSelectionRange(editArea.id, editArea.textarea.selectionStart - nbMatch , editArea.textarea.selectionEnd);
+		
+		parent.editAreaLoader.setSelectedText(editArea.id, content );
+		range= parent.editAreaLoader.getSelectionRange(editArea.id);
+		
+		if( cursor_forced_position != -1 )
+			new_pos	= range["end"] - ( content.length-cursor_forced_position );
+		else
+			new_pos	= range["end"];	
+		parent.editAreaLoader.setSelectionRange(editArea.id, new_pos, new_pos);
+		this._hide();
+	}
+	
+	
+	/**
+	 * Parse the AUTO_COMPLETION part of syntax definition files
+	 */
+	,_parseSyntaxAutoCompletionDatas: function(){
+		//foreach syntax loaded
+		for(var lang in parent.editAreaLoader.load_syntax)
+		{
+			if(!parent.editAreaLoader.syntax[lang]['autocompletion'])	// init the regexp if not already initialized
+			{
+				parent.editAreaLoader.syntax[lang]['autocompletion']= {};
+				// the file has auto completion datas
+				if(parent.editAreaLoader.load_syntax[lang]['AUTO_COMPLETION'])
+				{
+					// parse them
+					for(var i in parent.editAreaLoader.load_syntax[lang]['AUTO_COMPLETION'])
+					{
+						datas	= parent.editAreaLoader.load_syntax[lang]['AUTO_COMPLETION'][i];
+						tmp	= {};
+						if(datas["CASE_SENSITIVE"]!="undefined" && datas["CASE_SENSITIVE"]==false)
+							tmp["modifiers"]="i";
+						else
+							tmp["modifiers"]="";
+						tmp["prefix_separator"]= datas["REGEXP"]["prefix_separator"];
+						tmp["match_prefix_separator"]= new RegExp( datas["REGEXP"]["prefix_separator"] +"$", tmp["modifiers"]);
+						tmp["match_word"]= new RegExp("(?:"+ datas["REGEXP"]["before_word"] +")("+ datas["REGEXP"]["possible_words_letters"] +")$", tmp["modifiers"]);
+						tmp["match_next_letter"]= new RegExp("^("+ datas["REGEXP"]["letter_after_word_must_match"] +")$", tmp["modifiers"]);
+						tmp["keywords"]= {};
+						console.log( datas["KEYWORDS"] );
+						for( var prefix in datas["KEYWORDS"] )
+						{
+							tmp["keywords"][prefix]= {
+								prefix: prefix,
+								prefix_name: prefix,
+								prefix_reg: new RegExp("(?:"+ parent.editAreaLoader.get_escaped_regexp( prefix ) +")(?:"+ tmp["prefix_separator"] +")$", tmp["modifiers"] ),
+								datas: []
+							};
+							for( var j=0; j<datas["KEYWORDS"][prefix].length; j++ )
+							{
+								tmp["keywords"][prefix]['datas'][j]= {
+									is_typing: datas["KEYWORDS"][prefix][j][0],
+									// if replace with is empty, replace with the is_typing value
+									replace_with: datas["KEYWORDS"][prefix][j][1] ? datas["KEYWORDS"][prefix][j][1].replace('�', datas["KEYWORDS"][prefix][j][0] ) : '',
+									comment: datas["KEYWORDS"][prefix][j][2] ? datas["KEYWORDS"][prefix][j][2] : '' 
+								};
+								
+								// the replace with shouldn't be empty
+								if( tmp["keywords"][prefix]['datas'][j]['replace_with'].length == 0 )
+									tmp["keywords"][prefix]['datas'][j]['replace_with'] = tmp["keywords"][prefix]['datas'][j]['is_typing'];
+								
+								// if the comment is empty, display the replace_with value
+								if( tmp["keywords"][prefix]['datas'][j]['comment'].length == 0 )
+									 tmp["keywords"][prefix]['datas'][j]['comment'] = tmp["keywords"][prefix]['datas'][j]['replace_with'].replace(/{@}/g, '' );
+							}
+								
+						}
+						tmp["max_text_length"]= datas["MAX_TEXT_LENGTH"];
+						parent.editAreaLoader.syntax[lang]['autocompletion'][i]	= tmp;
+					}
+				}
+			}
+		}
+	}
+	
+	,_checkLetter: function(){
+		// check that syntax hasn't changed
+		if( this.curr_syntax_str != editArea.settings['syntax'] )
+		{
+			if( !parent.editAreaLoader.syntax[editArea.settings['syntax']]['autocompletion'] )
+				this._parseSyntaxAutoCompletionDatas();
+			this.curr_syntax= parent.editAreaLoader.syntax[editArea.settings['syntax']]['autocompletion'];
+			this.curr_syntax_str = editArea.settings['syntax'];
+			console.log( this.curr_syntax );
+		}
+		
+		if( editArea.is_editable )
+		{
+			time=new Date;
+			t1= time.getTime();
+			if(editArea.nav['isIE'])
+				editArea.getIESelection();
+			this.selectIndex	= -1;
+			start=editArea.textarea.selectionStart;
+			var str	= editArea.textarea.value;
+			var results= new Array();
+			
+			
+			for(var i in this.curr_syntax)
+			{
+				var last_chars	= str.substring(Math.max(0, start-this.curr_syntax[i]["max_text_length"]), start);
+				var matchNextletter	= str.substring(start, start+1).match( this.curr_syntax[i]["match_next_letter"]);
+				// if not writting in the middle of a word or if forcing display
+				if( matchNextletter || this.forceDisplay )
+				{
+					// check if the last chars match a separator
+					var match_prefix_separator = last_chars.match(this.curr_syntax[i]["match_prefix_separator"]);
+			
+					// check if it match a possible word
+					var match_word= last_chars.match(this.curr_syntax[i]["match_word"]);
+					
+					//console.log( match_word );
+					if( match_word )
+					{
+						var begin_word= match_word[1];
+						var match_curr_word= new RegExp("^"+ parent.editAreaLoader.get_escaped_regexp( begin_word ), this.curr_syntax[i]["modifiers"]);
+						console.log( match_curr_word );
+						for(var prefix in this.curr_syntax[i]["keywords"])
+						{
+						//	parent.console.log( this.curr_syntax[i]["keywords"][prefix] );
+							for(var j=0; j<this.curr_syntax[i]["keywords"][prefix]['datas'].length; j++)
+							{
+						//		parent.console.log( this.curr_syntax[i]["keywords"][prefix]['datas'][j]['is_typing'] );
+								// the key word match or force display 
+								if( this.curr_syntax[i]["keywords"][prefix]['datas'][j]['is_typing'].match(match_curr_word) )
+								{
+							//		parent.console.log('match');
+									hasMatch = false;
+									var before = last_chars.substr( 0, last_chars.length - begin_word.length );
+									
+									// no prefix to match => it's valid
+									if( !match_prefix_separator && this.curr_syntax[i]["keywords"][prefix]['prefix'].length == 0 )
+									{
+										if( ! before.match( this.curr_syntax[i]["keywords"][prefix]['prefix_reg'] ) )
+											hasMatch = true;
+									}
+									// we still need to check the prefix if there is one
+									else if( this.curr_syntax[i]["keywords"][prefix]['prefix'].length > 0 )
+									{
+										if( before.match( this.curr_syntax[i]["keywords"][prefix]['prefix_reg'] ) )
+											hasMatch = true;
+									}
+									
+									if( hasMatch )
+										results[results.length]= [ this.curr_syntax[i]["keywords"][prefix], this.curr_syntax[i]["keywords"][prefix]['datas'][j] ];
+								}	
+							}
+						}
+					}
+					// it doesn't match any possible word but we want to display something
+					// we'll display to list of all available words
+					else if( this.forceDisplay || match_prefix_separator )
+					{
+						for(var prefix in this.curr_syntax[i]["keywords"])
+						{
+							for(var j=0; j<this.curr_syntax[i]["keywords"][prefix]['datas'].length; j++)
+							{
+								hasMatch = false;
+								// no prefix to match => it's valid
+								if( !match_prefix_separator && this.curr_syntax[i]["keywords"][prefix]['prefix'].length == 0 )
+								{
+									hasMatch	= true;
+								}
+								// we still need to check the prefix if there is one
+								else if( match_prefix_separator && this.curr_syntax[i]["keywords"][prefix]['prefix'].length > 0 )
+								{
+									var before = last_chars; //.substr( 0, last_chars.length );
+									if( before.match( this.curr_syntax[i]["keywords"][prefix]['prefix_reg'] ) )
+										hasMatch = true;
+								}	
+									
+								if( hasMatch )
+									results[results.length]= [ this.curr_syntax[i]["keywords"][prefix], this.curr_syntax[i]["keywords"][prefix]['datas'][j] ];	
+							}
+						}
+					}
+				}
+			}
+			
+			// there is only one result, and we can select it automatically
+			if( results.length == 1 && this.autoSelectIfOneResult )
+			{
+				console.log( results );
+				this._select( results[0][1]['replace_with'] );
+			}
+			else if( results.length == 0 )
+			{
+				this._hide();
+			}
+			else
+			{
+				// build the suggestion box content
+				var lines=[];
+				for(var i=0; i<results.length; i++)
+				{
+					var line= "<li><a href=\"#\" class=\"entry\" onmousedown=\"EditArea_autocompletion._select('"+ results[i][1]['replace_with'].replace(new RegExp('"', "g"), "&quot;") +"');return false;\">"+ results[i][1]['comment'];
+					if(results[i][0]['prefix_name'].length>0)
+						line+='<span class="prefix">'+ results[i][0]['prefix_name'] +'</span>';
+					line+='</a></li>';
+					lines[lines.length]=line;
+				}
+				// sort results
+				this.container.innerHTML		= '<ul>'+ lines.sort().join('') +'</ul>';
+				
+				var cursor	= $("cursor_pos");
+				this.container.style.top		= ( cursor.cursor_top + editArea.lineHeight ) +"px";
+				this.container.style.left		= ( cursor.cursor_left + 8 ) +"px";
+				this._show();
+			}
+				
+			this.autoSelectIfOneResult = false;
+			time=new Date;
+			t2= time.getTime();
+		
+			//parent.console.log( begin_word +"\n"+ (t2-t1) +"\n"+ html );
+		}
+	}
+};
+
+// Load as a plugin
+editArea.settings['plugins'][ editArea.settings['plugins'].length ] = 'autocompletion';
+editArea.add_plugin('autocompletion', EditArea_autocompletion);