Solved

Control animation with parameters in url

Posted on 2010-11-10
6
222 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
  • 3
6 Comments
 
LVL 110

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 110

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
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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 110

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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
converting document.write() to innerHTML 7 44
xml with php question 5 30
Add somewhat of a wildcard to your javascript 12 30
if statement malfunction 5 17
This article discusses four methods for overlaying images in a container on a web page
Many old projects have bad code, but the budget doesn't exist to rewrite the codebase. You can update this code to be safer by introducing contemporary input validation, sanitation, and safer database queries.
The viewer will learn how to count occurrences of each item in an array.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

735 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