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 Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

looking for a slide menu template

Status
Not open for further replies.

dakota81

Technical User
May 15, 2001
1,691
US
I am looking to try and figure out how to make one of those side menus that when you put the mouse on the left side of the screen, the menu slides out so you can see it.

Unfortunately, all I can find on google are ones where they have it so built up with javascript that all you can do is adjust a javascript array of what text & links go in the menu. So if I don't want to put links in the menu, I'm having difficulties carving out what I don't need to get down to the absolue basics.

Can anyone help?
 
Well I've almost got it figured out, but then again the final issue I'm having will likely require me to throw out all my work & start from scratch again...

Take this very reduced code:

<div onmouseover="moveout()" onmouseout="moveback()">
<table>
<tr>
<td>...
</td></tr></table></div>


When the mouse is right on the edge of the <div> area, the moveout() function is run. Then when the mouse is moved inside the table cell, the onmouseout event is processed & the moveback() function is run. Not good. Don't know how to correct this.

As long as I have plain text in the <div> object, then all is good with the sliding menu. But I want a more complex menu which includes checkboxes and such, and so I'm stuck here.
 
None of that css stuff has ever really made sense to me so far...

This is the page I'm trying to work off of:

But it's all done in JavaScript, I never see the actual html coding, so it's been difficult to modify it to my needs. If I just had one example of "This is how it works in IE," then I'd be fine, but I haven't found one yet.
 
Thanks for all the help - for now I just put an "X" in the corner of the menu, and when clicked slides the menu in or out. I ran into another issue once I got that worked out, the menu sits behind select boxes. But that's an issue in IE that's not going to be fixed for quite a while.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top