Revela elementos de formulário ocultos modificando seu atributo de exibição

Question

Como posso criar um bookmarklet para o Firefox que mostre elementos de formulário escondidos por display: none; ?

    

Answer 1

Se eu entendi corretamente, você deseja definir todos os elementos form e relacionados como visíveis, alterando o atributo display , se necessário. Você pode fazer isso com JavaScript e jQuery.

Greasemonkey userscript:

// ==UserScript==
// @name        Show Form Elements
// @namespace   http://igalvez.net
// @description Modifies form elements' display attributes to reveal them.
// @version     1.0
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript==

var elements = ['form', 'input', 'textarea', 'label', 'fieldset', 'legend',
                'select', 'optgroup', 'option', 'button'];
for (var i = 0; i < elements.length; i++)
{
    $(elements[i]).each(
        function()
        {
            $(this).show();
        }
    );
}

URL do bookmark:

javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove()}};a.documentElement.childNodes[0].appendChild(c)}})(window,document,"1.3.2",function($,L){var%20elements=["form","input","textarea","label","fieldset","legend","select","optgroup","option","button"];for(var%20i=0;i<elements.length;i++){$(elements[i]).each(function(){$(this).show()})};});

(Geradousando ferramenta do jQuery Bookmarklet de Ben Alman )