Skip to main content

jQuery Intellisense support in Eclipse 3.4.2

To have jQuery Intellisense feature in Eclipse, I tried to find out the way in Google and everyone suggested to use modified version of Eclipse WTP. After doing some research I found out another way of having jQuery Intellisense in Eclipse i.e. integrating Spket IDE with Eclipse.

I am using Eclipse 3.4.2 Ganymede version.

Download

Download and Install Spket IDE and jQuery
Configure

The steps to configure jQuery Intellisense are:
  1. Open Eclipse IDE
  2. Select the menu item Window > Preferences... to open the workbench preferences.
  3. Select the Spket > JavaScript Profile preference page to display the installed JavaScript Profiles.
  4. Click the New.. button. In the Name field, type jQuery (you can type anything) as the name for the new profile. Then click OK.
  5. Click the Add Library button. From the Library drop-down list, select jQuery. Then click OK.
  6. Click the Add File button, choose jQuery javascript file downloaded from jQuery site. In my case it is stored in D:/jQuery folder as jquery-1.3.2.js
  7. Choose the jQuery profile created in step 3, click the Default button make it the default profile for all projects. The default profile can also be configured per project by using Configure Project Specific Settings... link.
  8. Click on OK to save the preferences.
Verify it
  • Create or Open any existing JS file and type $(document). and you should get onReady function in the popup list after pressing '.'

Comments

  1. Sean EsopenkoMarch 10, 2010 at 9:30 AM

    unfortunately this didn't work for me. I'm using zend studio 6.1.2 and 7.1

    ReplyDelete
  2. clodJune 23, 2010 at 2:36 AM

    I use free PHP IDE Codelobster PHP Edition with special JQuery plug-in.

    ReplyDelete
  3. UnknownSeptember 11, 2010 at 12:07 AM

    it doesn't work for me either, can you explain it in more detail, I think something is missing...

    ReplyDelete
  4. HaritzSeptember 14, 2011 at 12:11 AM

    This does not work!

    ReplyDelete
  5. AnonymousNovember 21, 2011 at 10:19 PM

    The post is very nicely written and it contains many useful facts. I am happy to find your distinguished way of writing the post.
    Web Shopping Cart

    ReplyDelete
  6. knbFebruary 6, 2012 at 5:02 AM

    It's Feb. 2012, and this works for me using Eclipse 3.7. Nice and easy to install, and the Spket IDE plugin is free.

    Remember you have to open your .js file with the spket Eclipse Editor (do not use the default javascript editor)

    ReplyDelete

Post a Comment

Popular posts from this blog

Office 2013 Installation Error : Code 1603

Wanted to share one error that I got while installing Microsoft Office Professional 2013 for which I had to spend almost 3 days to find the root cause. I also googled and found that many people have also faced the same issue but did not get if anyone had the solution. Sharing the solution that worked for me. Thanks to Dhaval Metrani, my colleague, who also helped me with this. If you get the following error in the log file (in the %temp% folder) while installing Office 2013 Failed to install product OSMMUI.msi ErrorCode: 1603  and the detail log shows ERROR: The network address is invalid then the same is because of Task Scheduler service is not enabled on the machine. 1603 is a generic error and some people have mentioned that the same could be related to deleting/renaming  %programdata% /Microsoft Help but the solution seemed to be related to Task Scheduler when the exact error was related to 'Network address invalid'. By default in Windows 7 and Windows Vista ...
6 comments
Read more

Working with ExtJS and Java

If you are new to extjs then for you ExtJS is a cross-browser Javascript framework for building RIA (Rich Internet Application) based web application. It allows to use any server based technologies for building your application. In my application, I am using ExtJS 3.0 as client side technology, Java (JSP+Hibernate) as server side technology and MySQL 5.x as database. Here I will tell you how to setup the above tools and technologies. ExtJS Setup Download latest version of ExtJS from http://extjs.com/products/extjs/download.php . I am using ExtJS 3.0 in my application. If you are using 3.0 version then you can view the API Documentation online at http://extjs.com/deploy/ext-3.0-rc2/docs/ and you can download the API documentation from download page if you are using any older version than 3.0 Extract the contents to any local folders in your disk. ExtJS IDE Setup It is difficult to remember all ExtJS components and its functions, so we need an IDE for development. Although there are few...
3 comments
Read more