Visit My Sponsors - SharePointAds







Easily Secure SharePoint Documents
Based on Metadata. By Titus Labs.



SharePoint Joel's SharePoint Land > Posts > JQuery - A Fresh Look at What YOU Can Do On SharePoint Without Server Code
JQuery - A Fresh Look at What YOU Can Do On SharePoint Without Server Code

Client side coding has taken a leap in the right direction, and SharePoint people need to take note.  Occasionally I get to actually attend a session, and one that I’m so glad I caught was at the SharePoint Practices Conference.  This session I see as a game changing session…  on JQuery by Peter Serzo.  First Peter’s wittiness totally captured the audience, and after he had us in his hands he showed us some real best practices and real world “development” using JQuery.

Think about this for a second.  What if you could change your navigation without having to deploy assemblies.  AND you could version it and manage the source all without having to deploy server assemblies…

The power of JQuery is unravelling… (Don’t underestimate the power of Javascript!)

You have to rethink Development

What has happened and why I call it game changing for SharePoint is the power of javascript, essentially client side script on SharePoint.  Back in the day, I was a big fan of what you could do with SharePoint for form validation, for focus and hover and all sorts of interesting things.  It changed the way we HTML coders could interact with our users.  Now you’ve got JQuery which is Javascript on Steroids.  It’s still client side, which means it doesn’t require any server side DLLs (Assemblies) or features, or any of that stuff.  It can be a javascript include which is referred to with a single line and the javascript code could be sitting in a document library that has versions turned on.  Very very slick.

When you look at what can be done with the “plugins” you’ll be amazed.  First the plugins are a bunch of code where someone smart has done all the heavy lifting, don’t be intimidated, it’s not too hard to use these and there is a lot of help.  Now you can leverage this client file (not something that requires activeX or requires any kind of install.  ZERO FOOTPRINT.  That’s the beauty.  People can do this cool stuff without ever bugging the server admin.

Browse some of these solutions which have nothing to do with SharePoint, but can be done on top of SharePoint… Blows me away how dynamic they are…

Here are a couple of examples:

  • End User SharePoint: EXAMPLE: Keyword Search on Sharepoint page
  • Quickly and unobtrusively add a search box to you page, allowing users to through large sets of data with no page reload or AJAX calls.
  • Autocomplete script that will suggest what the user is trying to type. It also has a caching function to limit server requests.
  • A rating system for rating content
  • Update List Items using Jquery and Web services

Jan Tielens has written on SharePoint and JQuery and has a new release of SmartTools for a SharePoint Project (good stuff!)

Also look at jQuery Codeplex Project: integrates the jQuery JavaScript library with SharePoint 2007

50 Amazing JQuery Examples

37 more shocking JQuery Plugins

 

I’m sure this isn’t absolutely new for developers, but considering a zero footprint solution without involving the admins might be an interesting proposition and impact the design of the new navigation, search UI, or news web part.

 

So I asked Peter Serzo if he would do a guest blog on his Best Practices topic JQuery and the Content Editor Web Part

Comments

You may need to watch out for Publishing Pages behavior when using JQuery

Thank you Joel for posting about JQuery. I know Peter Serzo and it was soo good to see his name.
 
Anyways, my two cents on the subject  -
 
JQuery is very cool and from what I have seen, yes, we can do amazing things with it. One caution flag I will throw out there, is not to forget that SharePoint itself utilizies a lot of client side script to allow for the behavior of "drag and drop" Rich HTML editing, etc. So just make sure you test well, very well with all kinds of Page Layouts (OOB and Custom).
 
-Johnny Harbieh
at 2/18/2009 6:08 AM

Thanks for helping keep us all in the know on what is cool going on with SharePoint

You do a great job Joel! Lee Gaupp
at 2/18/2009 7:21 PM

Add Comment

 Social Comments

Post Comments to your Facebook Profile Post comments to twitter or on SharePointJoel.com
blog comments powered by Disqus
Share

Blog (RSS)

Follow on Networked Blogs Facebook

Recent Comments

Powered by Disqus
Subscribe by Email or RSS

Contact me

 20 Recent Posts

Effective SharePoint 2010 Upgrade Q&AUse SHIFT+ENTER to open the menu (new window).New
How Microsoft Is Doing Records ManagementUse SHIFT+ENTER to open the menu (new window).New
Free Webcast: Get to SharePoint 2010 – Strategies for Effective Upgrades and MigrationsUse SHIFT+ENTER to open the menu (new window).
SharePoint 2010 and SQL Hotfix DependenciesUse SHIFT+ENTER to open the menu (new window).
Aptillon SharePoint Consulting GeniusUse SHIFT+ENTER to open the menu (new window).
Really, A SharePoint Training Cruise?Use SHIFT+ENTER to open the menu (new window).
Updated Guidance on SharePoint 2010 Upgrade and the FAB 40 application templatesUse SHIFT+ENTER to open the menu (new window).
SharePoint 2010 Upgrade Decision TreeUse SHIFT+ENTER to open the menu (new window).
We’re Serious - Don’t Modify Your Database or Face ConsequencesUse SHIFT+ENTER to open the menu (new window).
Remove/Deactivate a missing feature for a cleaner upgradeUse SHIFT+ENTER to open the menu (new window).
Free Webcast: Best Practices for Upgrading and Migrating to SharePoint 2010Use SHIFT+ENTER to open the menu (new window).
I’m in Utah today at the MOSSPit (SLC UG)Use SHIFT+ENTER to open the menu (new window).
Wish you had free end user training incorporated into your SharePoint environment?Use SHIFT+ENTER to open the menu (new window).
SharePoint Virtual Expo Networking EventUse SHIFT+ENTER to open the menu (new window).
Planning SharePoint Deployments with RACIUse SHIFT+ENTER to open the menu (new window).
Reaching out to the SharePoint Portuguese CommunityUse SHIFT+ENTER to open the menu (new window).
Kudos to Owen Allen @owenallenUse SHIFT+ENTER to open the menu (new window).
Practical Windows PowerShell for SharePoint 2010Use SHIFT+ENTER to open the menu (new window).
Project Server 2010 and SharePoint 2010 CoexistenceUse SHIFT+ENTER to open the menu (new window).
What’s Next in SharePoint LandUse SHIFT+ENTER to open the menu (new window).