Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Highlight the popup triggers on a page. Original and minified versions provided.
(function ($) {
.attr("id", "pum-highlighted")
".pum-highlighted { background-color: rgba(255, 255, 0, .75)!important; outline: 3px dashed #fe5d26ff !important; }"
function highlight() {
if ($(".pum-highlight").hasClass("pum-highlighted")) {
} else {
$("[class*='launch']").toggleClass("pum-highlight"); // Your custom trigger classes.
if (window.pum_bookmark_button_highlighter === undefined) {
window.pum_bookmark_button_highlighter = setInterval(function () {
}, 500);
// Add "javascript:" to the front of this code to run it as a bookmark. Don't include this comment.
(function(h){function i(){h(".pum-highlight").hasClass("pum-highlighted")?h(".pum-highlight").removeClass("pum-highlighted"):h(".pum-highlight").addClass("pum-highlighted")}h("style#pum-highlighted").remove(),h("body").append(h("").attr("id","pum-highlighted").text(".pum-highlighted { background-color: rgba(255, 255, 0, .75)!important; outline: 3px dashed #fe5d26ff !important; }")),h(".pum-trigger").toggleClass("pum-highlight"),h("[class*='launch']").toggleClass("pum-highlight"),void 0===window.pum_bookmark_button_highlighter&&(window.pum_bookmark_button_highlighter=setInterval(function(){i()},500))})(jQuery);

This comment has been minimized.

Copy link
Owner Author

@marklchaves marklchaves commented Jun 15, 2021

If the highlighting doesn't work right away, manually add the custom CSS below.

/** Highlight for Popup Maker debug tools. */
.pum-highlighted { 
	background-color: rgba(255, 255, 0, .75)!important; 
	outline: 3px dashed #fe5d26ff !important; 
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment