Changeset 32754 for websites/modoki

Timestamp:

04/23/09 16:44:16 (4 years ago)

Author:

drry

Message:

• 整理。
  

Files:

• websites/modoki/index.html (modified) (19 diffs, 1 prop)

websites/modoki/index.html

@@ -9 +9 @@
         padding: 0;
       }
-      html,body {
+      html, body{
         height: 100%;
       }
@@ -31 +31 @@
         background: #999999;
         height: 25px;
-        top:0;
+        top: 0;
       }
       #header_content{
@@ -50 +50 @@
         height: 50px;
         background: #f6f6f6;
-        border: #aaa 1px solid;
+        border: 1px solid #aaa;
       }
       #userInput{
@@ -58 +58 @@
         width: 100%;
         height: 100%;
-        border: #aaa 1px solid;
+        border: 1px solid #aaa;
         background: #ffffff;
       }
@@ -66 +66 @@
       }
       .blocked{
-        border : 1px solid #00f;
+        border: 1px solid #00f;
       }
       .noborder{
-        border : none;
+        border: 0 none;
       }
       .unread{
@@ -95 +95 @@
     </style>
     <script type="text/javascript">
-      var d=document;
+      var d = document;
 
       var content_load = function(){
         var modoki = new Modoki();
-      }
+      };
       var Modoki = function(){ this.init(); }; //constractor
       Modoki.prototype.init = function(){
@@ -109 +109 @@
         var loop = setInterval( function(){ _self.loadData(); }, 30000 );
       };
-      
+
       Modoki.prototype.config = function(){
         var _self = this;
@@ -117 +117 @@
           "s" : function(){ _self.fav(); },
           "e" : function(){ _self.open_url(); }
-        }
+        };
         this._altanative = (new Date).getTime();
         this._crosspost = 0;
-      }
+      };
       Modoki.prototype.loadKeyBind = function(){
         var _self = this;
@@ -127 +127 @@
           if( t.nodeType == 1 ){
              var tn = t.tagName.toLowerCase();
-             if( tn == 'input' || tn == 'textarea' ){
+             if( tn == "input" || tn == "textarea" ){
                  return;
              }
@@ -136 +136 @@
              }
           }
-        }
+        };
         document.addEventListener("keypress", keybind, false);
       };
@@ -150 +150 @@
         var box = d.createElement("div");
         box.id = "main_content";
-        var _tilme_line= d.createElement("ul");
+        var _tilme_line = box.appendChild(d.createElement("ul"));
         _tilme_line.id = "time_line";
-        box.appendChild(_tilme_line);
         document.getElementById("content").appendChild(box);
 
@@ -160 +159 @@
 
         //output
-        var _out = d.createElement("div");
+        var _out = f_cont.appendChild(d.createElement("div"));
         _out.id = "out";
         _out.name = "out";
-        f_cont.appendChild(_out);
 
         //input
-        var _userInput = d.createElement("div");
+        var _userInput = f_cont.appendChild(d.createElement("div"));
         _userInput.id = "userInput";
         _userInput.name = "userInput";
 
-        var _multiple = d.createElement("textarea");
+        var _multiple = _userInput.appendChild(d.createElement("textarea"));
         _multiple.id = "multiple";
         _multiple.name = "multiple";
-        _userInput.appendChild(_multiple);
 
         _multiple.addEventListener("keypress", function(e){
@@ -180 +177 @@
               _self.postTwitter();
               this.blur();
-            }else if( e.which == 9) { //if tab
+            }else if( e.which == 9){ //if tab
               e.preventDefault();
               this.blur();
@@ -187 +184 @@
         }, false );
 
-        f_cont.appendChild(_userInput);
         document.getElementById("footer").appendChild(f_cont);
-
-      }
+      };
       Modoki.prototype.down = function(){
         this.move(true);
-      }
+      };
       Modoki.prototype.up   = function(){
         this.move(false);
-      }
+      };
       Modoki.prototype.move = function(flg){
-        var diff= (flg) ? 1 : -1;
+        var diff = flg ? 1 : -1;
 
         var check = d.getElementsByClassName("blocked");
@@ -210 +205 @@
             if( nt[i].className.indexOf("blocked") != -1 ){
               d.getElementById("out").innerHTML = nt[i+diff].innerHTML;
-              nt[i].className = nt[i].className.replace(/(blocked|unread)/,"noborder");
-              nt[i+diff].className = nt[i+diff].className.replace(/(noborder|unread)/,"blocked read");
+              nt[i].className = nt[i].className.replace(/blocked|unread/,"noborder");
+              nt[i+diff].className = nt[i+diff].className.replace(/noborder|unread/,"blocked read");
               var scroll = (nt[i+diff].offsetHeight-2) * diff;
               window.scrollBy(0, scroll);
@@ -218 +213 @@
           }
         }
-      }
+      };
 
       Modoki.prototype.postTwitter = function(){
@@ -224 +219 @@
         text = (text.length>140) ? text.substring(0,140) : text;
         if( text.length != 0 ){
-          var url = 'http://twitter.com/statuses/update.xml?status=' + encodeURIComponent(text) + '&source=modoki';
+          var url = "https://twitter.com/statuses/update.xml?status=" + encodeURIComponent(text) + "&source=modoki";
           this.crossDomainPost(url);
         }
         d.getElementById("multiple").value = "";
-      }
+      };
 
       Modoki.prototype.fav = function(){
         var t = d.getElementsByClassName("blocked");
-        var url = "http://twitter.com/favourings/create/" + t[0].id + ".xml";
+        var url = "https://twitter.com/favourings/create/" + t[0].id + ".xml";
         this.crossDomainPost(url);
         t[0].className += " fav";
-      }
+      };
 
       Modoki.prototype.open_url = function(){
@@ -241 +236 @@
         var m = t[0].innerHTML.match(/https?:\/\/[-_.!~*'()a-zA-Z0-9;/?:@&=+$,%#]+/g);
         if( m.length > 1 ){ window.open(m[1]); }
-      }
+      };
 
       Modoki.prototype.crossDomainPost = function( url ){
         this._crosspost++;
-        var iframe = document.createElement('iframe');
-        iframe.name = 'cross_domain_post' + this._crosspost;
-        iframe.style.display = 'none';
-
-        var form = document.createElement('form');
+        var iframe = document.createElement("iframe");
+        iframe.name = "cross_domain_post" + this._crosspost;
+        iframe.style.display = "none";
+
+        var form = document.createElement("form");
         form.action = url;
-        form.target = 'cross_domain_post' + this._crosspost;
-        form.method = 'POST';
-        form.style.display = 'none';
+        form.target = "cross_domain_post" + this._crosspost;
+        form.method = "post";
+        form.style.display = "none";
         document.body.appendChild(form);
 
@@ -266 +261 @@
         };
         document.body.appendChild(iframe);
-      }
+      };
 
       Modoki.prototype.loadData = function(){
         this._altanative++;
-        var url = "http://twitter.com/statuses/friends_timeline.json?callback=cb" + "&alter=" + this._altanative;   
+        var url = "https://twitter.com/statuses/friends_timeline.json?callback=cb" + "&alter=" + this._altanative;
         this.getJSON(url);
-      }
+      };
       Modoki.prototype.getJSON = function(url){
-        var script = d.createElement("script");
+        var head = d.getElementsByTagName("head")[0];
+        var script = head.appendChild(d.createElement("script"));
         script.src = url;
-        script.type="text/javascript";
-        var head = d.getElementsByTagName("head")[0];
-        head.appendChild(script);
-      }
+        script.type = "text/javascript";
+      };
       var cb = function(data){
-        for( var i=data.length-1; i != 0 ; i-- ){
-          createLiTag(data[i]);
-        }
-        var _script= d.getElementsByTagName("script");
+        for( var i=data.length; i-->0; createLiTag(data[i]) );
+        var _script = d.getElementsByTagName("script");
         _script[_script.length-1].parentNode.removeChild(_script[_script.length-1]);
-      }
+      };
       var createLiTag = function(obj){
         //check obj
         var o = d.getElementById(obj.id);
-        if( o != null ){ return }; 
+        if( o != null ){ return };
+
+        var tl = document.getElementById("time_line");
 
         //create
-        var liTag = d.createElement("li");
+        var liTag = tl.insertBefore(d.createElement("li"), null);
         liTag.id = obj.id;
         liTag.className = "unread";
 
-        var imgDiv = d.createElement("div");
+        var imgDiv = liTag.appendChild(d.createElement("div"));
         imgDiv.className = "sub";
         imgDiv.id = "user_icon"
 
-        var imgTag = d.createElement("img");
+        var imgTag = imgDiv.appendChild(d.createElement("img"));
         imgTag.src = obj["user"]["profile_image_url"];
         imgTag.style.height = "16px";
-        imgTag.style.width= "16px";
-        imgDiv.appendChild(imgTag);
-
-        liTag.appendChild(imgDiv);
-
-        var nameDiv = d.createElement("div");
+        imgTag.style.width = "16px";
+
+        var nameDiv = liTag.appendChild(d.createElement("div"));
         nameDiv.appendChild(d.createTextNode(obj["user"]["name"]));
         nameDiv.className = "sub";
 
-        var textDiv = d.createElement("div");
+        var textDiv = liTag.appendChild(d.createElement("div"));
         textDiv.appendChild(d.createTextNode(obj.text));
         textDiv.className = "sub text";
-
-        liTag.appendChild(nameDiv);
-        liTag.appendChild(textDiv);
-
-        var tl = document.getElementById("time_line");
-        tl.insertBefore(liTag, null);
-      }
+      };
     </script>
   </head>