Comments on: JQuery for Everyone: Cleaning Windows Pt1

By: jQuery for Everyone | Halwsa.Net

jQuery for Everyone | Halwsa.Net — Fri, 12 Feb 2010 13:24:48 +0000

[...] JQuery for Everyone: Cleaning Windows Pt1 [...]

By: Tony

Tony — Mon, 26 Oct 2009 13:16:09 +0000

OK, that did not take long! Since I had the IE Developer Toolbar installed, I used that and was easily able to identify the one additional element that needs to be hidden. It’s the element with id=”TitleAreaImageCell”. Hiding that element plus the aforementioned element with id=”LeftNavigationAreaCell” when the user selects to hide the left nav works great!

Thanks, Paul! Now I can hide left nav on default pages and list views.

By: Tony

Tony — Mon, 26 Oct 2009 12:55:29 +0000

Thanks, Paul! I’ll try that and let you know what element to look for on pages that are just list views. We use those alot here and have had multiple requests to be able to hide the left nav panel for wide list views.

By: AutoSponge

AutoSponge — Fri, 23 Oct 2009 19:50:03 +0000

@Tony,

This script example works better as a learning lab than a real solution, but if you like it, that’s awesome!

tr:lt(9) is jQuery language for table row tags 0-8 (or the first 9 tags). When the jQuery factory function collects objects, $(”tr”) for example, it puts them in an array starting with position 0 from top-to-bottom on the page.

For more information and some learning examples, see jquery.com’s documentation and jsbin.com’s lab.

I use Firebug (add on for Firefox) when researching elements I need to work with. I suggest loading one of your pages and using Firebug to find the right thing(s) to hide.

By: Tony

Tony — Fri, 23 Oct 2009 19:15:29 +0000

Oops, correction in that last post:

“tr:lt(9)” … There appear to be nine (not nice) tags that need to be toggled to effectively hide the top panel. Is that correct?

By: Tony

Tony — Fri, 23 Oct 2009 19:14:20 +0000

Well, I see what you mean by working on “default-ish” type pages. Works fine for those. It took me some time to figure out what “tr:lt(9)” means, and it’s only a guess. There appear to be nice tags that need to be toggled to effectively hide the top panel. Is that correct?

Nice that you show 3 different selector strategies, but one or two sentences on exactly what they mean would be nice, since I “futzed” around trying to figure them out for for about 3 hours!

Anyway, if I build any other page, the left navigation hiding does not work. I can sort of see why, but no idea how to change the selector for it to make it work. I’ve tried looking for another element on those non-default-ish pages to toggle and nothing works. Any ideas? Hiding the left nav pane would be more useful on non-default pages!

By: AutoSponge

AutoSponge — Tue, 04 Aug 2009 01:18:18 +0000

@Jeroen,

That only makes sense if you see the article from the main page (when it’s a new article). Viewing the entire post… well, there’s no more :)

By: Jeroen Ritmeijer

Jeroen Ritmeijer — Fri, 31 Jul 2009 09:38:02 +0000

@Jeff, You can add JQuery into every page, without messing about with onet.xml, core.js or master pages using our free SharePoint Infuser.

See http://www.muhimbi.com/blog/2009/07/massage-sharepoint-into-submission.html

@Paul, this article refers to ‘click read more’. Am I blind or is this link missing?

By: Michael Greth MVP SharePoint Blog

Michael Greth MVP SharePoint Blog — Mon, 05 Jan 2009 09:57:20 +0000

SharePoint Kaffeetasse #98…

Tools und Addons Custom Content Editor Web Part for SharePoint jQuery http://jquery.com/ jQuery is a…

By: JQuery for Everyone: Cleaning Windows Pt2 | End User SharePoint

JQuery for Everyone: Cleaning Windows Pt2 | End User SharePoint — Mon, 22 Dec 2008 14:00:43 +0000

[...] JQuery for Everyone: Cleaning Windows Pt1 [...]