Greasemonkey Hacks

Hack #29. Display Form Actions in a Tool Tip

Hover over a form's Submit button to see where the form will be submitted.

If you hover your cursor over a link, Firefox will show you the target URL in the status bar. But there is no similar functionality for forms. Clicking the Submit button could send you anywhere, and you won't know where until you're already there. This hack modifies web forms to display the form method (GET or POST) and action (target URL) in a tool tip when you hover the cursor over the form's Submit button.

The Code

This user script will run on all pages. The code itself is divided into three parts:

Find all the forms

This part is easy. Firefox maintains a global variable: document.forms.

Find each Submit button

Although unlikely, it is technically possible that a form could have more than one Submit button. For example, Google's home page has a form with two Submit buttons: Google Search and I'm Feeling Lucky.

Set the button's title

Pretty much any HTML element can have a title attribute, even form fields and buttons. Firefox will display the title as a tool tip when you hover over the element.

Tip

Don't make your user scripts more complicated than they need to be. Firefox maintains lots of lists for you: document.forms, document.images, document.links, document.anchors, document.applets, document.embeds, and document.styleSheets.

Save the following user script as displayformaction.user.js:

 // ==UserScript== // @name Display Form Action // @namespace http://diveintomark.org/projects/greasemonkey/ ...