Ulimate jQuery highlight script?

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Ulimate jQuery highlight script?

Post by JAB Creations »

My site apparently can be overwhelming to some people (who obviously haven't seen some of the five column layouts I've seen :banghead:) so any way I think it would be a nifty idea to do a one-time highlight of the section when someone clicks a link with a # symbol. My site's code is very clean and well organized though let me explain it in clearer detail...

For example let's say you're listening to a music artist and click the PL button. It will load the playlist page that the artist is featured on and the browser will automatically scroll to #track06 (or id="track06") for example.

I'm aware and currently have the following implemented...

Code: Select all

$("h1").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h2").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h3").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})$("h4").click(function(){$(this).next('div').BlindToggleVertically(1000,null, 'bounceout');return true;})
I was wondering if the same idea could be applied but instead it would highlight with a specific color and fade out of the next('div') after the #id selected from the referring page? So if you visit my site, listen to an artist, click the PL button, and navigate to the sixth track on any playlist it will visually highlight the background color and fade back to the default. Does this make sense or do I sound :crazy: ? :mrgreen:
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Re: Ulimate jQuery highlight script?

Post by JAB Creations »

Also...would it be possible to use the same script without an onload trigger but merely apply the script when the browser navigates to an id on the page? For example almost every page on my site at the top has anchors to headers below. This would also visually help when they click on the last anchor and the content is small and at the bottom and the visitor would most likely start looking at the top of the page again going downwards where as the highlighting would quickly draw their attention.

Here is an example...
http://www.jabcreations.com/music/music ... hp#track08

The script would highlight the content below the header for Ryan Farish for example though most people I would presume start visually looking at Concept.
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Re: Ulimate jQuery highlight script?

Post by Kieran Huggins »

403 - forbidden!

I though you liked us :cry:
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Re: Ulimate jQuery highlight script?

Post by JAB Creations »

Something is screwy in my htaccess file, sorry about that I do like you guys though! Just reload, it will work...I'll try to fix the htaccess error now.
User avatar
JAB Creations
DevNet Resident
Posts: 2341
Joined: Thu Jan 13, 2005 6:44 pm
Location: Sarasota Florida
Contact:

Re: Ulimate jQuery highlight script?

Post by JAB Creations »

I fixed it, it was something in regards to a retarded Firefox extension.
Post Reply