Help with Menu

[alphagirl]

Hi,

I want to know how to do the following menu system.
It appears on the left hand side of the following web page.

http://www.enterprise-ireland.com/ebusiness/news-events.asp

Can anyone help?

Cheers

[PeOfEo]

That requires an applet and a crap load of java script. It would be simpler just to do it with flash and then put a secondary nav menu somewhere on your site for people who dont support flash.

[PeOfEo]

<applet code="MenuSystem.class" codeBase="java/navbar/" width="163" height="357" align="BOTTOM" VIEWASTEXT>
<param name="animatearrows" value="false">
<param name="arrowactivecolor" value="225,225,0">
<param name="arrowcolor" value="102,102,102">
<param name="arrowhlcolor" value="225,153,0">
<param name="arrowxoffset" value="-225">
<param name="arrowyoffset" value="1">
<param name="bararrowcolor" value="204,204,204"><!--These features allow for the use of a scroll bar on the nav-->
<!--param name="barbgcolor" value="0,41,74">
<param name="barflat" value="false">
<param name="barindentbubble" value="false">
<param name="baroutlinecolor" value="51,51,51">
<param name="barslidecolor" value="0,41,74">
<param name="barslideinset" value="5">
<param name="barwidth" value="15"-->
<param name="bgcolor" value="255,255,255">
<param name="clipadditionheight" value="1">
<param name="clipmainbg" value="false"><!--Set to false if using a background image-->
<param name="hidebar" value="true">
<param name="itemheight" value="19">
<param name="jumpsize" value="3"><!--distance each move in expansion and retraction-->
<param name="jumpdelay" value="5"><!--speed of expansion and retraction-->
<param name="loadwhere" value="_dynamic">
<param name="drawline" value="false"><!--whether to draw line beneath headings-->
<param name="linewidth" value="170"><!--specify the width of the lines between text headings-->
<param name="maindesc0" value="Basics"><!--to add text headings-->
<param name="maindesc1" value="Getting Started">
<param name="maindesc2" value="Strategy">
<param name="maindesc3" value="Up and Running">
<param name="maindesc4" value="Web Technologies">
<param name="maindesc5" value="Marketing">
<param name="maindesc6" value="Contact Us">
<param name="maindesc7" value="About Us">
<param name="maindesc8" value="Sitemap">
<param name="mainfont" value="Verdana, BOLD, 12">
<param name="mainhloutcolor" value="51,51,102">
<param name="mainiconindent" value="3">
<param name="mainlmargin" value="0">
<param name="mainrmargin" value="1">
<param name="maintextcolor" value="0,0,0">
<param name="maintextcolor2" value="0,51,153">
<param name="secondtextcolor" value="true">
<param name="nummaintextcolor2" value="3"><!--number of heading from bottom up that is a different color-->
<param name="maintexthlcolor" value="254,153,1">
<param name="maintextindent" value="5">
<param name="maintextyoffset" value="-1">
<param name="nummainhl" value="6"><!--the number of headings to be highlighted on rollover-->
<param name="mainurl6" value="contact.asp?sct=5"><!--specify urls for main headings if required-->
<param name="mainurl7" value="about.asp?sct=6">
<param name="mainurl8" value="sitemap.asp?sct=7">
<param name="subboxcolor" value="255,255,255">
<param name="subfont" value="Verdana, Regular, 11">
<param name="subdesc0-0" value="0|The New Economy">
<param name="subdesc0-1" value="0|The Internet">
<param name="subdesc0-2" value="0|Types of Internet business">
<param name="subdesc0-3" value="0|How eBusiness affects me">
<param name="subdesc0-4" value="0|Conclusions">

<param name="subdesc1-0" value="0|Suitability">
<param name="subdesc1-1" value="0|Getting Advice">
<param name="subdesc1-2" value="0|Web Design">
<param name="subdesc1-3" value="0|Security">
<param name="subdesc1-4" value="0|Conclusions">

<param name="subdesc2-0" value="0|Importance">
<param name="subdesc2-1" value="0|Developing an Internet Strategy">
<param name="subdesc2-2" value="0|Integrated Strategy">
<param name="subdesc2-3" value="0|Strategic tools">
<param name="subdesc2-4" value="0|Corporate Mindset">
<param name="subdesc2-5" value="0|Conclusion">

<param name="subdesc3-0" value="0|Fulfilment and Logistics">
<param name="subdesc3-1" value="0|Law">
<param name="subdesc3-2" value="0|Tax">
<!--param name="subdesc2-3" value="0|Tax"-->


<param name="subdesc4-0" value="0|Introducing Networks">
<param name="subdesc4-1" value="0|Types of Networks">
<param name="subdesc4-2" value="0|Uses and Costs">
<param name="subdesc4-3" value="0|Website types and costs">
<param name="subdesc4-4" value="0|XML, Intranets, Extranets">

<param name="subdesc5-0" value="0|What is Marketing">
<param name="subdesc5-1" value="0|Branding & Domain names">
<param name="subdesc5-2" value="0|Types Of Marketing">
<param name="subdesc5-3" value="0|Other Marketing Methods">
<param name="subdesc5-4" value="0|Customer Relationships">
<param name="subdesc5-5" value="0|Relationship Management">
<param name="subdesc5-6" value="0|Conclusion">


<param name="subtextcolor" value="0,51,153">
<param name="subhltextcolor" value="61,177,255">
<param name="subiconindent" value="7">
<param name="sublmargin" value="0">
<param name="subrmargin" value="0">
<param name="subtextindent" value="10">
<param name="suburl0-0" value="guides_basics.asp">
<param name="suburl0-1" value="guides_basics3.asp">
<param name="suburl0-2" value="guides_basics5.asp">
<param name="suburl0-3" value="guides_basics7.asp">
<param name="suburl0-4" value="guides_basics8.asp">

<param name="suburl1-0" value="guides_starting.asp">
<param name="suburl1-1" value="guides_starting3.asp">
<param name="suburl1-2" value="guides_starting3.5.asp">
<param name="suburl1-3" value="guides_starting4.asp">
<param name="suburl1-4" value="guides_starting6.asp">

<param name="suburl2-0" value="strategy.asp">
<param name="suburl2-1" value="strategy1.asp">
<param name="suburl2-2" value="strategy3.asp">
<param name="suburl2-3" value="strategy4.asp">
<param name="suburl2-4" value="strategy5.asp">
<param name="suburl2-5" value="strategy6.asp">

<param name="suburl3-0" value="guides_running.asp">
<param name="suburl3-1" value="guides_running1.asp">
<param name="suburl3-2" value="guides_running4.asp">

<param name="suburl4-0" value="webtech.asp">
<param name="suburl4-1" value="webtech2.asp">
<param name="suburl4-2" value="webtech4.asp">
<param name="suburl4-3" value="webtech6.asp">
<param name="suburl4-4" value="webtech8.asp">


<param name="suburl5-0" value="marketing.asp">
<param name="suburl5-1" value="marketing1.asp">
<param name="suburl5-2" value="marketing2.asp">
<param name="suburl5-3" value="marketing3.asp">
<param name="suburl5-4" value="marketing4.asp">
<param name="suburl5-5" value="marketing5.asp">
<param name="suburl5-6" value="marketing6.asp">

<param name="tilebginbar" value="false">
<param name="tilebginmargins" value="true">
<param name="underlinemaintext" value="false">
<param name="underlinesubtext" value="false">
<param name="sidelines" value="true"><!--true if want to have lines on each side of the applet-->
<param name="sidelinesheight" value="200"><!--height of the lines when menu is closed-->
<param name="sidelinescolor" value="0,51,153">
<param name="bottommenuicon" value="img/nav/menu_bottom.gif"><!--Name of the bottom icon if any-->
<!--<param name="iconfile0" value="images/ajTest.gif">
<param name="selecticon" value="images/arrow.gif">
<param name="tilemainbg" value="true">
<param name="mainbgimage" value="images/backgroundmain.gif">
<param name="subbgimage" value="images/backgroundmain.gif">-->


<param name="startopenindex" value="0">
<param name="openpage" value="1">

</applet><br>
<!--<img src="img/clickonoptions.gif" width="161" height="47">-->
</td>


</tr>

</table>


& there is still more

[Jona]

Originally posted by PeOfEo
That requires an applet and a crap load of java script. It would be simpler just to do it with flash and then put a secondary nav menu somewhere on your site for people who dont support flash.

All that needs to be done is to make the select box's visiblity="hidden" when the menu is active, and visibility="visible" when you take your mouse off...

[J]ona

[PeOfEo]

Originally posted by Jona
All that needs to be done is to make the select box's visiblity="hidden" when the menu is active, and visibility="visible" when you take your mouse off...

[J]ona Well then they did it that hard way then :) I was just copying their code because thats the way they did it. They used java script too, it can be done easier with dhtml.

[Jona]

Originally posted by PeOfEo
Well then they did it that hard way then :) I was just copying their code because thats the way they did it. They used java script too, it can be done easier with dhtml.

I had assumed it was JavaScript (which is DHTML, but DHTML makes more use of layers), and not Java.

[J]ona

[PeOfEo]

Well there is definatly an applet in there, But layers would be easier I think. How are layers for accessability? I don't use layers so I dont know much about them, only used them once or twice.

[Jona]

For accessibility, you would make a DIV in HTML with simple HTML links. Then you would use JavaScript to remove the DIV (layer) and replace it with the menu code. This can all be done DOM-compliantly as well, using document.body.replaceChild(document.getElementById("htmlonlyDIV"), newlyCreatedDIVvar);

[J]ona

[PeOfEo]

ugh sounds annoying.

[Jona]

Originally posted by PeOfEo
ugh sounds annoying.

It is merely a love for JavaScript... Perhaps something you lack... :rolleyes:

[J]ona ;)

[PeOfEo]

Lol obviously. I use java script as little as possible. In my opinion its shorcomeings out weigh its good points.

[Jona]

It's not JavaScript that has the shortcomings - since it's client-side, it's the fault of the user for not having it enabled, being able to use it, or simply not updating their browser. :p

Of course, the reason alertnatives are provided, is so that those that cannot use it can still use the site properly.

Personally I like JavaScript, and any other programming language you could possibly think of. I just like programming. lol. That's all there is to it. ;)

[J]ona

[PeOfEo]

Well the fact that java script is client side and some users cant support it isnt the only problem. A lot of java script or dhtml can tend to really lag up a site, having a server execute the code seems to be faster, also we have already gone of counteless times how java script can not be used for anything that needs to be secure because of the fact that it runs client side. Like I said its not like I dislike its syntax I just dislike how it runs.

[Jona]

Do you prefer Flash over JavaScript, where ever possible?

[J]ona

[PeOfEo]

No, I rarely use flash, if ever. But to do affects like this menu I think I would probably attempt to do it with flash. Like I said I do things server side most of the time, but for something like this menu, in order for the server side scripting to make things visible and invisible would cause the page to refresh and having that happen over and over could be quite annoying.

[Jona]

Yes, visual effects are always client-side. Applets and Flash slow down the page a lot more than JavaScript do, though... Not only as far as downloading goes, but sometimes you can't scroll on the page very quickly because of them... Whereas without them, you can scroll normally (even if JavaScript is on the page).

[J]ona

[PeOfEo]

Well I am getting into applets because a, thats what we are learning in school at the moment (my java book sucks, thir section on html was so out dated, they were using <cite><code><xmp><pre> tags and no doc type, I underlined all the the errors in my book which was pretty much every other line so now all of the future years who will use it know not to rely on it). Anyways I really need how to get this pos to connect to my data base :) Thats all I am intersesten in right now with applets, A really awesome chatroom! :D . I am not too big into neat page affects like I said I dont use java script or dhtml much and I dont use flash often and I am only going to use applets for one purpose (that I know of now). My sites lack things like that. If you view the one I have now or the temp on my desktop you will see that I like just nice tasteful sites that don't have a lot of montion. I dont like animated gifs or flash that much. But I do like images etc. Its just my style. I go for functionality such as logins and member systems before the effects.

[Jona]

You have to have a balance. Graphics are important to make the site look nice, but you also have to have your server-side programming be advanced as well. Constant movement on a page is not what I like, I just like lots of graphics and Flash introductions or Flash buttons sometimes. You just have to balance it right, and it's different on almost every site you make...

[J]ona

[PeOfEo]

Me? I only have one operating site right now. But I am working on another. The sites in my sig are my clan, my forum which is part of my clan's site and then homestar which isnt mine. What do you mean? I have graphics and I have server side codeing. I dont have any animations or anything like that though.

[PeOfEo]

heh this thread was hijacked, anyways the site I am working on now is a new one for frp free radio paxon which is an amateur radio station I am working with. I am a dj on there by the way. Anyways I have the whole layout basically done its on my desktop now. I will add another div in and put my ad roatotor in there and then another one for my poll (ill either use an include or an iframe, probably and iframe) and the only things that make the overall layout in complet are the fact that I have not made the banner image yet or the top nav bar. I need to make some graphics for that, oh yea I will actually be using a java script image roll over for that by the way, heh. One of my few uses for java script. Maybe is space becomes an issue there might be a slight change Ill make a drop down menu but I did not want to get into that but if it serving a purpose I might bust out some of the scripts I have lying around for that. But this site is nice the layout, It is valid html 4.01 strict and all its basically a box that is fluid with rounded images in the four courners, then at the top it is solid and an image and the top nav will go there and on the left side I will a poll and the ad rotator with one of those side ads. I have to say I am very pleased so far with how it looks this could end up being my best layout yet. But I still had to use one table to make it, there is an ie bug for my bottum right hand image where if I resize the page the image slightly goes out of the div it is in, I am using absolute positioning I tried relative and basically worked and worked at it and then just had to use one table... :(