Changeset 27806

Timestamp:

01/03/09 08:32:48 (4 years ago)

Author:

hoge1e3

Message:

 

Location:

lang/javascript/tagBuilder

Files:

• TagBuilder.class.js (modified) (4 diffs)
• sample3.html (modified) (1 diff)
• sample4.html (added)

lang/javascript/tagBuilder/TagBuilder.class.js

@@ -23 +23 @@
            if (this.expr instanceof Array) return this.expr[0].toLowerCase();
    },
+   tagNameIs: function (t) {
+       return this.getTagName().eqi(t.toLowerCase());
+   },
+   isTr: function (t) {
+       if (this.tagNameIs("tr")) {
+                  checkTagName(this.parent.tagName,"table");
+                  return true;
+           }
+           return false;
+   },
    get: function () {
        return this.target.value;
@@ -51 +61 @@
    },
    remove: function () {
-                if (this.parent && !this.parent.removeChild) {
+          if (this.parent && !this.parent.removeChild) {
               alert(Object.toJSON(this.parent));
           }
           if (!this.parent) alert("Parent is null");
+          if (this.isTr()) {
+              var target=this.target;
+                  var rmIdx=-1;
+                  $A(this.parent.rows).each(function (e,idx) {
+                      if (e===target) {
+                              rmIdx=idx;
+                          }
+                  });
+                  if (rmIdx<0) alert("Index not found");
+                  this.parent.deleteRow(rmIdx);
+                  return;
+          }
           this.parent.removeChild(this.target);
    },
-
+    insertBefore:function (e,idx) {
+           if (idx==null) idx=0;
+           checkNull(this.parentBuilder,"parentBuilder").add(
+               e,
+               this.indexFromParent()-idx
+           );
+        },
+        insertAfter:function (e,idx) {
+           if (idx==null) idx=0;
+           checkNull(this.parentBuilder,"parentBuilder").add(
+               e,
+               this.indexFromParent()+1+idx
+           );
+        },
+    indexFromParent: function () {
+           var res=-1;
+           this.getSiblings().each(function (e,i) {
+               if (e===t.target) res=i;
+           });
+           if (res<0) alert("Index not found");
+           return res;
+        },
+        getSiblings: function () {
+           if (this.target==null) alert("getSiblings: Target is not set");
+           if (this.siblings) return this.siblings;
+           if (this.isTr()) {
+                   return this.siblings=$A(this.parent.rows);
+           } 
+           return this.siblings=$A(this.childNodes);
+        },
     add:function (a, idx) {
           var target=this.target;
@@ -67 +118 @@
           if (a instanceof Array) return this.addArray(a,idx);
           if (a instanceof Function) return a(this,idx);
-          if (a instanceof TagBuilder) {a.render(target,idx);return this;}
+          if (a instanceof TagBuilder) {
+                a.parentBuilder=this;
+                a.render(target,idx);
+                return this;
+          }
           if (typeof(a)=="object" && a.render instanceof Function) {
               a.render(this,idx);return this;
@@ -170 +225 @@
    return typeof(e)=="object" && e.tagName;
 }
+function checkNull(v,msg){
+   if (v==null) alert(msg+" is null");
+   return v;
+}
 
 function tag(a) {

lang/javascript/tagBuilder/sample3.html

@@ -4 +4 @@
         <script src="prototype.js"></script>
         <script src="TagBuilder.class.js"></script>
-        <script src="misc/WindowWidget.class.js"></script>
-        <script src="misc/Mouse.js"></script>
         <script>
           var list;
+          var data=["foo","bar","baz"];
           function exec() {
              $tag("button").target.disabled=true;
-             var w=new WindowWidget(["span","test"]);
-                 w.show();
+             $tag("body").add(["table",{border:1},
+                     ["tr",["td","No"],["td","Str"],["td","Button"]],
+                         function (tagBuilder) {
+                            data.each(function (str,no) {
+                                   var tr=tag("tr",
+                                       ["td",no],
+                                           ["td",str],
+                                       ["td",["button",{onclick:rm},"Remove"]]
+                                   );
+                                   tagBuilder.add(tr);
+                                   function rm() {
+                                      tr.remove();
+                                   }
+                            });
+                         }
+             ]);
           }
         </script>
   </head>
-        <body 
-          onmousemove="Mouse.handleEvents(event,'move')"
-          onmousedown="Mouse.handleEvents(event,'down')"
-          onmouseup="Mouse.handleEvents(event,'up')">
+  <body id="body">
      <h1>Tag Builder Test 3</h1>
-          <p>* Requires programs on ./misc/ directory </p>
      <button id="button" onclick="exec()">Start</button>
   </body>