team
  

 Visit My Sponsors SharePointAds.com

 Hottest Content

 Latest on Top 100 SharePoint Blogs
 Top SharePoint Storage Resources
 SharePoint Key Capacity Planning Resources
 SharePoint Podcasts, Screencasts, and Videos
 What NOT to store in SharePoint
 Hot Debate: Custom Site Definitions
 Disaster Recovery and Backup/Restore Resources
 Looking for SharePoint Speakers - Joel's Session List
 Free Blog Widget Site Search Components
 RealTime Twitter SharePoint League Stats
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

Subscribe by Email or RSS

Contact me

 20 Recent Posts

10 Tips Troubleshooting Installations for SharePoint 2010 and SharePoint FoundationUse SHIFT+ENTER to open the menu (new window).
Rocky Mountains and Midwest SharePoint Events Next Week! Dec 8-12Use SHIFT+ENTER to open the menu (new window).
Join Me in Denver for SharePoint #ShareFun Bowling, Billiards, Food and Drinks on Dec 8Use SHIFT+ENTER to open the menu (new window).
Business Connectivity Services in SharePoint 2010 preserve use of Relational DatabasesUse SHIFT+ENTER to open the menu (new window).
Share. SlideShare: Best Way to Share PresentationsUse SHIFT+ENTER to open the menu (new window).
List Scale SharePoint 2010 Reality CheckUse SHIFT+ENTER to open the menu (new window).
Ten Things DBAs will LOVE in SharePoint 2010 #TEE09Use SHIFT+ENTER to open the menu (new window).
SharePoint 2010 TrainingUse SHIFT+ENTER to open the menu (new window).
Upcoming NOT to MISS SharePoint WebcastsUse SHIFT+ENTER to open the menu (new window).
Is Gradual Upgrade in SharePoint 2010 Really Dead? How is Upgrade Better?Use SHIFT+ENTER to open the menu (new window).
Information Worker SharePoint ResourcesUse SHIFT+ENTER to open the menu (new window).
SharePoint 2010 Admin Webcast Archive plus Q&AUse SHIFT+ENTER to open the menu (new window).
SharePoint 2010 Webcast: The New World of SharePoint 2010 AdministrationUse SHIFT+ENTER to open the menu (new window).
SharePoint 2010 Top 10 Features and ResourcesUse SHIFT+ENTER to open the menu (new window).
SharePoint Conference #SPC09 Kick Off!Use SHIFT+ENTER to open the menu (new window).
Office Web Apps Technical BetaUse SHIFT+ENTER to open the menu (new window).
Do the SharePoint Dance!Use SHIFT+ENTER to open the menu (new window).
SPC Social Events: 10 Steps to Prepare for SharePoint Conference #SPC09Use SHIFT+ENTER to open the menu (new window).
India SharePoint DaysUse SHIFT+ENTER to open the menu (new window).
SharePoint Best Practices – Context is EverythingUse SHIFT+ENTER to open the menu (new window).
 
Blog (RSS)


Follow on Networked Blogs Facebook

Recent Comments

Powered by Disqus