0

I have created a CSS solar system. Along the bottom is a list of planets. When you click on a planet name it goes to '#[planetname]speed' this is not set with JS. When you click on a planet's name I want a separate hyperlink (which would be 'info')to add an onClick attribute. If you click another planet's name the onClick attribute of the info link would change. Any help would be appreciated.

2
Contributors
5
Replies
9
Views
5 Years
Discussion Span
Last Post by Dragennd
0

Are you trying to make a popup div with info in it or are you trying to make it go to a different page? There are a lot of different ways you can do this (assuming I'm thinking the same thing you are), however, it seems to me your trying to do it the hard way. Why not just make separate links for each individual planet instead of trying to make it dynamic. Sometimes static is the best way to go because it makes sure no mistakes will be made and it greatly simplifies things.

If this doesn't help you could you please post a link or an image as to what exactly your trying to do?

0

Here's some clarification: (N.B- When you click on a planet it is indicated and tracked, I haven't included this in my plan)
The deafult planet to track is earth:
images.001_
When you click 'Info on Planet' it opens a modal window (I already have the modal script sorted. I've changed it to one where it gets launched by going to a # value. I now only need to change the href attribute not onClick):
images.002_
But if I change the planet to track to Mars and click the link again:
images.003_
It now displays info on mars. Each planet's modal is launched by going to #planetname.

Thanks for your quick response

0

Your going to have to use javascript to change the modals you have that are appearing in the middle of the page. I'm assuming this is most of what your refering to. You can use some dynamic javascript along with css to show and hide multiple different layers and have them appear when you click a link without reloading the page.

To be honest I'm not 100% sure what your asking about but maybe I'm just overthinking it it.

0

What I'm not sure about is the actual script to change the href of the info link. The modals and everything else is covered.

0

All you would need to do is a simple if-else statement within javascript. Basically if A is clicked then the modal shows A. If B is clicked then the modal shows B. etc...

dynamicdrive.com is an excellent javascript resource. Since I'm not proficient I can't help you much there.

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.