Drop down menus using hover buttons

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I am trying to create a sub menu from a hover button. Any suggestions? Jim
Buyens, are you out there? I know you can solve this for me. I have your
book, but my brain is not technical enough to understand it. You know this
stuff inside out!

HGTomatomon
 
Not possible with a Java Hover Button applet.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
Thanks, Thomas. Do you know of a simple DHTML tag that I can insert/a link to
a website that has something that can be cut and pasted?
--

Visit http://www.HGTradio.net for updates on the Home Grown Tomatoes Radio
show.


Thomas A. Rowe said:
Not possible with a Java Hover Button applet.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================
 
Not really, as I don't use DHTML. You can also create them in FP2003 using behaviors.

You can also do a search in your IE address bar as:

? JavaScript DHTML Menu Scripts


==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
==============================================
If you feel your current issue is a results of installing
a Service Pack or security update, please contact
Microsoft Product Support Services:
http://support.microsoft.com
If the problem can be shown to have been caused by a
security update, then there is usually no charge for the call.
==============================================

HGTomatoman said:
Thanks, Thomas. Do you know of a simple DHTML tag that I can insert/a link to
a website that has something that can be cut and pasted?
 
You can try using the frontpage layers. Try these steps below

1. Insert a layer on the web page with the name Layer1. This will be the
main command menu. Insert some text into this layer. Example Marker
Bindings. Resize the Layer1 to a button size.
2. Place the cursor inside the layer1 and then go to Insert->Layers to
insert a child layer Layer2. This layer is the child menu that will appear
when we move the mouse over the layer1. Insert some text in this layer.
Place the Layer2 beneath the Layer1.
3. Select the Layer2 and click on under the column with eye icon. The icon
of a closed eye appears next to the layer.
4. Select the Layer1 in the list and click on Behaviors. Ensure that the
"Script on Tag" reads <div>.
5. Click Insert and select "Change Property" to open Change Property dialog
box.
6. Select the option button "Select Element" and select the Layer2 in the
"Element ID" box. Click on the "Visibility" button and select "Visible".
7. Click on OK. This would insert the "Change property" behavior on the
"onclick" event. Check “Restore on mouseout event. 8. Click Ok.
9. Change the event to "onmouseover" by clicking on the arrow and selecting
"onmouseover".
10. Save the page and preview in browser.


Hope this Information helps.
Regards
Ravi
MSFT

This posting is provided "as is" with no warranties and confers no rights

--------------------
 
This is the best I can do.

<input value="Search Engines:" name="dropDown"
style="border : 1px solid silver;background : silver;position :
absolute;left : 20;top : 20"
onmousedown="style.border = '1px solid black'" onmouseup="style.border =
'1px solid silver'"
onmouseover="style.background = 'blue';style.color = 'white'"
onmouseout="style.background = 'silver';style.color = 'black'"
onclick="item1.style.visibility = 'visible';item1.style.top = '50'
item2.style.visibility = 'visible';item2.style.top =
'71';up.style.visibility = 'visible'
up.style.top = '71'" readonly>

<input value=" Google" name="item1"
style="border : 1px solid gray;background : white;position : absolute;left :
20;top : 20;visibility : hidden"
readonly onclick="window.location.href = 'http://www.google.com'"
onmousedown="style.border = '1px solid black'" onmouseup="style.border =
'1px solid gray'">

<input value=" Mamma" name="item2"
style="border : 1px solid gray;background : white;position : absolute;left :
20;top : 20;visibility : hidden"
readonly onclick="window.location.href = 'http://www.mamma.com'"
onmousedown="style.border = '1px solid black'" onmouseup="style.border =
'1px solid gray'">

<input type="button" value="^" name="up"
style="position : absolute;left : 175;top : 20;visibility : hidden;
width:18px;height : 24px;
background : silver;border : 1px solid gray" onclick="style.visibility =
'hidden';style.top = '20'
item1.style.visibility = 'hidden';item1.style.top = '20'
item2.style.visibility = 'hidden';item2.style.top = '20'">

It's not a super fancy drop-down, but it's something I would use in one of
my webpages.
 
Cool! Ok, this worked wonderfully. Now, my new issue is how do I make all
those children levels into clickable hyperlinks that will open up a new page?
 
When you add hyperlinks inside the layers, this method will cause a lot of
flickering. The behaviours should be applied to the hyperlinks, not the
<divs>.
 
Back
Top