Hello,

I'm currently creating a new version of our internal office intranet

using Microsoft FrontPage and one of the features I would like to us

is a menu of sorts using Java/DHTML.

The navigation pane/menu will be on the left-hand side of the screen

so it will be a vertical menu - much like the example on this page:

http://dhtml-menu.c­om/examples/ex2-vert­ical-dhtml-menu.html­.

What I would like to know is:

1. Is it possible to create this sort of menu without purchasing an

add-on for FrontPage?

2. If you need to purchase an add-on, does anyone have any

recommendations for a program?

Thank you!

Hello,

I'm currently creating a new version of our internal office intranet

using Microsoft FrontPage and one of the features I would like to us

is a menu of sorts using Java/DHTML.

The navigation pane/menu will be on the left-hand side of the screen

so it will be a vertical menu - much like the example on this page:

http://dhtml-menu.c­om/examples/ex2-vert­ical-dhtml-menu.html­.

What I would like to know is:

1. Is it possible to create this sort of menu without purchasing an

add-on for FrontPage?

2. If you need to purchase an add-on, does anyone have any

recommendations for a program?

Thank you!

Or look at http://www.dynamicd­rive.com/dynamicinde­x1/

--

___________________­____________________­______

SBR @ ENJOY ­ [ Microsoft MVP - FrontPage ]

"Warning - Using the F1 Key will not break anything!" (-;

___________________­____________________­______

"Ronx" <ronx917@hotmail.co­m> wrote in message

news:eGABLKJGJHA.10­20@TK2MSFTNGP06.phx.­gbl...

| Take a look at http://www.seoconsu­ltants.com/css/menus­/tutorial/

|

| --

| Ron Symonds - Microsoft MVP (FrontPage)

| Reply only to group - emails will be deleted unread.

|

| http://www.rxs-ente­rprises.org/fp

|

|

|

|

| "sharsy" <shari@ptpartners.n­et.au> wrote in message

| news:e3817fc3-700b-­4a7e-aa57-d3a140a5c2­dd@n33g2000pri.googl­egroups.com:

|

| > Hello,

| >

| > I'm currently creating a new version of our internal office intranet

| > using Microsoft FrontPage and one of the features I would like to us

| > is a menu of sorts using Java/DHTML.

| >

| > The navigation pane/menu will be on the left-hand side of the screen

| > so it will be a vertical menu - much like the example on this page:

| > http://dhtml-menu.c­om/examples/ex2-vert­ical-dhtml-menu.html­.

| >

| > What I would like to know is:

| >

| > 1. Is it possible to create this sort of menu without purchasing an

| > add-on for FrontPage?

| > 2. If you need to purchase an add-on, does anyone have any

| > recommendations for a program?

| >

| > Thank you!

|

'

I have looked at Stefan's link to Dynamic Drive - it seamed to be the

best beginner's guide for me to use. I have opted to use the AnyLink

Vertical Menu because I was having trouble to get the drop down menus

to appear on the right of the original menu (they were displaying on

the left and I could not see them). I am still having a problem

however with changing the links on the secondary drop-down menu - I

would like the user to be able to click on them and they open up a new

document in the body frame of my FrontPage Intranet.

Here is the HTML Code I'm Using:

//Contents for menu 5

var menu5=new Array()

menu5[0]='<a href="http://www.ja­vascriptkit.com/cutp­astejava.shtml"

style="color: #000000">Administra­tive</a>'

menu5[1]='<a href="http://www.ja­vascriptkit.com/java­index.shtml"

style="color: #000000">Computers<­/a>'

menu5[2]='<a href="http://news.b­bc.co.uk" style="color: #000000">HRM</

menu5[4]='<a href="http://www.ja­vascriptkit.com/java­/" style="color:

#000000">Management­</a>'

menu5[3]='<a href="http://www.ja­vascriptkit.com/dhtm­ltutors/"

style="color: #000000">Training</­a>'

Using Javascript is not a problem, as I said in my original post the

menu is for our internal intranet - not an external webpage for the

internet. We all work off the one server which is java enabled so

that's not an issue.

...................­....................­................. I am still

having a problem

however with changing the links on the secondary drop-down menu - I

would like the user to be able to click on them and they open up a new

document in the body frame of my FrontPage Intranet.

Here is the HTML Code I'm Using:

//Contents for menu 5

var menu5=new Array()

menu5[0]='<a href="http://www.ja­vascriptkit.com/cutp­astejava.shtml"

style="color: #000000">Administra­tive</a>'

menu5[1]='<a href="http://www.ja­vascriptkit.com/java­index.shtml"

style="color: #000000">Computers<­/a>'

menu5[2]='<a href="http://news.b­bc.co.uk" style="color: #000000">HRM</

menu5[4]='<a href="http://www.ja­vascriptkit.com/java­/" style="color:

#000000">Management­</a>'

menu5[3]='<a href="http://www.ja­vascriptkit.com/dhtm­ltutors/"

style="color: #000000">Training</­a>'

Reply in-line

"sharsy" <shari@ptpartners.n­et.au> wrote in message

news:a4db98e1-3e9d-­483a-9dc6-a911c3317e­1a@a8g2000prf.google­groups.com...

Given that it is an intranet application where Javascript is enabled on the

server, there should be no problem.

(I am not sure that Java is relevant - it doesn't appear to be used at all)

However you wrote

"sharsy" <shari@ptpartners.n­et.au> wrote in message

news:09fa7537-d87d-­4002-8044-5b9e17c590­76@n33g2000pri.googl­egroups.com...

The links, as you have written them, will go directly to the page listed and

overwrite the open page.

Do you want to open the new page and leave the calling page open?

If so, try this

var menu5=new Array(

'<a href="page0.html" target="_blank" >Administrative</a>­'

, '<a href="page1.html" target="_blank" >Computers</a>'

, '<a href="page2.html" target="_blank" >HRM</a>'

, '<a href="page3.html" target="_blank" >Training</a>'

, '<a href="page4.html" target="_blank" >Management</a>' )

where page0.html , page1.html are the pages you want to open.

BTW, style="color: #000000" is unnecessary - this is the default text colour

of black

However you use the phrase "body frame" which makes me wonder - do you have

a framed site?

If you do, then you will have to code this differently

If not, you would still want to ensure that page0.html, page1.html, etc have

navigation back to the page which opens them. A simple link back could be

<input type="button" value="Home" onclick="location.h­ref='index.html'" /> ,

but you may already have a navigation scheme set up

--

Trevor Lawrence

Canberra

Web Site http://trevorl.mvps­.org

Using Javascript is not a problem, as I said in my original post the

menu is for our internal intranet - not an external webpage for the

internet. We all work off the one server which is java enabled so

that's not an issue.

Java is not an issue since Java is not used.

JavaScript may still be an issue. Enabling JavaScript on the server is

not any help, since the JavaScript runs on the clients, not on the

server - all your *users* must have JavaScript (not Java) enabled in their

browsers.

--

Ron Symonds - Microsoft MVP (FrontPage)

Reply only to group - emails will be deleted unread.

http://www.rxs-ente­rprises.org/fp

"sharsy" <shari@ptpartners.n­et.au> wrote in message

news:a4db98e1-3e9d-­483a-9dc6-a911c3317e­1a@a8g2000prf.google­groups.com:

Reply in-line

"sharsy" <sh...@ptpartners.n­et.au> wrote in message

news:a4db98e1-3e9d-­483a-9dc6-a911c3317e­1a@a8g2000prf.google­groups.com...

Given that it is an intranet application where Javascript is enabled on the

server, there should be no problem.

(I am not sure that Java is relevant - it doesn't appear to be used at all)

However you wrote"sharsy" <sh...@ptpartners.n­et.au> wrote in message

news:09fa7537-d87d-­4002-8044-5b9e17c590­76@n33g2000pri.googl­egroups.com...

The links, as you have written them, will go directly to the page listed and

overwrite the open page.

Do you want to open the new page and leave the calling page open?

If so, try this

var menu5=new Array(

'<a href="page0.html" target="_blank" >Administrative</a>­'

, '<a href="page1.html" target="_blank" >Computers</a>'

, '<a href="page2.html" target="_blank" >HRM</a>'

, '<a href="page3.html" target="_blank" >Training</a>'

, '<a href="page4.html" target="_blank" >Management</a>' )

where page0.html , page1.html are the pages you want to open.

BTW, style="color: #000000" is unnecessary - this is the default text colour

of black

However you use the phrase "body frame" which makes me wonder - do you have

a framed site?

If you do, then you will have to code this differently

If not, you would still want to ensure that page0.html, page1.html, etc have

navigation back to the page which opens them. A simple link back could be

<input type="button" value="Home" onclick="location.h­ref='index.html'" /> ,

but you may already have a navigation scheme set up

--

Trevor Lawrence

Canberra

Web Sitehttp://trevorl.­mvps.org- Hide quoted text -

- Show quoted text -

On Sep 24, 1:59pm, "Trevor Lawrence" <Trevor L.@Canberra> wrote:

Hi Trevor, yeah I'm using a frames page that has 4 parts - a top

banner, three frames underneath this - the left hand side is the

navigation menu, the middle one is the body and the right hand side is

a links menu. When an option is chosen from the left hand side

navigation menu, I would like just the middle body frame to change

only. I'm not sure how this will work though! Could you please assist

me on the coding?

Thank you!

hmmm well I've decided to change the style of my navigation to an

accordian menu so that I won't have to have a really wide pane. I

would like to know how I can get the font/highlighting of text that is

a hyperlink that opens up a new page in the "main" frame to change

colour once it is selected. This is so people can see what page

they're on by looking at the highlighted part on the navigation menu.

Accordingly, when you navigation to a different page, the old page's

link will go back to normal and the new link will be highlighted/font

will change colour. Does anyone know how to do this? Thank you!

Here is the HTML:

<style type="text/css">

.urbangreymenu{

width: 190px; /*width of menu*/

}

.urbangreymenu .headerbar{

font: bold 16px Tahoma;

color: black;

background: #A5CF63 url(arrowstop.gif) no-repeat 8px 6px; /*last 2

values are the x and y coordinates of bullet image*/

margin-bottom: 0; /*bottom spacing between header and rest of

content*/

text-transform: uppercase;

padding: 7px 0 7px 31px; /*31px is left indentation of header text*/

}

.urbangreymenu .headerbar a{

text-decoration: none;

color: black;

display: block;

}

.urbangreymenu ul{

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 0; /*bottom spacing between each UL and rest of

content*/

}

.urbangreymenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a{

font: bold 14px Tahoma;

color: white;

background: #800080;

display: block;

padding: 5px 0;

line-height: 17px;

padding-left: 8px; /*link text is indented 8px*/

text-decoration: none;

}

.urbangreymenu ul li a:visited{

color: white;

}

.urbangreymenu ul li a:hover{ /*hover state CSS*/

color: white;

background: black;

}

</style>

</li>

Activity Statements</a></li>­

</li>

</h3>

Administrative</a>­</li>

</li>

</h3>

</li>

</li>

ok I've done that now (I sourced the code of a website), so do you

know how I can get the font/highlighting of text that is

a hyperlink that opens up a new page in the "main" frame to change

colour once it is selected. This is so people can see what page

they're on by looking at the highlighted part on the navigation menu.

Accordingly, when you navigation to a different page, the old page's

link will go back to normal and the new link will be highlighted/font

will change colour. your assistance would be greatly appreciated

I'm sorry but I don't understand/what I understand you to mean isn't

working for me!!! What I did was add the id to a button like this:

Was: <li><a href="Audit/BSA/BSA­.htm">BSA</a></li>

Now: <li><a href="Audit/BSA/BSA­.htm" id="AuditBSA">BSA</­a></li>

so on the page that the button links to, I did this:

Was:

<head>

<meta http-equiv="Content­-Language" content="en-us">

<meta http-equiv="Content­-Type" content="text/html;­

charset=windows-125­2">

<title>Audit BSA</title>

<link rel="stylesheet" type="text/css" href="../../styles.­css">

</head>

Now:

<head>

<meta http-equiv="Content­-Language" content="en-us">

<meta http-equiv="Content­-Type" content="text/html;­

charset=windows-125­2">

<title>Audit BSA</title>

<link rel="stylesheet" type="text/css" href="../../styles.­css">

<style type="text/css">

a#auditBSA { background-color:#C­FF; color:green; }

</style>

</head>

but this isn't working for me - no button highlights and I'm not using

graphics. Would you like me to post my entire code again for you to

look at what I've done wrong? This is so confusing for me...