JavaScript Code tree in Code Navigator

In addition to PHP, HTML and CSS modes available in PhpED's Code Navigator NuSphere's PHP IDE also provides JavaScript mode for code navigation.

JavaScript Code tree display

When the JavaScript file is loaded in the editor Code Navigator tab automatically switches to JS mode. You can also always select JS mode of the navigator for any file loaded in the editor. In this mode it displays the tree of JavaScript functions, classes and variables defined in the file. The tree shows the hierarchy of the JavaScript objects ? for example the variables of the given function:

JavaScript Code tree navigation

JavaScript Code tree allows you to navigate easily through JavaScript code in any file. JavaScript Code Navigator Tool bar provides the means to configure the display of and navigation inside of the JavaScript code:

Search. Similar to the way it works in PHP Code Navigator it performs search in the JavaScript code on the text typed in the input field.

Track Current position. When this option is turned on and you move the cursor in the editor, the JS Code navigator highlights the elements of the navigator tree corresponding to the current position of the cursor

Select button. When you press this button, the code corresponding to the current JavaScript Tree element gets selected in the editor.

Go To Definition. Pressing this button positions the cursor in the editor on the JavaScript code corresponding to the current element of JS tree, as it shown in the example. The same behavior happens on double clicking of the JS tree elements

JavaScript Code Navigator is only one of the many JavaScript Editor Tools available in PhpED along with PHP Editor Tools, HTML Editor Tools such as HTML code folding and HTML Preview and CSS Editor Tools. You can see these tools in action when you Download a free trial of NuSphere's PHP IDE today!