Building Your Own Dialogs Support

In my last article I looked at the History panel and some basic bits of web developer knowledge and moved onto creating some commands that we could use to speed up our productivity. We then turned them into buttons on our Insert Bar.

This time we're going to take the basics one step further, and create our own dialog box. We'll use this dialog to get special details about the kind of code the user wants to insert. We'll then use some JavaScript to check our form values are correct, then build the code and insert it for the user.

Our sample dialog will be used to insert a standard (X)HTML layout made up of various <div> tags and a <ul> list for our navigation. Since creating the same set of nested divs over and over again is a bit dull, we'll use our new extension to speed up our productivity.

The code for this simple extension is available for download.