Difference between revisions of "Active Element Favlet"

From Level Access Web Labs
Jump to navigation Jump to search
(Created page with "Sometimes there is no visible keyboard focus on an element and you want to know what element has keyboard focus. This Favlet will display the outer HTML code of the active el...")
 
(Move the link to "Install a Favlet")
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
Sometimes there is no visible keyboard focus on an element and you want to know what element has keyboard focus.  This Favlet will display the outer HTML code of the active element.  If frames are used this will show the current frame -- the Favlet could be updated to drill down through the frames to the active element of the current frame.
 
Sometimes there is no visible keyboard focus on an element and you want to know what element has keyboard focus.  This Favlet will display the outer HTML code of the active element.  If frames are used this will show the current frame -- the Favlet could be updated to drill down through the frames to the active element of the current frame.
  
<a href="javascript:(function() { alert(document.activeElement.outerHTML);})();"> Display the active element's outer HTML code </a>
+
(See [[Install a Favlet]] for instructions on how to add this Favlet to your browser).
 +
 
 +
<html>
 +
<a href="javascript:(function() { alert(document.activeElement.outerHTML);})();"> Display the active element's outer HTML code Favlet </a>
 +
</html>
 +
 
 +
Sample code:
 +
<code>
 +
javascript:(function() { alert(document.activeElement.outerHTML);})();
 +
</code>
 +
[[Category: Favlet]]

Latest revision as of 21:55, 6 November 2018

Sometimes there is no visible keyboard focus on an element and you want to know what element has keyboard focus. This Favlet will display the outer HTML code of the active element. If frames are used this will show the current frame -- the Favlet could be updated to drill down through the frames to the active element of the current frame.

(See Install a Favlet for instructions on how to add this Favlet to your browser).

Display the active element's outer HTML code Favlet

Sample code: javascript:(function() { alert(document.activeElement.outerHTML);})();