Changeset 505

Timestamp:

10/17/07 02:42:47 (6 years ago)

Author:

gyuque

Message:

lang/javascript/userscripts/syobocalplus.user.js: implemented incremental search

Files:

• lang/javascript/userscripts/syobocalplus.user.js (modified) (12 diffs)

lang/javascript/userscripts/syobocalplus.user.js

@@ -133 +133 @@
                         if (!tobj)
                         {
-                                tobj = {count: 0, name: name};
+                                tobj = {count: 0, name: name, tid: tid, box_class: "tid-"+tid};
                                 this.namedMap[tid] = tobj;
 
@@ -143 +143 @@
 
                         tobj.count++;
+                        this.count++;
+
+                        return tobj;
                 },
 
@@ -158 +161 @@
                 searchTitle: function(kw) {
                         var matchedTitles = [];
-                        
+                        var count = 0;
+
                         for(var s = 0;;)
                         {
@@ -168 +172 @@
                                 var t = this.namedMap[ this.idxDB.charCodeAt(idx) ];
                                 if (t)
+                                {
                                         matchedTitles.push(t);
+                                        count += t.count;
+                                }
                         }
 
@@ -174 +181 @@
                                 return null;
 
-                        return matchedTitles;
+                        return {count_all: count, titles: matchedTitles};
+                },
+
+                map: function(proc) {
+                        for (var t in this.namedMap)
+                                proc(this.namedMap[t], t);
+                },
+
+                commitTitleFilterStyles: function() {
+                        var rules = [];
+                        this.map(function(t) {
+                                 rules.push(".plus-unvail-t"+t.tid+" .v3box."+t.box_class+"{-moz-opacity:1;}");
+                        });
+                        GM_addStyle(rules.join(' '));
+                }
+        }
+// -----------------------------------
+        var FilterBox = function() {
+                var x = document.evaluate("//div[@class='main']", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
+                if (x.snapshotLength < 1)
+                        throw "div.main not found";
+
+                this.element = x.snapshotItem(0);
+                this.originalClass = this.element.className;
+        }
+
+        FilterBox.prototype = {
+                clear: function() {
+                        this.element.className = this.originalClass;
+                },
+
+                setFilterClasses: function(c) {
+                        this.element.className = this.originalClass+" "+c;
                 }
         }
@@ -223 +262 @@
 // -----------------------------------
 
-        var ChannelSelector = function(chman) {
+        var ChannelSelector = function(chman, tman, fbox) {
                 this.chManager = chman;
+                this.titleManager = tman;
+                this.titleFilterBox = fbox;
 
                 var _this = this;
@@ -231 +272 @@
                 var ul = document.createElement("ul");
                 document.body.appendChild(ul);
-                ul.innerHTML = "\u5168\u3066";
+
+
+                ul.innerHTML = "\uff80\uff72\uff84\uff99\u691c\u7d22<input type=\"text\"><span> </span> &nbsp; \u5c40 \u5168\u3066";
+
+                // search box
+                var txtbox = ul.childNodes[1];
+                var resarea = ul.childNodes[2];
+                var sbox = new SearchBox(txtbox, resarea);
+                sbox.search = function(k){return _this.searchTitle(k);}
                 
                 var btnAllHide = document.createElement("button");
@@ -251 +300 @@
 
         ChannelSelector.prototype = {
+                searchTitle: function(key) {
+                        if (!key.match(/[^\s]/) || key == "")
+                        {
+                                this.titleFilterBox.clear();
+                                removeClass(document.body, "plus-filtered");
+                                return {message: ""};
+                        }
+                        var sres = this.titleManager.searchTitle(key);
+
+                        addClass(document.body, "plus-filtered");
+
+                        if (!sres)
+                                return {message: "(0)"};
+
+                        var len = sres.titles.length;
+                        var unvail_classes = []
+                        for (var i = 0;i < len;i++)
+                                unvail_classes.push("plus-unvail-t"+sres.titles[i].tid);
+                        this.titleFilterBox.setFilterClasses(unvail_classes.join(" "));
+
+                        return {message: '('+sres.count_all+')'};
+                },
+
                 addChannel: function(chname, chobj) {
                         var li = document.createElement("li");
@@ -314 +386 @@
                 applyChannelClass: function(chobj) {
                         this.box.className += " "+chobj.chclass;
+                }
+        }
+// -----------------------------------
+        var SearchBox = function(elem, msgbdy) {
+                this.textBox = elem;
+                elem.className = "plus-searchbox";
+                this.messageBox = msgbdy;
+                
+                var _this = this;
+                this.oldValue = elem.value;
+                elem.addEventListener("keyup", function(e){_this.onKey(e)}, false);
+        }
+
+        SearchBox.prototype = {
+                onKey: function(e) {
+                        var v = this.textBox.value;
+                        if (this.oldValue != v)
+                        {
+                                if (this.search)
+                                {
+                                        var res = this.search(v);
+                                        if (res && res.message != undefined)
+                                                this.outMessage(res.message);
+                                }
+                                this.oldValue = v;
+                        }
+                },
+
+                outMessage: function(msg) {
+                        this.messageBox.innerHTML = msg;
                 }
         }
@@ -340 +442 @@
                 finish: function() {
                         this.chManager.commitChannelFilterStyles();
+                        this.titleManager.commitTitleFilterStyles();
                 },
 
@@ -373 +476 @@
                                         As[i].href.match(/tid\/([0-9]+)/);
                                         var tid = RegExp["$1"] - 0;
-                                        this.titleManager.put(tid, title);
+                                        var tobj = this.titleManager.put(tid, title);
+                                        box.className += " "+tobj.box_class;
                                 }
                         }
@@ -386 +490 @@
         }
 // -----------------------------------
-        GM_addStyle(".chselector{z-index: 100; font-size: 80%; width: 100%; position: fixed; bottom: 0; margin: 0; padding: 2px; background: #eee; border-top: 1px solid #ddd;} .chselector li{display: inline; margin: 0 2px 0 2px;}");
+
+        GM_addStyle(".chselector{z-index: 100; font-size: 80%; width: 100%; position: fixed; bottom: 0; margin: 0; padding: 2px 2px 2px 4px; background: ThreeDFace; border-top: 1px solid #ThreeDShadow;} .chselector li{display: inline; margin: 0 2px 0 2px;} .plus-filtered .v3box{-moz-opacity:"+HiddenAlpha+"}");
 
         document.body.style.paddingBottom = "2em";
         var divs = document.evaluate("//div[@class='v3box']", document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
+        var filter = new FilterBox();
 
         var chman = new ChannelManager();
         var tman = new TitleManager();
-        new ChannelSelector(chman);
+        new ChannelSelector(chman, tman, filter);
 
         for (var fx in FixedChannels)