Ok....I know this question has been asked 100 times, and probably everyone that answers these questions has answered this question at least that many times, but here it goes anyway. I am trying to create a webpage with a mouse over effect where the text graphic (created in Photoshop) changes on the mouse over (both graphics are done) and then once you click on the graphic a "submenu" animates or appears to the right of the menu and is a pull down type menu that once you mouse out dissappears. I have read all of the previous helps but I can't seem to get this one right. For something this complex (everything is a graphic) I know I am going to have to preload all of the graphics. The problem I run into is that I have no idea how to set this up. I have been trying to learn as much javascript as I can but I have yet to figure this out. If someone could help me out I would greatly appreciate it.
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations biv343 on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Another Stupid Question (I think)
- Thread starter RussOSU
- Start date
My SSTTRROONNGG suggestion is to head on over to your friendly neighborhood and download yourself a 30 day "trial" of Fireworks 4 and see how you like it.
It's full version, works for 30 days, and makes what you are describing a piece of cake... and I'm talkin easy -- it even has a tutorial that walks you through all five steps of what you are describing above (yep, about five steps)
Photoshop still has some advantages over Fireworks, but those advantages are getting less and less with each release. In fact, I don't think I've so much as opened photoshop in probably 8 months because Fireworks is soooo much more easy to use --
And with their new pop-up menu feature in release 4 -- wow
anywho -- there's my two cents **kachink**
good luck!
Paul Prewett
It's full version, works for 30 days, and makes what you are describing a piece of cake... and I'm talkin easy -- it even has a tutorial that walks you through all five steps of what you are describing above (yep, about five steps)
Photoshop still has some advantages over Fireworks, but those advantages are getting less and less with each release. In fact, I don't think I've so much as opened photoshop in probably 8 months because Fireworks is soooo much more easy to use --
And with their new pop-up menu feature in release 4 -- wow
anywho -- there's my two cents **kachink**
good luck!
Paul Prewett
Ok, so you want
a) a normal mouseover
b) a popdown menu, and
c) that menu to close on mouseout
I would set it up to do the following:
set up a function for onMouseOver like you would for a normal rollover, put the onMouseOver in the tag calling the function. Than I would create the popdown code and variable to use as a flag. Set onMouseClick to open the function and set the flag. Than put the close popdown code in a third function that is called from the onMouseOut (which is also located in the tag). The first thing iut is going to check is if the flag is set or not.
This way, whenever you mouseOver it will do the rollover, catch the mouseOut and do nothing. Than when you click, it will open the menu and set the flag, when you leave it checks the flag, closes the menu, and resets the flag to it's beginning state, leaving you in the initial state again.
a) a normal mouseover
b) a popdown menu, and
c) that menu to close on mouseout
I would set it up to do the following:
set up a function for onMouseOver like you would for a normal rollover, put the onMouseOver in the tag calling the function. Than I would create the popdown code and variable to use as a flag. Set onMouseClick to open the function and set the flag. Than put the close popdown code in a third function that is called from the onMouseOut (which is also located in the tag). The first thing iut is going to check is if the flag is set or not.
This way, whenever you mouseOver it will do the rollover, catch the mouseOut and do nothing. Than when you click, it will open the menu and set the flag, when you leave it checks the flag, closes the menu, and resets the flag to it's beginning state, leaving you in the initial state again.
- Status
Similar threads
- Locked
- Question