0.6.x/js/02_dom/05_XNodeAttr.js

   1 var X_Node_Attr_noValue = {\r
   2                 checked  : 1,\r
   3                 compact  : 1,\r
   4                 declare  : 1,\r
   5                 defer    : 1,\r
   6                 disabled : 1,\r
   7                 ismap    : 1,\r
   8                 multiple : 1,\r
   9                 nohref   : 1,\r
  10                 noresize : 1,\r
  11                 noshade  : 1,\r
  12                 nowrap   : 1,\r
  13                 readonly : 1,\r
  14                 selected : 1\r
  15 },\r
  16 X_Node_Attr_renameForDOM = {\r
  17                 'class'          : 'className',\r
  18                 accesskey        : 'accessKey',\r
  19                 'accept-charset' : 'acceptCharset',\r
  20                 bgcolor          : 'bgColor',\r
  21                 cellpadding      : 'cellPadding',\r
  22                 cellspacing      : 'cellSpacing',\r
  23                 'char'           : 'ch',\r
  24                 charoff          : 'chOff',\r
  25                 codebase         : 'codeBase',\r
  26                 codetype         : 'codeType',\r
  27                 colspan          : 'colSpan',\r
  28                 datetime         : 'dateTime',\r
  29                 'for'            : 'htmlFor',\r
  30                 frameborder      : 'frameBorder',\r
  31                 'http-equiv'     : 'httpEquiv',\r
  32                 ismap            : 'isMap',\r
  33                 longdesc         : 'longDesc',\r
  34                 maxlength        : 'maxLength',\r
  35                 nohref           : 'noHref',\r
  36                 readonly         : 'readOnly',\r
  37                 rowspan          : 'rowSpan',\r
  38                 tabindex         : 'tabIndex',\r
  39                 usemap           : 'useMap',\r
  40                 valuetype        : 'valueType',\r
  41                 checked          : 'defaultChecked'\r
  42 },\r
  43 \r
  44 X_Node_Attr_HAS_VALUE = {\r
  45                 INPUT    : true,\r
  46                 TEXTAREA : true,\r
  47                 SELECT   : true,\r
  48                 BUTTON   : true,\r
  49                 OBJECT   : true,\r
  50                 PARAM    : true // FlashVars が flash 側から書き換えられるケースがある??\r
  51 },\r
  52 \r
  53 // <input type=button,hidden,submit,reset,radio,checkbox> の場合、value の値はユーザーで変えることはない\r
  54 // <input type=text,password,file> はユーザーによって常に変更される HTML5 ではこれにさらにいろいろ加わる\r
  55 X_Node_Attr_STATIC_VALUE_TYPES = {\r
  56         button   : true,\r
  57         hidden   : true,\r
  58         submit   : true,\r
  59         reset    : true,\r
  60         radio    : true,\r
  61         checkbox : true\r
  62 },\r
  63 \r
  64 X_Node_Attr_renameForTag = {};\r
  65         // http://nanto.asablo.jp/blog/2005/10/29/123294\r
  66         // checked -> defaultChecked\r
  67         // 動的に生成した input 要素を文書ツリーに挿入する前に設定した checked 属性は反映されず、defaultChecked だと反映される\r
  68         // 先頭にスペース\r
  69 function X_Node_Attr_objToAttrText( obj ){\r
  70                 var noValue = X_Node_Attr_noValue,\r
  71                         attrs = [ '' ], n = 0, p, v;\r
  72                 if( !obj ) return ''; // Opera7\r
  73                 for( p in obj ){\r
  74                         v = obj[ p ];\r
  75                         if( p === 'value' ){\r
  76                                 v = v.split( '"' ).join( '&quot;' ).split( '>' ).join( '&gt;' ).split( '<' ).join( '&lt;' );\r
  77                         };\r
  78                         attrs[ ++n ] = noValue[ p ] ? p : [ p, '="', v, '"' ].join( '' );\r
  79                 };\r
  80                 return 0 < n ? attrs.join( ' ' ) : '';\r
  81 };\r
  82 \r
  83 (function( renameForDOM, renameForTag ){\r
  84         var name, i;\r
  85         for( name in renameForDOM ){\r
  86                 renameForTag[ renameForDOM[ name ] ] = name;\r
  87         };\r
  88 })( X_Node_Attr_renameForDOM, X_Node_Attr_renameForTag );\r
  89 \r
  90 \r
  91 \r
  92 /* --------------------------------------\r
  93  *  attribute\r
  94  *  X_Node_Attr_toIndex に定義されている 属性の場合\r
  95  * \r
  96  * http://nanto.asablo.jp/blog/2005/10/29/123294\r
  97  * className, onclick等 はここで設定しない\r
  98  * \r
  99  */\r
 100 Node.prototype.attr = function( nameOrObj /* v */ ){\r
 101         var attrs = this._attrs, newAttrs, f, p, elm, v;\r
 102         \r
 103         if( this._xnodeType !== 1 ) return this;\r
 104         \r
 105         if( nameOrObj && X.Type.isObject( nameOrObj ) ){\r
 106                 attrs || ( attrs = this._attrs = {} );\r
 107                 newAttrs = this._newAttrs || ( this._newAttrs = {} );\r
 108                 \r
 109                 for( p in nameOrObj ){\r
 110                         if( X_Node_Attr_setAttr( this, attrs, newAttrs, p, nameOrObj[ p ] ) === true ) f = true;\r
 111                 };\r
 112                 if( f ){\r
 113                         this._attrText = false;\r
 114                         this._dirty |= X_Node_Dirty.ATTR;\r
 115                         this._root && X_Node_reserveUpdate();                   \r
 116                 };\r
 117                 return this;\r
 118         } else\r
 119         if( 1 < arguments.length ){\r
 120                 // setter\r
 121                 if( X_Node_Attr_setAttr( this, attrs || ( this._attrs = {} ), this._newAttrs || ( this._newAttrs = {} ), nameOrObj, arguments[ 1 ] ) === true ){\r
 122                         this._attrText = false;\r
 123                         this._dirty |= X_Node_Dirty.ATTR;\r
 124                         this._root && X_Node_reserveUpdate();\r
 125                 };\r
 126                 return this;\r
 127         } else\r
 128         if( typeof nameOrObj === 'string' ){\r
 129                 // getter\r
 130                 switch( nameOrObj ){\r
 131                         case 'id' :\r
 132                                 return this._id;\r
 133                         case 'class' :\r
 134                         case 'className' :\r
 135                                 return this._className;\r
 136                         case 'tag' :\r
 137                         case 'tagName' :\r
 138                                 return this._tag;\r
 139                         case 'style' :\r
 140                         case 'cssText' :\r
 141                                 return this.cssText();\r
 142                         case 'text' :\r
 143                                 return this.text();\r
 144                         case 'html' :\r
 145                                 return this.html();\r
 146                         case 'selected' :\r
 147                                 // kquery.js : safariのバグ対策\r
 148                                 // if ($.browser.safari && key === "selected" && tmp) tmp.selectedIndex;\r
 149                                 // 親ノードの selectedIndex の getter を呼んでおくと値が正しくなる、ということ?( by itozyun )\r
 150                                 if( X_UA.WebKit ) this._rawObject.parentNode.selectedIndex;\r
 151                         case 'value' :\r
 152                                 if( this._tag === 'INPUT' && X_Node_Attr_STATIC_VALUE_TYPES[ attrs[ 'type' ] ] ) break;\r
 153                         case 'checked' :\r
 154                         case 'disabled' :                       \r
 155                         case 'selectedIndex' :\r
 156                                 if( X_Node_Attr_HAS_VALUE[ this._tag ] ){\r
 157                                         if( this._newAttrs && X_Object_inObject( nameOrObj, this._newAttrs ) ) return this._newAttrs[ nameOrObj ];\r
 158                                         if( elm = X_UA_DOM.IE4 ? this._rawObject || X_Node__ie4getRawNode( this ) : this._rawObject ){\r
 159                                                 if( !attrs ) attrs = this._attrs = {};\r
 160                                                 return attrs[ nameOrObj ] = elm[ nameOrObj ]; // getAttribute( nameOrObj )?\r
 161                                         };\r
 162                                 };\r
 163                                 break;\r
 164                 };\r
 165                 return attrs && attrs[ X_Node_Attr_renameForTag[ nameOrObj ] || nameOrObj ];\r
 166         };\r
 167 };\r
 168 function X_Node_Attr_setAttr( that, attrs, newAttrs, name, v ){\r
 169         switch( name ){\r
 170                 // case 'type' : TODO IE は input, button, object に対して type の再設定が出来ない _state が要素生成済なら不可\r
 171                 case 'UID' :\r
 172                 case 'tag' :\r
 173                 case 'tagName' :\r
 174                         return;\r
 175                 case 'id' :\r
 176                         v = ( v !== 'ie4uid' + that._uid ) ? v : undefined;\r
 177                         if( v !== that._id ){\r
 178                                 that._id = v;\r
 179                                 that._dirty |= X_Node_Dirty.ID;\r
 180                                 that._root && X_Node_reserveUpdate();\r
 181                         };\r
 182                         return; \r
 183                 case 'class' :\r
 184                 case 'className' :\r
 185                         return that.className( v );\r
 186                 case 'style' :\r
 187                 case 'cssText' :\r
 188                         return that.cssText( v );\r
 189                 case 'text' :\r
 190                         return that.text( v );\r
 191                 case 'html' :\r
 192                         return that.html( v );\r
 193         };\r
 194         // debug\r
 195         if( name.indexOf( 'on' ) === 0 ){\r
 196                 X.Logger.warn( 'xnode.attr("' + name + '") is wrong, xnode.listen() & xnode.unlisten().' );\r
 197                 return;\r
 198         };\r
 199         \r
 200         name = X_Node_Attr_renameForTag[ name ] || name;\r
 201         if( attrs[ name ] === v ) return;\r
 202         \r
 203         if( v == null ){\r
 204                 newAttrs[ name ] = undefined;\r
 205                 if( attrs.hasOwnProperty( name ) ) delete attrs[ name ];\r
 206         } else {\r
 207                 newAttrs[ name ] = attrs[ name ] = v;\r
 208         };\r
 209         return true;\r
 210 };\r
 211 \r