Add surf configuration

2 files changed, 186 insertions, 0 deletions

diff --git a/surf/script.js b/surf/script.js
new file mode 100644
index 0000000..36ff8a6
--- /dev/null
+++ b/surf/script.js
@@ -0,0 +1,186 @@
+
+// Easylinks (inspired but my own implementation)
+var elink_modkey = 18;  //ctrl=17, alt=18
+var elink_copykey = 67;  // c
+var elink_newwinkey = 84;  // t
+var elink_openkey = 70;  // f
+
+var elink_ankers = {};
+var elink_labels = {};
+
+// Creates visual tags on website
+elink_create = function() {
+	// Just to be sure remove any previous one first
+	elink_remove();
+	// Get all a and input elements
+	elink_ankers = document.getElementsByTagName("a");
+	elink_ankers.push.apply( document.getElementsByTagName("input") );
+	// For every anker create label
+	for (var i=0; i<ankers.length; i++) {
+		var a = ankers[i];
+		if (!a.href) continue; // ignore if it leads nowhere
+
+		var b = base(i+1,nr_base);
+		var d = document.createElement("span");
+			d.style.visibility="hidden";
+			d.innerHTML=b;
+		for(var s in label_style)
+			d.style[s]=label_style[s];
+		labels[b]={"a":a, "rep":d};
+		a.parentNode.insertBefore(d, a.nextSibling);
+	}
+}
+
+// Removes visual tags on website
+elink_remove = function() {
+	for (var i=0; i<elink_labels.length; i++) {
+
+	}
+	// Reset to empty tables
+	elink_ankers = {};
+	elink_labels = {};
+}
+
+elink_setup = function() {
+	// set key handler   
+	window.onkeydown=function(e) {
+		if (e.keyCode == modkey) {
+			elink_create();
+		}
+	}
+	window.onkeyup=function(e) {
+		if (e.keyCode == modkey ) {
+			open_link(input);
+			set_ui("hidden");
+			hl(input);
+		} else if (ui_visible) {
+			if(e.keyCode == newwinkey) {
+				open_link(input, true);
+				set_ui("hidden");
+			} else if(e.keyCode == cancelkey)
+				input="";
+			else if(e.keyCode == openkey) {
+				open_link(input);
+				set_ui("hidden");
+			}
+			else
+				input += String.fromCharCode(e.keyCode);
+			hl(input);
+		}
+	}
+	// TODO
+
+	if(document.readyState!="complete") {
+		window.setTimeout("elink_setup()",200);
+	}
+}
+elink_setup();
+
+
+testcomplete = function() {
+	if(document.readyState=="complete") {
+		run(); return;
+	}
+	window.setTimeout("testcomplete()",200);
+}
+testcomplete();
+
+run=function() {
+	// config , any css
+	var modkey	  = 18;  //ctrl=17, alt=18
+	var cancelkey   = 67;  // c
+	var newwinkey   = 84;  // t
+	var openkey   = 70;  // f
+	var label_style = {"color":"black","fontSize":"10px","backgroundColor":"#27FF27","fontWeight":"normal","margin":"0px","padding":"0px","position":"absolute","zIndex":99};
+	var hl_style	= {"backgroundColor":"#E3FF38","fontSize":"15px"};
+	var nr_base	 = 5;   // >=10 : normal integer,
+
+	// globals
+	var ankers	 = document.getElementsByTagName("a");
+	var labels	 = new Object();
+	var ui_visible = false;
+	var input	  = "";
+
+	// functions
+	hl=function(t) {
+		for(var id in labels) {
+			if (t && id.match("^"+t)==t)
+				for(var s in hl_style)
+					labels[id].rep.style[s]=hl_style[s];
+			else
+				for(var s in label_style)
+					labels[id].rep.style[s]=label_style[s];
+		}
+	}
+	open_link=function(id, new_win) {
+		try {
+			var a = labels[input].a;
+			if(a && !new_win) window.location.href=a.href;
+			if(a && new_win)  window.open(a.href,a.href);
+		} catch (e) {}
+	}
+	set_ui=function(s) {
+		var pos = "static";
+		ui_visible = true;
+		if(s == "hidden") {
+			ui_visible = false;
+			pos = "absolute";
+			input="";
+		}
+		for(var id in labels) {
+			labels[id].rep.style.visibility=s;
+			labels[id].rep.style.position=pos;
+		}
+	}
+	base=function(n, b) { 
+		if(b>=10) return n.toString();
+		var res = new Array();
+		while(n) {
+			res.push( (n%b +1).toString() )
+			n=parseInt(n/b);
+		}
+		return res.reverse().join("");
+	}
+
+	// main
+	// create labels
+	for (var i=0; i<ankers.length; i++) {
+		var a = ankers[i];
+		if (!a.href) continue;
+		var b = base(i+1,nr_base);
+		var d = document.createElement("span");
+			d.style.visibility="hidden";
+			d.innerHTML=b;
+		for(var s in label_style)
+			d.style[s]=label_style[s];
+		labels[b]={"a":a, "rep":d};
+		a.parentNode.insertBefore(d, a.nextSibling);
+	}
+
+	// set key handler   
+	window.onkeydown=function(e) {
+		if (e.keyCode == modkey) {
+			set_ui("visible");
+		}
+	}
+	window.onkeyup=function(e) {
+		if (e.keyCode == modkey ) {
+			open_link(input);
+			set_ui("hidden");
+			hl(input);
+		} else if (ui_visible) {
+			if(e.keyCode == newwinkey) {
+				open_link(input, true);
+				set_ui("hidden");
+			} else if(e.keyCode == cancelkey)
+				input="";
+			else if(e.keyCode == openkey) {
+				open_link(input);
+				set_ui("hidden");
+			}
+			else
+				input += String.fromCharCode(e.keyCode);
+			hl(input);
+		}
+	}
+}
diff --git a/surf/styles/default.css b/surf/styles/default.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/surf/styles/default.css