the hint styles are moved into ./examples/data/style.css

diff --git a/examples/data/style.css b/examples/data/style.css
index 81bb6df..9789e6f 100644 (file)
--- a/examples/data/style.css
+++ b/examples/data/style.css
@@ -1,3 +1,22 @@
-.uzbl_hint_class { background-color: yellow;}
-.uzbl_hint_first { background-color: lightgreen;}
+.uzbl_highlight { background-color: yellow;}
+.uzbl_h_first   { background-color: lightgreen;}
+
+#uzbl_hint > div    { 
+       display:                        inline;
+       border:                         2px solid #4a6600;
+       background-color:               #b9ff00;
+       color:                          black;
+       font-size:                      9px;
+       font-weight:                    bold;
+       line-height:                    9px;
+       margin:                         0px;
+       padding:                        0px;
+       position:                       absolute;
+       z-index:                        1000;
+       -webkit-border-radius:          6px;
+       text-decoration:                none;
+       -wekit-transform:               scale(1) rotate(0deg) translate(-6px,-5px);
+}
+
+/* vim:set et ts=4: */
 

diff --git a/examples/scripts/linkfollow.js b/examples/scripts/linkfollow.js
index 327b82c..1ff7b4e 100644 (file)
--- a/examples/scripts/linkfollow.js
+++ b/examples/scripts/linkfollow.js
@@ -3,7 +3,7 @@
 //
 // first, it needs to be loaded before every time it is used.
 // One way would be to use something like load_start_handler to send
-// "act script linkfollow.js"
+// "act script /usr/share/examples/scripts/linkfollow.js"
 // (currently, it is recommended to use load_finish_handler since the JS code seems to get
 // flushed. Using a load_start_handler with a 1s delay works but not always)
 //
@@ -11,6 +11,9 @@
 // bind f* = js hints.set("%s")
 // bind f_ = js hints.follow("%s")
 //
+// At the moment, it may be useful to have way of forcing uzbl to load the script
+// bind :lf = script /usr/share/examples/scripts/linkfollow.js
+//
 // To enable hint highlighting, add:
 // set stylesheet_uri = /usr/share/uzbl/examples/data/style.css
 //
@@ -23,8 +26,8 @@
 
 function Hints(){
        var uzblid = 'uzbl_hint';
-       var uzblclass = "uzbl_hint_class";
-       var uzblclassfirst = "uzbl_hint_first";
+       var uzblclass = 'uzbl_highlight';
+       var uzblclassfirst = 'uzbl_h_first';
        var doc = document;
        this.set = setHints;
        this.follow = followHint;
@@ -59,27 +62,13 @@ function Hints(){
                        var hint = doc.createElement('div');
                        hint.setAttribute('name', uzblid);
                        hint.innerText = label;
-                       hint.style.display = 'inline';
-                       hint.style.backgroundColor = '#B9FF00';
-                       hint.style.border = '2px solid #4A6600';
-                       hint.style.color = 'black';
-                       hint.style.fontSize = '9px';
-                       hint.style.fontWeight = 'bold';
-                       hint.style.lineHeight = '9px';
-                       hint.style.margin = '0px';
-                       hint.style.padding = '1px';
-                       hint.style.position = 'absolute';
-                       hint.style.zIndex = '1000';
+      //the css is set with ./examples/data/style.css
                        hint.style.left = pos[1] + 'px';
                        hint.style.top = pos[0] + 'px';
                        //var img = el.getElementsByTagName('img');
                        //if (img.length > 0) {
                        //    hint.style.left = pos[1] + img[0].width / 2 + 'px';
                        //}
-                       hint.style.textDecoration = 'none';
-                       hint.style.webkitBorderRadius = '6px';
-                       // Play around with this, pretty funny things to do :)
-                       hint.style.webkitTransform = 'scale(1) rotate(0deg) translate(-6px,-5px)';
                        return hint;
        }
 
@@ -203,25 +192,25 @@ function Hints(){
                        item.style.borderStyle = "dotted";
                        item.style.borderWidth = "thin";
 
-                               var name = item.tagName;
-                               if (name == 'A') {
-                                               if(item.click) {item.click()};
-                                               window.location = item.href;
-                               } else if (name == 'INPUT') {
-                                               var type = item.getAttribute('type').toUpperCase();
-                                               if (type == 'TEXT' || type == 'FILE' || type == 'PASSWORD') {
-                                                               item.focus();
-                                                               item.select();
-                                               } else {
-                                                               item.click();
-                                               }
-                               } else if (name == 'TEXTAREA' || name == 'SELECT') {
-                                               item.focus();
-                                               item.select();
-                               } else {
-                                               item.click();
-                                               window.location = item.href;
-                               }
+      var name = item.tagName;
+      if (name == 'A') {
+          if(item.click) {item.click()};
+          window.location = item.href;
+      } else if (name == 'INPUT') {
+          var type = item.getAttribute('type').toUpperCase();
+          if (type == 'TEXT' || type == 'FILE' || type == 'PASSWORD') {
+              item.focus();
+              item.select();
+          } else {
+              item.click();
+          }
+      } else if (name == 'TEXTAREA' || name == 'SELECT') {
+          item.focus();
+          item.select();
+      } else {
+          item.click();
+          window.location = item.href;
+      }
                }
        }
 }
@@ -230,5 +219,6 @@ var hints;
 
 var hints = new Hints();
 
+// vim:set et tw=2: