See the drop down menu sample at the top of the page.

PART I

Open the code to your webpage and paste the following Javascript into your page below the TITLE line in your code (you will recognize it because it starts with <title> and ends with </title>).

<script language="JavaScript"> <!-- function FP_changeProp() {//v1.0 var args=arguments,d=document,i,j,id=args[0],o=FP_getObjectByID(id),s,ao,v,x; d.$cpe=new Array(); if(o) for(i=2; i<args.length; i+=2) { v=args[i+1]; s="o"; ao=args[i].split("."); for(j=0; j<ao.length; j++) { s+="."+ao[j]; if(null==eval(s)) { s=null; break; } } x=new Object; x.o=o; x.n=new Array(); x.v=new Array(); x.n[x.n.length]=s; eval("x.v[x.v.length]="+s); d.$cpe[d.$cpe.length]=x; if(s) eval(s+"=v"); } } function FP_getObjectByID(id,o) {//v1.0 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id); else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el; if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c) for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; } f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements; for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } } return null; } // --> </script>

PART II

Now to get the drop down menu to show on your page, you will have to place the following on your page while in the normal editing view.

            Click on the page where you want the image to go.

            Go to INSERT … drag down to WEB COMPONENT

            In the dialog box … drag down to the bottom to ADVANCED CONTROLS

            Click on ADVANCED CONTROLS and on the right click on HTML

            Click the FINISH button

            You will now have an empty “HTML Markup” box.

Paste the following into the box.

<form name="AutoListBox"> <p><select name="ListBoxURL" size="1" language="javascript" onchange="gotoLink(this.form);"> <option value="http://www.irvingisd.net/foundation">Irving Schools Foundation</option> <option value="http://www.irvingisd.net/foodservices">Food Services</option> <option value="http://www.irvingisd.net/pie">Partnerships</option> <option selected>Choose an Option.</option> </select></p> <script language="JavaScript"> <!-- function gotoLink(form) { var OptionIndex=form.ListBoxURL.selectedIndex; parent.location = form.ListBoxURL.options[OptionIndex].value;} //--> </script> </form>

Click OK.

You will now see a yellow square with “<?>” written in it.       This yellow square will appear when you open the page to edit it in FrontPage, but will appear as a DROP DOWN MENU when you view the page on the web.

You can edit the OPTION VALUES in the text to change the link names and web sites.  You can simple add additional OPTION VALUES to make more links. To make edits on the link names and web addresses, simple DOUBLE CLICK on the yellow square. 

<form name="AutoListBox">
<p><select name="ListBoxURL" size="1" language="javascript" onchange="gotoLink(this.form);">
<option value="http://www.irvingisd.net/foundation">Irving Schools Foundation</option>
<option value="http://www.irvingisd.net/foodservices">Food Services</option>
<option value="http://www.irvingisd.net/pie">Partnerships</option>
<option selected>Choose an Option.</option>
</select></p>
<script language="JavaScript">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
</form>

The formatting works best if the yellow square is place in a table to keep it aligned exactly where you want it ... otherwise it seems to want to shift over to the left margin.