Editing JavaScript Code

WeBuilder includes special features and tools that help to write and edit JavaScript code more efficiently.

JavaScript menu and toolbar

JavaScript menu and toolbar allows to quickly insert common JavaScript code fragments and provides access to some JavaScript related tools.

• JavaScript Snippets provides a drop-down menu for inserting common JavaScript structures. To edit this menu, click Edit JavaScript Snippets.
• Function inserts JavaScript function.
• Document Write inserts JavaScript document.write statement.
• Alert inserts JavaScript code for displaying alert box.
• Confirm inserts JavaScript code for displaying confirmation box.

Using JavaScript Auto Complete

Auto Complete allows to reduce the amount of typing, by offering list of valid elements and attributes that can be inserted with a single mouse click or Enter key.

Using JavaScript function hints

Function hints allow to lookup known JavaScript function parameters and description without looking in the documentation or code.

Function hints are displayed when you type ( after a known JavaScript function name.

Alternatively you can place caret inside the braces of a JavaScript function call and press Shift+Ctrl+Space to open hint on demand.

Using Code Explorer

Code Explorer lists functions contained in the script and allows you to quickly move to any of them. You can navigate to an item by clicking it.

To enable Code Explorer, on the View menu, click Code Explorer. Make sure that the JavaScript option is enabled at the bottom of the Code Explorer pane.

Code Explorer refreshes automatically when you use your mouse, but you can also refresh it manually at any time by clicking Refresh button.