--- /dev/null
+// Outlines all block level element names
+function webdeveloper_outlineBlockLevelElementNames(element)
+{
+ webdeveloper_removeStyleSheet("webdeveloper-outline-block-level-elements-before");
+ webdeveloper_removeStyleSheet("webdeveloper-outline-block-level-elements-before-tooltips");
+
+ // If the show outlined element names preference is set
+ if(webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true))
+ {
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_block_level_elements_before.css", "webdeveloper-outline-block-level-elements-before");
+ webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-outline-block-level-elements-before-tooltips", "*:before");
+ }
+}
+
+// Outlines all block level elements
+function webdeveloper_outlineBlockLevelElements(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_block_level_elements.css", "webdeveloper-outline-block-level-elements");
+ webdeveloper_outlineBlockLevelElementNames(element);
+}
+
+// Outlines the current element
+function webdeveloper_outlineCurrentElement(element)
+{
+ var checked = element.getAttribute("checked");
+ var documentList = webdeveloper_getDocuments(webdeveloper_getContentWindow());
+ var documentLength = documentList.length;
+ var pageDocument = null;
+
+ webdeveloper_configureElement(document.getElementById("webdeveloper-information-text-toolbar"), "hidden", !checked);
+
+ // Loop through the documents
+ for(var i = 0; i < documentLength; i++)
+ {
+ pageDocument = documentList[i];
+
+ // If outlining the element
+ if(checked)
+ {
+ pageDocument.addEventListener("keypress", webdeveloper_outlineCurrentElementKeyPress, false);
+ pageDocument.addEventListener("mousemove", webdeveloper_outlineCurrentElementMouseMove, false);
+ pageDocument.addEventListener("mouseover", webdeveloper_outlineCurrentElementMouseOver, false);
+ }
+ else
+ {
+ // Try to remove the event listener
+ try
+ {
+ pageDocument.removeEventListener("keypress", webdeveloper_outlineCurrentElementKeyPress, false);
+ }
+ catch(exception)
+ {
+ // Do nothing
+ }
+
+ // Try to remove the event listener
+ try
+ {
+ pageDocument.removeEventListener("mousemove", webdeveloper_outlineCurrentElementMouseMove, false);
+ }
+ catch(exception)
+ {
+ // Do nothing
+ }
+
+ // Try to remove the event listener
+ try
+ {
+ pageDocument.removeEventListener("mouseover", webdeveloper_outlineCurrentElementMouseOver, false);
+ }
+ catch(exception)
+ {
+ // Do nothing
+ }
+
+ webdeveloper_removeElementOutline(webdeveloper_outlineElement);
+ }
+ }
+
+ // If not outlining the element
+ if(!checked)
+ {
+ webdeveloper_outlineElement = null;
+ }
+
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_current_element.css", "webdeveloper-outline-current-element");
+}
+
+// Keypress event for outline current element
+function webdeveloper_outlineCurrentElementKeyPress(event)
+{
+ webdeveloper_copyElementAncestors(event);
+}
+
+// Mouseover event for outline current element
+function webdeveloper_outlineCurrentElementMouseMove(event)
+{
+ var outlineElement = webdeveloper_addElementOutline(event, webdeveloper_outlineElement);
+
+ // If the outline element is set
+ if(outlineElement)
+ {
+ webdeveloper_outlineElement = outlineElement;
+ }
+}
+
+// Mouseover event for outline current element
+function webdeveloper_outlineCurrentElementMouseOver(event)
+{
+ webdeveloper_displayElementAncestors(event);
+}
+
+// Outlines the given element
+function webdeveloper_outlineCustomElements(element)
+{
+ webdeveloper_outlinedElements = new Array();
+
+ // If the menu is checked
+ if(element.getAttribute("checked"))
+ {
+ window.openDialog("chrome://webdeveloper/content/dialogs/outline_elements.xul", "webdeveloper-outline-elements-dialog", "centerscreen,chrome,modal", webdeveloper_outlinedElements);
+
+ // If the user clicked cancel in the dialog
+ if(webdeveloper_outlinedElements.length == 0)
+ {
+ element.removeAttribute("checked");
+ }
+ }
+
+ webdeveloper_outlineElements(element, true);
+}
+
+// Outlines all deprecated element names
+function webdeveloper_outlineDeprecatedElementNames(element)
+{
+ webdeveloper_removeStyleSheet("webdeveloper-outline-deprecated-elements-before");
+ webdeveloper_removeStyleSheet("webdeveloper-outline-deprecated-elements-before-tooltips");
+
+ // If the show outlined element names preference is set
+ if(webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true))
+ {
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_deprecated_elements_before.css", "webdeveloper-outline-deprecated-elements-before");
+ webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-outline-deprecated-elements-before-tooltips", "*:before");
+ }
+}
+
+// Outlines all deprecated elements
+function webdeveloper_outlineDeprecatedElements(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_deprecated_elements.css", "webdeveloper-outline-deprecated-elements");
+ webdeveloper_outlineDeprecatedElementNames(element);
+}
+
+// Outlines the given element
+function webdeveloper_outlineElements(element)
+{
+ // If the menu is checked
+ if(element.getAttribute("checked") && webdeveloper_outlinedElements.length > 0)
+ {
+ var documentList = webdeveloper_getDocuments(webdeveloper_getContentWindow());
+ var documentLength = documentList.length;
+ var outlineColor = null;
+ var outlineColorPreference = null;
+ var outlineElement = null;
+ var outlineElementLength = null;
+ var outlineElementList = null;
+ var outlineElementPreference = null;
+ var outlineElementValue = null;
+ var pageDocument = null;
+ var styleElement = null;
+
+ // Loop through the documents
+ for(var i = 0; i < documentLength; i++)
+ {
+ pageDocument = documentList[i];
+ styleElement = pageDocument.createElement("style");
+
+ styleElement.setAttribute("id", "webdeveloper-outline-custom-elements");
+ styleElement.setAttribute("type", "text/css");
+
+ // Loop through outline colors and elements
+ for(var j = 0; j <= 5; j++)
+ {
+ outlineColor = "webdeveloper.custom." + j + ".color";
+ outlineColorPreference = webdeveloper_getStringPreference(outlineColor, true);
+ outlineElement = "webdeveloper.custom." + j + ".element";
+ outlineElementPreference = webdeveloper_getStringPreference(outlineElement, true);
+
+ // If the color and element are set and not blank
+ if(outlineColorPreference && outlineElementPreference)
+ {
+ outlineElementList = outlineElementPreference.split(",");
+ outlineElementLength = outlineElementList.length;
+
+ // Loop through the elements
+ for(var k = 0; k < outlineElementLength; k++)
+ {
+ outlineElementValue = outlineElementList[k];
+
+ styleElement.appendChild(pageDocument.createTextNode(outlineElementValue + " { -moz-outline: 1px solid " + outlineColorPreference + " !important; outline: 1px solid " + outlineColorPreference + " !important; }"));
+
+ // If the show outlined element names preference is set
+ if(webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true))
+ {
+ styleElement.appendChild(pageDocument.createTextNode(outlineElementValue + ":before { content: \"<" + outlineElementValue + ">\" !important; }"));
+ }
+ }
+ }
+ }
+
+ webdeveloper_getDocumentHeadElement(pageDocument).appendChild(styleElement);
+ }
+
+ webdeveloper_addAppliedStyle("webdeveloper-outline-custom-elements");
+ }
+ else
+ {
+ webdeveloper_removeStyleSheet("webdeveloper-outline-custom-elements", true);
+ }
+
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/imports/before.css", "webdeveloper-outline-custom-elements-before");
+ webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-outline-custom-elements-before-tooltips", "*:before");
+}
+
+// Outlines all external links
+function webdeveloper_outlineExternalLinks(element)
+{
+ // If the menu is checked
+ if(element.getAttribute("checked"))
+ {
+ var documentList = webdeveloper_getDocuments(webdeveloper_getContentWindow());
+ var documentLength = documentList.length;
+ var location = null;
+ var pageDocument = null;
+ var protocol = null;
+ var styleElement = null;
+
+ // Loop through the documents
+ for(var i = 0; i < documentLength; i++)
+ {
+ pageDocument = documentList[i];
+ location = pageDocument.location;
+ protocol = location.protocol.replace(new RegExp(":", "gi"), "\\:");
+ styleElement = pageDocument.createElement("style");
+
+ styleElement.setAttribute("id", "webdeveloper-outline-external-links");
+ styleElement.setAttribute("type", "text/css");
+ styleElement.appendChild(pageDocument.createTextNode("a:not([href^=" + protocol + "\\/\\/" + location.hostname.replace(new RegExp("\\.", "gi"), "\\.") + "]) { -moz-outline: 1px solid #ff0000 !important; outline: 1px solid #ff0000 !important; }"));
+ styleElement.appendChild(pageDocument.createTextNode("a:not([href^=" + protocol + "]) { -moz-outline-style: none !important; outline-style: none !important; }"));
+
+ webdeveloper_getDocumentHeadElement(pageDocument).appendChild(styleElement);
+ }
+
+ webdeveloper_addAppliedStyle("webdeveloper-outline-external-links");
+ }
+ else
+ {
+ webdeveloper_removeStyleSheet("webdeveloper-outline-external-links", true);
+ }
+}
+
+// Outlines all floated elements
+function webdeveloper_outlineFloatedElements(element)
+{
+ var checked = element.getAttribute("checked");
+ var className = null;
+ var documentList = webdeveloper_getDocuments(webdeveloper_getContentWindow());
+ var documentLength = documentList.length;
+ var floatValue = null;
+ var pageDocument = null;
+ var pageElement = null;
+ var treeWalker = null;
+
+ // Loop through the documents
+ for(var i = 0; i < documentLength; i++)
+ {
+ pageDocument = documentList[i];
+ treeWalker = pageDocument.createTreeWalker(pageDocument, NodeFilter.SHOW_ELEMENT, null, false);
+
+ // While the tree walker has more nodes
+ while((pageElement = treeWalker.nextNode()) != null)
+ {
+ // If the element is checked
+ if(checked)
+ {
+ floatValue = pageElement.ownerDocument.defaultView.getComputedStyle(pageElement, null).getPropertyCSSValue("float").cssText;
+
+ // If this element is floated and it is not set to none
+ if(floatValue && floatValue != "none")
+ {
+ pageElement.className += " webdeveloper-floated-element";
+ }
+ }
+ else
+ {
+ className = pageElement.className;
+
+ // If the element has a class name and it contains webdeveloper-floated-element
+ if(className && className.indexOf("webdeveloper-floated-element") != -1)
+ {
+ pageElement.className = webdeveloper_removeSubstring(className, "webdeveloper-floated-element");
+ }
+ }
+ }
+ }
+
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_floated_elements.css", "webdeveloper-outline-floated-elements");
+}
+
+// Outlines all frames
+function webdeveloper_outlineFrames(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_frames.css", "webdeveloper-outline-frames");
+}
+
+// Outlines all heading names
+function webdeveloper_outlineHeadingNames(element)
+{
+ webdeveloper_removeStyleSheet("webdeveloper-outline-headings-before");
+ webdeveloper_removeStyleSheet("webdeveloper-outline-headings-before-tooltips");
+
+ // If the show outlined element names preference is set
+ if(webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true))
+ {
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_headings_before.css", "webdeveloper-outline-headings-before");
+ webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-outline-headings-before-tooltips", "*:before");
+ }
+}
+
+// Outlines all headings
+function webdeveloper_outlineHeadings(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_headings.css", "webdeveloper-outline-headings");
+ webdeveloper_outlineHeadingNames(element);
+}
+
+// Outlines all the links with ping attributes
+function webdeveloper_outlineLinksWithPingAttributes(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_links_with_ping_attributes.css", "webdeveloper-outline-links-with-ping-attributes");
+}
+
+// Outlines all the links without title attributes
+function webdeveloper_outlineLinksWithoutTitleAttributes(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_links_without_title_attributes.css", "webdeveloper-outline-links-without-title-attributes");
+}
+
+// Outlines all positioned elements of the specified position on the page
+function webdeveloper_outlinePositionedElements(position, element)
+{
+ var attributeName = "webdeveloper-" + position + "-positioned-element";
+ var checked = element.getAttribute("checked");
+ var className = null;
+ var documentList = webdeveloper_getDocuments(webdeveloper_getContentWindow());
+ var documentLength = documentList.length;
+ var pageDocument = null;
+ var pageElement = null;
+ var positionValue = null;
+ var treeWalker = null;
+
+ // Loop through the documents
+ for(var i = 0; i < documentLength; i++)
+ {
+ pageDocument = documentList[i];
+ treeWalker = pageDocument.createTreeWalker(pageDocument, NodeFilter.SHOW_ELEMENT, null, false);
+
+ // While the tree walker has more nodes
+ while((pageElement = treeWalker.nextNode()) != null)
+ {
+ // If the element is checked
+ if(checked)
+ {
+ positionValue = pageElement.ownerDocument.defaultView.getComputedStyle(pageElement, null).getPropertyCSSValue("position").cssText;
+
+ // If this element is positioned and it is the specified position
+ if(positionValue && positionValue == position)
+ {
+ pageElement.className += " " + attributeName;
+ }
+ }
+ else if(pageElement.className.indexOf(attributeName) != -1)
+ {
+ pageElement.className = webdeveloper_removeSubstring(pageElement.className, attributeName);
+ }
+ }
+ }
+
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_positioned_elements.css", "webdeveloper-outline-" + position + "-positioned-elements");
+}
+
+// Outlines all table captions
+function webdeveloper_outlineTableCaptions(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_table_captions.css", "webdeveloper-outline-table-captions");
+}
+
+// Outlines all table cells
+function webdeveloper_outlineTableCells(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_table_cells.css", "webdeveloper-outline-table-cells");
+ webdeveloper_outlineTableCellNames(element);
+}
+
+// Outlines all table cell names
+function webdeveloper_outlineTableCellNames(element)
+{
+ webdeveloper_removeStyleSheet("webdeveloper-outline-table-cells-before");
+ webdeveloper_removeStyleSheet("webdeveloper-outline-table-cells-before-tooltips");
+
+ // If the show outlined element names preference is set
+ if(webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true))
+ {
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_table_cells_before.css", "webdeveloper-outline-table-cells-before");
+ webdeveloper_toggleFeatureTooltipStyles(element, "webdeveloper-outline-table-cells-before-tooltips", "*:before");
+ }
+}
+
+// Outlines all tables
+function webdeveloper_outlineTables(element)
+{
+ webdeveloper_toggleStyleSheet(element, "chrome://webdeveloper/content/stylesheets/outline_tables.css", "webdeveloper-outline-all-tables");
+}
+
+// Toggle showing of element names when outlining
+function webdeveloper_toggleShowElementNamesWhenOutlining(element)
+{
+ var menu = document.getElementById("webdeveloper-outline-block-level-elements-menu");
+
+ webdeveloper_enablePreference(element, "webdeveloper.outline.show.element.names");
+
+ webdeveloper_configureElementByAppliedStyle(menu, "checked", "webdeveloper-outline-block-level-elements");
+ webdeveloper_outlineBlockLevelElementNames(menu, true);
+
+ menu = document.getElementById("webdeveloper-outline-deprecated-elements-menu");
+ webdeveloper_configureElementByAppliedStyle(menu, "checked", "webdeveloper-outline-deprecated-elements");
+ webdeveloper_outlineDeprecatedElementNames(menu, true);
+
+ menu = document.getElementById("webdeveloper-outline-headings-menu");
+ webdeveloper_configureElementByAppliedStyle(menu, "checked", "webdeveloper-outline-headings");
+ webdeveloper_outlineHeadingNames(menu, true);
+
+ menu = document.getElementById("webdeveloper-outline-table-cells-menu");
+ webdeveloper_configureElementByAppliedStyle(menu, "checked", "webdeveloper-outline-table-cells");
+ webdeveloper_outlineTableCellNames(menu, true);
+}
+
+// Updates the outline menu
+function webdeveloper_updateOutlineMenu(suffix)
+{
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-block-level-elements-" + suffix), "checked", "webdeveloper-outline-block-level-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-current-element-" + suffix), "checked", "webdeveloper-outline-current-element");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-custom-elements-" + suffix), "checked", "webdeveloper-outline-custom-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-deprecated-elements-" + suffix), "checked", "webdeveloper-outline-deprecated-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-frames-" + suffix), "checked", "webdeveloper-outline-frames");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-headings-" + suffix), "checked", "webdeveloper-outline-headings");
+ webdeveloper_configureElement(document.getElementById("webdeveloper-outline-show-element-names-" + suffix), "checked", webdeveloper_getBooleanPreference("webdeveloper.outline.show.element.names", true));
+}
+
+// Updates the outline links menu
+function webdeveloper_updateOutlineLinksMenu(suffix)
+{
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-external-links-" + suffix), "checked", "webdeveloper-outline-external-links");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-links-with-ping-attributes-" + suffix), "checked", "webdeveloper-outline-links-with-ping-attributes");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-links-without-title-attributes-" + suffix), "checked", "webdeveloper-outline-links-without-title-attributes");
+}
+
+// Updates the outline positioned elements menu
+function webdeveloper_updateOutlinePositionedElementsMenu(suffix)
+{
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-absolute-positioned-elements-" + suffix), "checked", "webdeveloper-outline-absolute-positioned-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-fixed-positioned-elements-" + suffix), "checked", "webdeveloper-outline-fixed-positioned-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-floated-elements-" + suffix), "checked", "webdeveloper-outline-floated-elements");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-relative-positioned-elements-" + suffix), "checked", "webdeveloper-outline-relative-positioned-elements");
+}
+
+// Updates the outline tables menu
+function webdeveloper_updateOutlineTablesMenu(suffix)
+{
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-table-captions-" + suffix), "checked", "webdeveloper-outline-table-captions");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-table-cells-" + suffix), "checked", "webdeveloper-outline-table-cells");
+ webdeveloper_configureElementByAppliedStyle(document.getElementById("webdeveloper-outline-all-tables-" + suffix), "checked", "webdeveloper-outline-all-tables");
+}