Solved

Control animation with parameters in url

Posted on 2010-11-10
6
220 Views
Last Modified: 2012-05-10
Hello all,

I have a navigation bar with 5 buttons... two of these (about - contact) buttons trigger jquery aninmation on my homepage - sliding in a div from the bottom with 'about' content and another div sliding in with 'contact' details... The other 3 buttons move you to another page...

When on these other pages then the homepage...
I click on lets say contact and redirect the visitor back to the homepage I would like to have the animation triggered that slides in the contactdiv and if you had pressed 'about' you would go back and the about animation would start...

I dont know what the words are here to use in searches in google... I tried queries like control jquery animations with link parameters etc.. but nthing what im looking for...

Can anyone send me in the direction of the right technique to accomplish this?!

Tnx for any replies

wkr




0
Comment
Question by:Witheet
  • 3
  • 3
6 Comments
 
LVL 109

Expert Comment

by:Ray Paseur
ID: 34103271
Do you use the same navigation and animation on all pages of the site?  What's the URL so we can see the effect?
0
 

Author Comment

by:Witheet
ID: 34103396
ty for your reply!

navigation is same on all pages... Animation for contact and about only happens on the homepage not the other pages...

I figure that you could just include say a contact html file in every page and let the animation take place on every page.... or something like that....

But for now im focussing on animation only on the homepage.. .which is set off by clicked links on external pages...

The whole five buttons scenario is fictional so i would have to set that up first if necessary for you to be able to anwser...

please let me know and i will do this asap...

tyvm 4 ur time!
0
 
LVL 109

Accepted Solution

by:
Ray Paseur earned 500 total points
ID: 34103686
"I figure that you could just include say a contact html file in every page and let the animation take place on every page.... or something like that...."

Makes perfect sense to me!
0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:Witheet
ID: 34103922
Another scenario then...

On the homepage a link to an interview on a media page...

The interviews on the media page are in a hidden div inside an accordion... The top panel of the accordion always contains the interview you link to from the homepage...

So the link on the homepage would have to tell the artist detailpage to start the animation of the hidden div in to the screen (the top panel of accordion ill prob. just have open by default in settings accordion)

Which technique do you use...???

Better example?
0
 

Author Comment

by:Witheet
ID: 34103946
would have to tell the artist detailpage = would have to tell the media page
0
 
LVL 109

Expert Comment

by:Ray Paseur
ID: 34105386
Usually information is passed from page to page in the URL string - also called a GET argument.  If the information is sensitive and you do not want to expose it, you can pass it in the session array.
0

Featured Post

Netscaler Common Configuration How To guides

If you use NetScaler you will want to see these guides. The NetScaler How To Guides show administrators how to get NetScaler up and configured by providing instructions for common scenarios and some not so common ones.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logiā€¦
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
The viewer will learn how to dynamically set the form action using jQuery.
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question