YUI (Yahoo! User Interface Library) in phpDesigner 7

phpDesigner 7 comes with a built-in JavaScript Editor. Access and work with your JavaScript classes and functions through the code completion and code tip on the fly and easily navigate through your JavaScript with the declaration manager. phpDesigner 7 comes with support for working with all the popular JavaScript frameworks like jQuery, Ext JS, YUI, Dojo, MooTools and Prototype!

YUI

The YUI Library (Yahoo! User Interface Library) is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses. YUI is proven, scalable, fast, and robust. Built by frontend engineers at Yahoo! and contributors from around the world, it's an industrial-strength JavaScript library for professionals who love JavaScript1).

Requirements

By default YUI is automatic enabled in phpDesigner 7. However, in order to run a script using the classes or functions from YUI you must either download and place it together with your files or link to it, this is done from the menu JavaScript > Frameworks > YUI.

If like to disable the support for YUI in phpDesigner 7. Go to the folder where you installed phpDesigner 7, and edit the file xmlJavaScript-YUI.xml. Change the value, and and restart phpDesigner 7:

<module name="YUI" disabled="False">

to

<module name="ExtJS" disabled="True">

Working with YUI in phpDesigner 7

Navigation

You can easily navigate and browse all listed classes and functions in YUI from the menu Go to. Select Project Declaration > All. You can filter all the listed classes and functions by type and name.

Code Completion

The Code completion for JavaScript will be displayed on the fly as you continue to write your code and is able to detect the context and display JavaScript items based on the context. You need to be inside a JavaScript block in order to access all classes and functions listed in YUI. The Code Completion will be automatic triggered once typing. For manual triggering simply press 'CTRL+SPACE'.

Disable the Code completion from the menu Tools > Preferences > Editor > Code completion > Disable.

Code Tip

The contextual Code Tip for JavaScript helps you complete predefined functions from YUI easily by automatically showing the expected parameters for the current function. You need to be inside a JavaScript block in order to work with all listed classes and functions in YUI using the Code Tip. It is automatic triggered on the fly as you continue to write your code or manually invoked by pressing CTRL.