An Oracle blog about NetBeans for PHP

jQuery Support

In one my post I mentioned that I work on the new JavaScript editor. Today I would like to show a few pictures from new jQuery support. 

The code completion for jQuery methods with documentation:

The code completion for jQuery methods works also in a chain of methods:

 If you invoke the code completion in argument place of a jQuery method, then the code completion offers html tags:

 attributes of a tag:

css elements (rules, classes) that are used in the project

and selectors with their documentation.

 The code completion doesn't work only for one selector, but you can use it for defining more complex selectors.

All the described functionality is available in a build from javascript2 branch that you can download from our continual build server.  I hope that the new JavaScript editor we will be able to put into trunk soon, so it will be part of daily build of NetBeans 7.2.next. 

Join the discussion

Comments ( 24 )
  • guest Thursday, May 17, 2012

    You answered my prayers - this is looking damned good !!

  • funivan Thursday, May 17, 2012

    Yes yes yes. Netbeans is the best ide. Thanks for it`s development.

  • aref aslani Thursday, May 17, 2012

    This feature is perfect...

    thank you guys...

    and please tell us release date of netbeans 7.2

  • Miguel Gil Martinez Thursday, May 17, 2012

    Thanks...! Thanks!!!! Thanks!!!! Awesome work!!!

  • Kerry Wilson Thursday, May 17, 2012

    Looks good. Very helpful indeed.

  • gigadot Thursday, May 17, 2012

    This is what I am waiting for!! Thank you, Netbeans team.

  • sanches Thursday, May 17, 2012

    when you make function -- change file encoding for opened file? :[

  • songo Friday, May 18, 2012

    Will this work for $() instead of jQuery()?

  • Petr Pisl Monday, May 21, 2012

    @songo: yes, it works for $() as well.

  • jonathan Monday, May 21, 2012

    THANK YOU! This looks fabulous!

  • Didier Monday, May 21, 2012

    Guys, Bravo! Netbeans is already a magnificent tool and it is getting better & better with each iteration. Thanks a lot for your time & efforts, it is much appreciated. I can't wait to lay my hands on this, very useful, addition!

  • guest Tuesday, May 22, 2012

    This is absolutely awesome. Brilliant work!

    Will the new JS engine allow for creation of JS based projects? for instance creating node.js support or other product support which does not run JS in a web browser would be fantastic, like in the Appcelerator Titanium SDK (http://www.appcelerator.com/).

    Also, I'd like to know if it's possible for us to also add our own help providers? As I use Titanium they provide the JSON formatted docs as found here: http://developer.appcelerator.com/apidoc/mobile/1.8.2/api.json

  • David Tuesday, May 22, 2012

    It looks great. What about the support of other Javascript frameworks such as Mootools?

  • Petr Pisl Thursday, May 24, 2012

    @guest: Do you mean server side projects? It should be possible. Also we are preparing static web site project, which is based only on html and js files.

    Regarding help providers. There is going to be (not finished yet) api/spi that will allow to plug your own provider. It will required some java coding, but yes, it will be possible.

    @David: I plan to create support for other frameworks. And there is also api/spi to plug other support into the editor.

  • Brett Ryan Thursday, May 24, 2012

    Hi Petr, guest here, not sure why it doesn't recognise me as Brett

    That's fantastic about the static web-site AND the API for providers, awesome. I've wanted these features for a long time :)

    Appcelerator could be throught of as a server project, but it's not, it compiles JavaScript code down to run on the iPhone and Android platforms.

    If the JS engine could handle CommonJS (http://www.commonjs.org/) type projects it would then lay the foundation for browserless support such as node.js and Appcelerator.

    JavaScript has escaped from the browser these days, yet no IDE supports a browserless environment yet. I think with the work you guys are doing it could provide NB with the first-class support that JS needs :)

    Looking forward to the JS developments in NB :)

  • guest Thursday, May 24, 2012

    @Brett: I want to just point out, that this is a part of NetBeans 7.3 (if it will be called 7.3:) ). I will merge the JavaScript support to the trunk, when the NetBeans 7.2 will be branched, which should be during a few days. Then the new JS editor will be a part of daily builds.

  • guest Thursday, May 31, 2012

    I'm new to netbeans and don't know how to download it using Netbeans plug-ins interface!

    Please tell me how to proceed !

  • gus Monday, June 4, 2012

    Will it be avaliable for standard Netbeans (Java) as well ?? Or will I have to install Netbeans for PHP just to have this feature ? Thanx

  • guest Monday, June 4, 2012

    @gus: Yes, it's available with the JavaScript editor and this editor is a part of the IDE cluster, so it's available in all distros:).

  • guest Friday, June 15, 2012

    Please, also support Mootools

  • guest Tuesday, July 31, 2012

    I just installed Netbeans 7.2 stable, unfortunately this features does not seem to work yet :(

  • mydrupal.org Thursday, August 2, 2012

    THANK YOU! The netbeans looks very beautiful!

  • guest Saturday, August 11, 2012

    Please! I've got a little problem. I'm new at this and I don't know what file or files I have to download.

    I went to that page http://bertram-tst.netbeans.org:8080/job/javascript2/

    but I didn't find the correct file..

    I hope you can help me..

  • guest Wednesday, August 15, 2012

    Now it's a part of daily trunk build. So you can download a development here http://bits.netbeans.org/download/trunk/nightly/latest/.

Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.