Changeset 17931

Timestamp:

08/20/08 18:15:46 (5 years ago)

Author:

anekos

Message:

]d [d 時に対象の要素を青くするようにした。

Files:

• lang/javascript/vimperator-plugins/trunk/scroll_div.js (modified) (6 diffs)

lang/javascript/vimperator-plugins/trunk/scroll_div.js

@@ -13 +13 @@
 //      スクロールする
 //
+//  TODO:
+//    フレーム対応
 
 (function () {
 
   // スクロール可能か？
-  function isScrollable (e, doc) {
+  function isScrollable (elem) {
     const re = /auto|scroll/i;
-    let s = doc.defaultView.getComputedStyle(e, '');
-    if (e.scrollHeight <= e.clientHeight)
+    let s = elem.ownerDocument.defaultView.getComputedStyle(elem, '');
+    if (elem.scrollHeight <= elem.clientHeight)
       return;
     for each (let n in ['overflow', 'overflowY', 'overflowX']) {
@@ -28 +30 @@
   }
 
-  // FIXME
-  function flashElement (e, doc) {
-    var indicator = doc.createElement("div");
-    indicator.id = "liberator-frame-indicator";
-    // NOTE: need to set a high z-index - it's a crapshoot!
-    var style = "background-color: red; opacity: 0.5; z-index: 999;" +
-                "position: fixed; top: 0; bottom: 0; left: 0; right: 0;";
+  // 光らせる
+  function flashElement (elem) {
+    let indicator = elem.ownerDocument.createElement("div");
+    let rect = elem.getBoundingClientRect();
+    indicator.id = "nyantoro-element-indicator";
+    let style = "background-color: blue; opacity: 0.5; z-index: 999;" +
+                "position: fixed; " + 
+                "top: " + rect.top + "px;" +
+                "height:" + elem.clientHeight + "px;"+
+                "left: " + rect.left + "px;" +
+                "width: " + elem.clientWidth + "px";
     indicator.setAttribute("style", style);
-    e.appendChild(indicator);
-    // remove the frame indicator
-    setTimeout(function () { e.removeChild(indicator); }, 500);
+    elem.appendChild(indicator);
+    setTimeout(function () elem.removeChild(indicator), 500);
   }
 
@@ -45 +50 @@
     let result = [];
     let doc = content.document;
-    var r = doc.evaluate("//div|//ul", doc, null, 7, null)
-    for (var i = 0; i < r.snapshotLength; i++) {
-      let e = r.snapshotItem(i);
-      if (isScrollable(e, doc))
-        result.push(e);
+    let r = doc.evaluate("//div|//ul", doc, null, 7, null)
+    for (let i = 0; i < r.snapshotLength; i++) {
+      let elem = r.snapshotItem(i);
+      if (isScrollable(elem))
+        result.push(elem);
     }
-    liberator.log('scrollableElements: ' + result.length);
     return result;
   }
@@ -57 +61 @@
   // スクロール対象を変更
   function shiftScrollElement (n) {
-    let idx = content.document.__div_scroller_index || 0;
+    let doc = content.document;
+    let idx = doc.__div_scroller_index || 0;
     let es = scrollableElements();
+    if (es.length <= 0)
+      liberator.echoerr('scrollable element not found');
     idx += (n || 1);
     if (idx < 0)
@@ -65 +72 @@
       idx = 0;
     content.document.__div_scroller_index = idx;
+    flashElement(es[idx]);
   }
 
@@ -79 +87 @@
     if (elem)
       elem.scrollTop += Math.max(30, elem.clientHeight - 20) * (down ? 1 : -1);
-    //for each (let elem in scrollableElements()) {
-    //  liberator.log(elem.tagName);
-    //  liberator.log(elem.id);
-    //  elem.scrollTop += dy;
-    //}
   }