gryf/pentadactyl-pm
1
0
Fork 0
mirror of https://github.com/gryf/pentadactyl-pm.git synced 2025-12-22 22:37:58 +01:00
Code Issues Projects Releases Wiki Activity

* initial frame support for hints, slightly buggy

Browse Source 
* numbers can now be escaped with \ to be treated as text (thanks calmar)
This commit is contained in:
Martin Stubenschrott
2007-11-09 14:09:21 +00:00
parent 87ecebd815
commit f2b6db3b72
1 changed files with 144 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
content/hints.js
View File

@@ -37,10 +37,13 @@ vimperator.Hints = function() //{{{
var hints = []; var hints = [];
var valid_hints = []; // store the indices of the "hints" array with valid elements var valid_hints = []; // store the indices of the "hints" array with valid elements
var escapeNumbers = false ; // escape mode for numbers. true -> treated as hint-text
var activeTimeout = null; // needed for hinttimeout > 0 var activeTimeout = null; // needed for hinttimeout > 0
var canUpdate = false; var canUpdate = false;
var hintsGenerated = false;
var docs = []; // keep track of the documents which we display the hints for // keep track of the documents which we generated the hints for
// docs = { doc: document, start: start_index in hints[], end: end_index in hints[] }
var docs = [];
// reset all important variables // reset all important variables
function reset() function reset()
@@ -52,13 +55,21 @@ vimperator.Hints = function() //{{{
hints = []; hints = [];
valid_hints = []; valid_hints = [];
canUpdate = false; canUpdate = false;
hintsGenerated = false; docs = [];
escapeNumbers = false;
if (activeTimeout) if (activeTimeout)
clearTimeout(activeTimeout); clearTimeout(activeTimeout);
activeTimeout = null; activeTimeout = null;
} }
function updateStatusline()
{
vimperator.statusline.updateInputBuffer((escapeNumbers ? "\\ ": "" ) + // sign for escapeNumbers
(hintString ? "\"" + hintString + "\"" : "") +
(hintNumber > 0 ? " <" + hintNumber + ">" : ""));
}
// this function 'click' an element, which also works // this function 'click' an element, which also works
// for javascript links // for javascript links
function openHint(new_tab, new_window) function openHint(new_tab, new_window)
@@ -71,7 +82,7 @@ vimperator.Hints = function() //{{{
var elemTagName = elem.localName.toLowerCase(); var elemTagName = elem.localName.toLowerCase();
elem.focus(); elem.focus();
if (elemTagName == "frame" || elemTagName == "iframe") if (elemTagName == "frame" || elemTagName == "iframe")
return 0; return false;
// for imagemap // for imagemap
if (elemTagName == "area") if (elemTagName == "area")
@@ -105,7 +116,7 @@ vimperator.Hints = function() //{{{
if (elemTagName == "frame" || elemTagName == "iframe") if (elemTagName == "frame" || elemTagName == "iframe")
{ {
elem.contentWindow.focus(); elem.contentWindow.focus();
return; return false;
} }
else else
{ {
@@ -165,18 +176,12 @@ vimperator.Hints = function() //{{{
function generate(win) function generate(win)
{ {
if (hintsGenerated)
return;
var startDate = Date.now(); var startDate = Date.now();
hints = [];
if (!win) if (!win)
win = window.content; win = window.content;
var doc = win.document; var doc = win.document;
docs.push(doc);
var height = win.innerHeight; var height = win.innerHeight;
var width = win.innerWidth; var width = win.innerWidth;
var scrollX = doc.defaultView.scrollX; var scrollX = doc.defaultView.scrollX;
@@ -199,8 +204,10 @@ vimperator.Hints = function() //{{{
vimperator.log("evaluated XPath after: " + (Date.now() - startDate) + "ms"); vimperator.log("evaluated XPath after: " + (Date.now() - startDate) + "ms");
var fragment = doc.createDocumentFragment(); var fragment = doc.createDocumentFragment();
var start = hints.length;
while ((elem = res.iterateNext()) != null) while ((elem = res.iterateNext()) != null)
{ {
// TODO: for frames, this calculation is wrong
rect = elem.getBoundingClientRect(); rect = elem.getBoundingClientRect();
if (!rect || rect.top > height || rect.bottom < 0 || rect.left > width || rect.right < 0) if (!rect || rect.top > height || rect.bottom < 0 || rect.left > width || rect.right < 0)
continue; continue;
@@ -209,6 +216,7 @@ vimperator.Hints = function() //{{{
if (!rect) if (!rect)
continue; continue;
// TODO: mozilla docs recommend localName instead of tagName
tagname = elem.tagName.toLowerCase(); tagname = elem.tagName.toLowerCase();
if (tagname == "input" || tagname == "textarea") if (tagname == "input" || tagname == "textarea")
text = elem.value.toLowerCase(); text = elem.value.toLowerCase();
@@ -229,10 +237,15 @@ vimperator.Hints = function() //{{{
hints.push([elem, text, span, null, elem.style.backgroundColor, elem.style.color]); hints.push([elem, text, span, null, elem.style.backgroundColor, elem.style.color]);
} }
doc.body.appendChild(fragment); doc.body.appendChild(fragment);
docs.push({ doc: doc, start: start, end: hints.length - 1});
// also generate hints for frames
for (var i = 0; i < win.frames.length; i++)
generate(win.frames[i]);
vimperator.log("hints.generate() completed after: " + (Date.now() - startDate) + "ms"); vimperator.log("hints.generate() completed after: " + (Date.now() - startDate) + "ms");
hintsGenerated = true;
return true; return true;
} }
@@ -248,109 +261,102 @@ vimperator.Hints = function() //{{{
newElem.style.backgroundColor = "#88FF00"; newElem.style.backgroundColor = "#88FF00";
} }
function showHints(win, start_idx) function showHints()
{ {
var startDate = Date.now(); var startDate = Date.now();
var win = window.content;
if (!win) var height = win.innerHeight;
win = window.content; var width = win.innerWidth;
if (win.document.body.localName.toLowerCase() == "frameset")
{
// for (i = 0; i < win.frames.length; i++)
// removeHints(win.frames[i]);
vimperator.echo("hint support for frameset pages not fully implemented yet");
}
vimperator.log("Show hints matching: " + hintString, 7); vimperator.log("Show hints matching: " + hintString, 7);
var doc = win.document;
var scrollX = doc.defaultView.scrollX;
var scrollY = doc.defaultView.scrollY;
var elem, tagname, text, rect, span, imgspan; var elem, tagname, text, rect, span, imgspan;
var hintnum = start_idx > 0 ? start_idx : 1; var hintnum = 1;
var height = window.content.innerHeight;
var width = window.content.innerWidth;
var find_tokens = hintString.split(/ +/); var find_tokens = hintString.split(/ +/);
var activeHint = hintNumber || 1; var activeHint = hintNumber || 1;
valid_hints = []; valid_hints = [];
outer: for (var j = 0; j < docs.length; j++)
for (var i = 0; i < hints.length; i++)
{ {
elem = hints[i][0]; var doc = docs[j].doc;
text = hints[i][1]; var start = docs[j].start;
span = hints[i][2]; var end = docs[j].end;
imgspan = hints[i][3]; var scrollX = doc.defaultView.scrollX;
var scrollY = doc.defaultView.scrollY;
for (var k = 0; k < find_tokens.length; k++) outer:
for (var i = start; i <= end; i++)
{ {
if (text.indexOf(find_tokens[k]) < 0) elem = hints[i][0];
text = hints[i][1];
span = hints[i][2];
imgspan = hints[i][3];
for (var k = 0; k < find_tokens.length; k++)
{ {
span.style.display = "none"; if (text.indexOf(find_tokens[k]) < 0)
if (imgspan) {
imgspan.style.display = "none"; span.style.display = "none";
if (imgspan)
imgspan.style.display = "none";
// reset background color // reset background color
elem.style.backgroundColor = hints[i][4]; elem.style.backgroundColor = hints[i][4];
elem.style.color = hints[i][5]; elem.style.color = hints[i][5];
continue outer;
continue outer; }
}
if (text == "" && elem.firstChild && elem.firstChild.tagName == "IMG")
{
if (!imgspan)
{
rect = elem.firstChild.getBoundingClientRect();
if (!rect)
continue;
imgspan = doc.createElementNS("http://www.w3.org/1999/xhtml", "span");
imgspan.style.position = "absolute";
imgspan.style.opacity = 0.5;
imgspan.style.zIndex = "10000000";
imgspan.style.left = (rect.left + scrollX) + "px";
imgspan.style.top = (rect.top + scrollY) + "px";
imgspan.style.width = (rect.right - rect.left) + "px";
imgspan.style.height = (rect.bottom - rect.top) + "px";
imgspan.className = "vimperator-hint";
hints[i][3] = imgspan;
doc.body.appendChild(imgspan);
}
imgspan.style.backgroundColor = (activeHint == hintnum) ? "#88FF00" : "yellow";
imgspan.style.display = "inline";
} }
}
if (text == "" && elem.firstChild && elem.firstChild.tagName == "IMG")
{
if (!imgspan) if (!imgspan)
{ elem.style.backgroundColor = (activeHint == hintnum) ? "#88FF00" : "yellow";
rect = elem.firstChild.getBoundingClientRect(); elem.style.color = "black";
if (!rect) span.textContent = "" + (hintnum++);
continue; span.style.display = "inline";
valid_hints.push(elem);
imgspan = doc.createElementNS("http://www.w3.org/1999/xhtml", "span");
imgspan.style.position = "absolute";
imgspan.style.opacity = 0.5;
imgspan.style.zIndex = "10000000";
imgspan.style.left = (rect.left + scrollX) + "px";
imgspan.style.top = (rect.top + scrollY) + "px";
imgspan.style.width = (rect.right - rect.left) + "px";
imgspan.style.height = (rect.bottom - rect.top) + "px";
imgspan.className = "vimperator-hint";
hints[i][3] = imgspan;
doc.body.appendChild(imgspan);
}
imgspan.style.backgroundColor = (activeHint == hintnum) ? "#88FF00" : "yellow";
imgspan.style.display = "inline";
} }
if (!imgspan)
elem.style.backgroundColor = (activeHint == hintnum) ? "#88FF00" : "yellow";
elem.style.color = "black";
span.textContent = "" + (hintnum++);
span.style.display = "inline";
valid_hints.push(elem);
} }
vimperator.log("showHints() completed after: " + (Date.now() - startDate) + "ms"); vimperator.log("showHints() completed after: " + (Date.now() - startDate) + "ms");
return true; return true;
} }
function removeHints(doc, timeout) function removeHints(timeout)
{ {
if (!doc)
{
vimperator.log("Argument doc is required for internal removeHints() method", 9);
return;
}
var firstElem = valid_hints[0] || null; var firstElem = valid_hints[0] || null;
var firstElemBgColor = ""; var firstElemBgColor = "";
var firstElemColor = ""; var firstElemColor = "";
try
for (var j = 0; j < docs.length; j++)
{ {
for (var i = 0; i < hints.length; i++) var doc = docs[j].doc;
var start = docs[j].start;
var end = docs[j].end;
for (var i = start; i <= end; i++)
{ {
// remove the span for the numeric display part // remove the span for the numeric display part
doc.body.removeChild(hints[i][2]); doc.body.removeChild(hints[i][2]);
@@ -374,38 +380,37 @@ outer:
// animate the disappearance of the first hint // animate the disappearance of the first hint
if (timeout && firstElem) if (timeout && firstElem)
{ {
// USE THIS FOR MAKING THE SELECTED ELEM RED // USE THIS FOR MAKING THE SELECTED ELEM RED
// firstElem.style.backgroundColor = "red"; // firstElem.style.backgroundColor = "red";
// firstElem.style.color = "white"; // firstElem.style.color = "white";
// setTimeout(function() { // setTimeout(function() {
// firstElem.style.backgroundColor = firstElemBgColor; // firstElem.style.backgroundColor = firstElemBgColor;
// firstElem.style.color = firstElemColor; // firstElem.style.color = firstElemColor;
// }, 200); // }, 200);
// OR USE THIS FOR BLINKING: // OR USE THIS FOR BLINKING:
// var counter = 0; // var counter = 0;
// var id = setInterval(function() { // var id = setInterval(function() {
// firstElem.style.backgroundColor = "red"; // firstElem.style.backgroundColor = "red";
// if (counter % 2 == 0) // if (counter % 2 == 0)
// firstElem.style.backgroundColor = "yellow"; // firstElem.style.backgroundColor = "yellow";
// else // else
// firstElem.style.backgroundColor = "#88FF00"; // firstElem.style.backgroundColor = "#88FF00";
// //
// if (counter++ >= 2) // if (counter++ >= 2)
// { // {
// firstElem.style.backgroundColor = firstElemBgColor; // firstElem.style.backgroundColor = firstElemBgColor;
// firstElem.style.color = firstElemColor; // firstElem.style.color = firstElemColor;
// clearTimeout(id); // clearTimeout(id);
// } // }
// }, 100); // }, 100);
setTimeout(function() { setTimeout(function() {
firstElem.style.backgroundColor = firstElemBgColor; firstElem.style.backgroundColor = firstElemBgColor;
firstElem.style.color = firstElemColor; firstElem.style.color = firstElemColor;
}, timeout); }, timeout);
} }
} }
catch (e) { vimperator.log("Error hiding hints, probably wrong window"); }
vimperator.log("removeHints() done");
reset(); reset();
} }
@@ -449,7 +454,7 @@ outer:
} }
var timeout = followFirst ? 0 : 500; var timeout = followFirst ? 0 : 500;
removeHints(docs.pop(), timeout); removeHints(timeout);
if (vimperator.modes.extended & vimperator.modes.ALWAYS_HINT) if (vimperator.modes.extended & vimperator.modes.ALWAYS_HINT)
{ {
@@ -491,13 +496,14 @@ outer:
canUpdate = false; canUpdate = false;
generate(); generate();
// get all keys from the input queue // get all keys from the input queue
var mt = Components.classes["@mozilla.org/thread-manager;1"].getService().mainThread; var mt = Components.classes["@mozilla.org/thread-manager;1"].getService().mainThread;
while (mt.hasPendingEvents()) while (mt.hasPendingEvents())
mt.processNextEvent(true); mt.processNextEvent(true);
canUpdate = true; canUpdate = true;
showHints(null); showHints();
if (valid_hints.length == 0) if (valid_hints.length == 0)
{ {
@@ -516,12 +522,7 @@ outer:
this.hide = function() this.hide = function()
{ {
if (!hintsGenerated) removeHints(0);
return;
var doc = docs.pop();
if (doc);
removeHints(doc, 0);
}; };
this.onEvent = function(event) this.onEvent = function(event)
@@ -544,6 +545,7 @@ outer:
case "<Space>": case "<Space>":
hintString += " "; hintString += " ";
escapeNumbers = false;
break; break;
case "<Tab>": case "<Tab>":
@@ -592,6 +594,14 @@ outer:
hintNumber = 0; hintNumber = 0;
break; break;
case "\\":
escapeNumbers = !escapeNumbers;
if (escapeNumbers && usedTabKey) // hintNumber not used normally, but someone may wants to toggle
hintNumber = 0; // <tab>s ? reset. Prevent to show numbers not entered.
updateStatusline();
return;
default: default:
// pass any special or ctrl- etc. prefixed key back to the main vimperator loop // pass any special or ctrl- etc. prefixed key back to the main vimperator loop
if (/^<./.test(key) || key == ":") if (/^<./.test(key) || key == ":")
@@ -608,7 +618,7 @@ outer:
return; return;
} }
if (/^[0-9]$/.test(key)) if (/^[0-9]$/.test(key) && !escapeNumbers)
{ {
var oldHintNumber = hintNumber; var oldHintNumber = hintNumber;
if (hintNumber == 0 || usedTabKey) if (hintNumber == 0 || usedTabKey)
@@ -619,11 +629,12 @@ outer:
else else
hintNumber = (hintNumber * 10) + parseInt(key, 10); hintNumber = (hintNumber * 10) + parseInt(key, 10);
vimperator.statusline.updateInputBuffer(hintString + (hintNumber > 0 ? hintNumber : "")); updateStatusline();
if (!canUpdate) if (!canUpdate)
return; return;
if (!hintsGenerated) if (docs.length == 0)
{ {
generate(); generate();
showHints(); showHints();
@@ -652,18 +663,19 @@ outer:
} }
hintString += key; hintString += key;
hintNumber = 0; // after some text input
if (usedTabKey) if (usedTabKey)
{ {
usedTabKey = false; usedTabKey = false;
showActiveHint(1, hintNumber); showActiveHint(1, hintNumber);
hintNumber = 1;
} }
} }
vimperator.statusline.updateInputBuffer(hintString + (hintNumber > 0 ? hintNumber : "")); updateStatusline();
if (canUpdate) if (canUpdate)
{ {
if (!hintsGenerated && hintString.length > 0) if (docs.length == 0 && hintString.length > 0)
generate(); generate();
showHints(); showHints();
@@ -672,22 +684,16 @@ outer:
return; return;
} }
// FIXME: add resize support // FIXME: add resize support
//window.addEventListener("resize", onResize, null); // window.addEventListener("resize", onResize, null);
// getBrowser().addEventListener("DOMContentLoaded", function(event) { // function onResize(event)
// if (vimperator.options["autohints"]) // {
// vimperator.hints.show(event.target); // if (event)
// }, false); // doc = event.originalTarget;
// else
// function onResize(event) // doc = window.content.document;
// { // }
// if (event)
// doc = event.originalTarget;
// else
// doc = window.content.document;
// }
} //}}} } //}}}