Step-by-Step | WebReference

Step-by-Step

Step-by-Step

Before you start using the tool, open your text editor in another window, in preparation for script transfer.

You may also want to enable the example dialog display, by clicking the icon.

Initial Steps

For all dialog types:

1. Select the type of dialog you wish to create: newAlert, newConfirm, newPrompt or IEBox, by clicking the relevant button in the left panel.

2. Enter the dialog title in the Title: input area.

3. Enter a dialog message in the Message: input area.

For all dialog types, except newPrompt:

4. Select an appropriate icon for your dialog by clicking one of the icon images.

For newPrompt:

4. Enter a default return string in the Default Input: area.

Intermediate Steps

For newAlert:

5. Select the modality of the dialog, by clicking the appropriate radio element or the text adjacent to it.

For newConfirm:

5. Select the button group and default button by clicking the appropriate button group icon.

6. Select the modality of the dialog, by clicking the appropriate radio element or the text adjacent to it.

For IEBox:

5. Select the button group and default button by clicking the appropriate button group icon.

6. Assign a return value to the dialog, by clicking the appropriate radio element or the text adjacent to it.

7. Select the modality of the dialog, by clicking the appropriate radio element or the text adjacent to it.

Before Final Step

While building the dialog, it is a good idea to preview it, by clicking View Dialog in the left panel. When making your selections, check the Code: text area to see the code that represents your choices. Click All Code to see the complete script, or New Code for the dialog calling statement only.

Final Step

If you are using NS4, click the Select Code button in the left panel. The code area will be highlighted and you can safely copy and paste it to your text editor, using either your mouse menu or the drop-down browser menu.
If you are using IE4, the last button in the left panel reads Copy Code. Click it to copy the code to your system clipboard. Paste it into your text editor.
Once you have transferred the code, you may build another dialog or exit the tool.

Exiting

Click the Finished button in the top of the left panel.