Looking for a CSS/DHTML menu sample to learn from

"William Starr Moake" <wsmoake RemoveThis @yahoo.com> wrote in message
news:d348jvk3jh9i78dkjh5gse67a5b38r0dj0@4ax.com...
 > On Fri, 08 Aug 2003 16:54:11 GMT, Marc Bissonnette
 > <dragnet RemoveThis @internalysis.com> wrote:
 >
  > >Hi all;
  > >
  > >I'm looking for some code to learn from in making a slide-down menu.
  > >
  > >While I've found some excellent examples of straight-out slide-down
menus,
  > >the client wants a menu something like this:
 >
 > You can find several free DHTML menu scripts at
<font color=purple> > <a style='text-decoration: underline;' href="http://www.dynamicdrive.com</font" target="_blank">http://www.dynamicdrive.com</font</a>>

Big thumbs up to the one there. Very easy to customize the JS file. Well
documented and the code was written to make it quite easy to follow.

--
McWebber
No email replies read
If someone tells you to forward an email to all your friends
please forget that I'm your friend.<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from 

Marc Bissonnette wrote:
 >
 > I'm looking for some code to learn from in making a slide-down menu.
 > ...
 > - ie. items 3 and four slide down to make room for the sub-items that
 > appear above it.
 >
 > Can anyone point me to a source of code that I could grab and learn
 > from ?

Do you mean something similar to my site-map?

<a style='text-decoration: underline;' href="http://williamtasso.com/components/sitemap.asp" target="_blank">http://williamtasso.com/components/sitemap.asp</a>

Help yourself - if this is what you need.

--
William Tasso - <a style='text-decoration: underline;' href="http://WilliamTasso.com" target="_blank">http://WilliamTasso.com</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from 

"Marc Bissonnette" <dragnet.TakeThisOut@internalysis.com> wrote in message
news:Xns93D183461991Edragnetinternalysisc@207.35.177.135...
 > Hi all;
 >
 > I'm looking for some code to learn from in making a slide-down menu.
 >
 > While I've found some excellent examples of straight-out slide-down menus,
 > the client wants a menu something like this:
 >
 > Closed State:
 >
 > Item 1
 > Item 2
 > Item 3
 > Item 4
 >
 > When you mouseover, say, Item 2, it would then slide out like this:
 >
 > Item 1
 > Item 2
 > Sub Item 1
 > Sub Item 2
 > Sub Item 3
 > Sub Item 4
 > Item 3
 > Item 4
 >
 > - ie. items 3 and four slide down to make room for the sub-items that
 > appear above it.
 >
 > Can anyone point me to a source of code that I could grab and learn from ?
 >



Hi marc,
something like this?

<a style='text-decoration: underline;' href="http://javascript.internet.com/navigation/slide-down-menu.html" target="_blank">http://javascript.internet.com/navigation/slide-down-menu.html</a>

bill<!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from 

"Billy" <blog DeleteThis @summer.in.be> wrote in
news:buSYa.26513$pK2.41805@news.indigo.ie:

 > "Marc Bissonnette" <dragnet DeleteThis @internalysis.com> wrote in message
 > news:Xns93D183461991Edragnetinternalysisc@207.35.177.135...
  >> Hi all;
  >>
  >> I'm looking for some code to learn from in making a slide-down menu.
  >>
  >> While I've found some excellent examples of straight-out slide-down
  >> menus, the client wants a menu something like this:
  >>
  >> Closed State:
  >>
  >> Item 1
  >> Item 2
  >> Item 3
  >> Item 4
  >>
  >> When you mouseover, say, Item 2, it would then slide out like this:
  >>
  >> Item 1
  >> Item 2
  >> Sub Item 1
  >> Sub Item 2
  >> Sub Item 3
  >> Sub Item 4
  >> Item 3
  >> Item 4
  >>
  >> - ie. items 3 and four slide down to make room for the sub-items that
  >> appear above it.
  >>
  >> Can anyone point me to a source of code that I could grab and learn
  >> from ?
  >>
 >
 >
 >
 > Hi marc,
 > something like this?
 >
<font color=purple> > <a style='text-decoration: underline;' href="http://javascript.internet.com/navigation/slide-down-menu.html</font" target="_blank">http://javascript.internet.com/navigation/slide-down-menu.html</font</a>>

Yes! This is perfect, thank you

Interestingly enough, the URL above suggests that one only has to copy
and paste the JS in the <TEXTAREA> to make it work, without pointing out
that you need the sliding_menu.js file for the page to call in order to
work - Google saved the day, of course, though

Many thanks for pointing this out!! (I'm a perl guy, so this JS stuff
just isn't my strong point )

--
Marc Bissonnette
Perl CGI. MySQL Databases. Dynamic Web Content Control.
<a style='text-decoration: underline;' href="http://www.internalysis.com" target="_blank">http://www.internalysis.com</a>
Looking for a new ISP? <a style='text-decoration: underline;' href="http://www.canadianisp.com" target="_blank">http://www.canadianisp.com</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from 

"William Tasso" <ngx.DeleteThis@tbdata.com> wrote in news:bh0q6c$t8jve$1@ID-
139074.news.uni-berlin.de:

 > Marc Bissonnette wrote:
  >>
  >> I'm looking for some code to learn from in making a slide-down menu.
  >> ...
  >> - ie. items 3 and four slide down to make room for the sub-items that
  >> appear above it.
  >>
  >> Can anyone point me to a source of code that I could grab and learn
  >> from ?
 >
 > Do you mean something similar to my site-map?
 >
<font color=purple> > <a style='text-decoration: underline;' href="http://williamtasso.com/components/sitemap.asp</font" target="_blank">http://williamtasso.com/components/sitemap.asp</font</a>>
 >
 > Help yourself - if this is what you need.
 >

Thanks, William - this is a neat menu system - I'll play around with the
source to wrap my head around it a bit more to see what else it can do - I
like the fact that it (apparantly) doesn't have any external calls, either.

--
Marc Bissonnette
Perl CGI. MySQL Databases. Dynamic Web Content Control.
<a style='text-decoration: underline;' href="http://www.internalysis.com" target="_blank">http://www.internalysis.com</a>
Looking for a new ISP? <a style='text-decoration: underline;' href="http://www.canadianisp.com" target="_blank">http://www.canadianisp.com</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from 

Marc Bissonnette wrote:
 > "William Tasso" <ngx.RemoveThis@tbdata.com> wrote in news:bh0q6c$t8jve$1@ID-
 > 139074.news.uni-berlin.de:
 >
  >> Marc Bissonnette wrote:
   >>>
   >>> I'm looking for some code to learn from in making a slide-down menu.
   >>> ...
   >>> - ie. items 3 and four slide down to make room for the sub-items
   >>> that appear above it.
   >>>
   >>> Can anyone point me to a source of code that I could grab and learn
   >>> from ?
  >>
  >> Do you mean something similar to my site-map?
  >>
<font color=green>  >> <a style='text-decoration: underline;' href="http://williamtasso.com/components/sitemap.asp</font" target="_blank">http://williamtasso.com/components/sitemap.asp</font</a>>
  >>
  >> Help yourself - if this is what you need.
  >>
 >
 > Thanks, William - this is a neat menu system - I'll play around with
 > the source to wrap my head around it a bit more to see what else it
 > can do - I like the fact that it (apparantly) doesn't have any
 > external calls, either.

There are two client-side functions in the page and an external css style
sheet. Without j/s support you get an expanded list.of lists. Without css
support you still get usable output as shown in lynx.

--
William Tasso - <a style='text-decoration: underline;' href="http://WilliamTasso.com" target="_blank">http://WilliamTasso.com</a><!-- ~MESSAGE_AFTER~ -->
 >> Stay informed about: Looking for a CSS/DHTML menu sample to learn from