Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:36

FrontPage Shared Borders


Poster: soh
Dated: Tuesday August 9 2005 - 14:47:08 BST

I have microsoft frontpage 2003 shared borders throughout my site, but do not know how to put my milonic menu into one. See http://www.ncic.org.uk or http://www.cushendunemmets.com for examples.
I have tried making the menu relative throughout the site, since I want it centred on the pages, but have to do it with each individual page, consequently very time consuming. If I can get instructions on how to incorporate into shared borders, this will save a lot of time and means I can update more effectively.
I have read around the forum and find the advice alittle difficult at times. I kind of need an easy peasy guide to doing this.
What I want is the menu in between the site title and the alphabetic links on the first site, and just below the title in the second. Both are in a shared border. Thanks in advance for anyone willing to help a bit of an idiot.


Poster: Ruth
Dated: Tuesday August 9 2005 - 17:32:16 BST

Hi,

I'm sorry but don't know anything about FrontPage or shared borders. What I could do is take the first page you posted and post the code here for how the menu should be to be placed where you wanted it, below the header text and above the alphabet links. It is placed in a table in the 'added' second row I put in the orginal table, and the menu table is centered using center tags and no width for that table. The menu will expand to it's automatic width and expand that table with it and will remain centered because its table is centered.

Code:
<!--msnavigation--><SCRIPT src="milonic_src.js"
      type=text/javascript></SCRIPT>

      <DIV class=milonic>
      <P align=center><A href="http://www.milonic.com/">JavaScript Menu, DHTML
      Menu Powered By Milonic</A></P></DIV>
      <SCRIPT type=text/javascript>
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
   </SCRIPT>
<SCRIPT src="menu_data.js"
      type=text/javascript></SCRIPT>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 >
  <TBODY>
  <TR>
    <TD>
      <center>
      <TABLE id=table5 style="BORDER-COLLAPSE: collapse" cellSpacing=1  width=754
      border=0  align="center">
        <TBODY>
        <TR>
          <TD width=129>
            <P align=center><IMG height=90
            src="top.ht1.gif" width=110
          border=0></P></TD>
          <TD width=489>
            <P align=center><B><FONT face="Cataneo BT" color=#000000 size=6><A
            title="Click Here to Go Home"
            href="http://www.ncic.org.uk/index.htm"><SPAN
            style="TEXT-DECORATION: none"><FONT color=#08216b>North Coast
            Integrated College</FONT></SPAN></A></FONT></B></P>
            <P align=center>&nbsp;</P></TD>
          <TD width=129>
            <P align=center><IMG height=85
            src="top.ht2.gif" width=103
          border=0></P></TD></TR>
        <tr><td></td><td><center><table align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
    <td>
      <SCRIPT src="main_data.js"
      type=text/javascript></SCRIPT></td>
</tr>
</table></center></td><td></td></tr>
        <TR>
          <TD width=129>
            <P align=center>
            <SCRIPT>

var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")

      </SCRIPT>
            </P></TD>
          <TD width=489>
            <P align=center><B><FONT face=Arial size=2><A
            href="http://www.ncic.org.uk/art_&amp;_design.htm">A</A> <A
            href="http://www.ncic.org.uk/Bpage.htm">B</A> <A
            href="http://www.ncic.org.uk/CPage.htm">C</A> <A
            href="http://www.ncic.org.uk/drama.htm">D</A> <A
            href="http://www.ncic.org.uk/Epage.htm">E</A> <A
            href="http://www.ncic.org.uk/Frenchpage.htm">F</A> <A
            href="http://www.ncic.org.uk/Geographypage.htm">G</A> <A
            href="http://www.ncic.org.uk/Hpage.htm">H</A> <A
            href="http://www.ncic.org.uk/IPage.htm">I</A> J K <A
            href="http://www.ncic.org.uk/Lpage.htm">L</A> <A
            href="http://www.ncic.org.uk/Mpage.htm">M</A> <A
            href="http://www.ncic.org.uk/news.htm">N</A> <A
            href="http://www.ncic.org.uk/our_mission_statement.htm">O</A> <A
            href="http://www.ncic.org.uk/Physicaleducationpage.htm">P</A> Q <A
            href="http://www.ncic.org.uk/r_e_.htm">R</A> <A
            href="http://www.ncic.org.uk/Spage.htm">S</A> <A
            href="http://www.ncic.org.uk/Technologyanddesignpage.htm">T</A> <A
            href="http://www.ncic.org.uk/upload_files_to_the_website_here.htm">U</A>
            V W X <A href="http://www.ncic.org.uk/Youngenterprise.htm">Y</A>
            Z</FONT><FONT face=Addled> </FONT></B></P></TD>
          <TD width=126>
            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
      </SCRIPT>

            <P align=center><SPAN id=tick2></SPAN>
            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:black;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
</SCRIPT>

            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
      </SCRIPT>

            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
      </SCRIPT>

            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:black;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
      </SCRIPT>
            <SPAN id=tick2></SPAN>
            <SCRIPT>
<!--

/*By JavaScript Kit
http://javascriptkit.com
Credit MUST stay intact for use
*/

function show2(){
if (!document.all&&!document.getElementById)
return
thelement=document.getElementById? document.getElementById("tick2"): document.all.tick2
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
var ctime=hours+":"+minutes+":"+seconds+" "+dn
thelement.innerHTML="<b style='font-size:14;color:blue;'>"+ctime+"</b>"
setTimeout("show2()",1000)
}
window.onload=show2
//-->
</SCRIPT>
            </P></TD></TR></TBODY></TABLE></center></TD></TR><!--msnavigation--></TBODY></TABLE>
<!--msnavigation-->


You'll note one thing. I removed the div from the original page code and substituted center tags. The menu doesn't react well in a div and can have problems in some browsers if you put it in a div. You should be able to compare what I've posted with what is there on the original page to see what was done.

I hope that helps.

Ruth

PS: did you know that Milonic has a clock module? Though I don't know if you could split the date and time into different cells. It's down toward the bottom.

some success


Poster: soh
Dated: Thursday August 11 2005 - 11:48:42 BST

Thanks for taking the time to look. I seem to have got the menu where I want it, but it isn't calling the dropdowns specified in menu_data.js
Could you have a gander at http://www.ncic.org.uk and see what you think I am doing wrong now.....


Poster: Ruth
Dated: Thursday August 11 2005 - 14:31:29 BST

You cannot put the menu in a table the way you have it. That's why it won't work.

Open your menu data file and cut out the main menu from it and save the menu data file again. Copy the following code and save it as main_data.js
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("showmenu=Home;text=Home;url=http://www.ncic.org.uk");
aI("showmenu=Subjects;text=Subjects;");
aI("showmenu=Policies;text=Policies;");
aI("showmenu=Staff Upload;text=Upload;");
aI("showmenu=Contact;text=Contact;");
aI("showmenu=Extra-Curricular;text=Extra-Curricular;");
aI("showmenu=Formals;text=Formals;");

}
drawMenus();


You now have two data files, menu_data.js in which are all the submenus and main_data.js in which the main menu resides using the correct positioning for putting it in a table.

Then on your page, put the call for the menu files right after the body tag
Code:
<BODY><!--msnavigation--> <SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>

      <DIV class=milonic><A href="http://www.milonic.com/">JavaScript Menu,
      DHTML Menu Powered By Milonic</A></DIV>
      <SCRIPT type=text/javascript>
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
   </SCRIPT>

      <SCRIPT src="menu_data.js" type=text/javascript></SCRIPT>


Finally, in the table cell where you now have all the calls for the menu put this
Code:
<center><table cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
    <td><SCRIPT src="main_data.js" type=text/javascript></SCRIPT></td>
</tr>
</table></center>
That creates a table with no width, it will expand to the width of the menu at whatever the page resolution and that table is centered so it will always be centered on the page no matter what the resolution because it will shift as the resolution changes to be centered.

It is because you are calling the menu as you are that the submenus are not working. For more information on putting the menu in a table, which makes it relative to the other content see the link below my name for that.

Ruth

Shared Borders


Poster: soh
Dated: Wednesday August 17 2005 - 1:45:18 BST

Ruth, thanks again for all your efforts. I really appreciate all your help. As an English and Media Studies teacher I was impressed by your own poetry and graphics and......website - you have clearly grasped all you need to about milonic. I, however, have not. I understand the procedure, I think, for putting menus into tables. Front Page keeps its shared borders in a separate folder called "borders" and I think this is where my problem lies. I do not know where to put all the js files. What about the menu itself - ie the src and so on? What goes where? Yours in almost exhausted anticipation.


Poster: Ruth
Dated: Saturday August 20 2005 - 13:01:51 BST

Hi,

I've been away for awhile. As noted in the table directions, you need to call the menu files right after the body tag. I don't use FrontPage so I don't really know about what it's doing.

Isn't there a way to hand code the calls for the menu right after the body tag? I mean maybe you can create a folder on your site for the menu files, upload the files to it, and then you could put that in as the url for the calls.

Let's say you do a folder called milmenu at the root level, then you'd put the calls for the menu files on whatever the 'shared' border thing is for the section that includes the body tag as
Code:
<body><script type="text/javascript" src="http://www.mysite.com/milmenu/milonic_src.js"></script>   

<script   type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=http://www.mysite.com/milmenu/mmenuns4.js><\/scr"+"ipt>");      
  else _d.write("<scr"+"ipt type=text/javascript src=http://www.mysite.com/milmenu/mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="http://www.mysite.com/milmenu/menu_data.js"></script>


And, you'd put the main menu into the 'shared' border that has the correct table where you want the menu.

The only other thing I can suggest is that you try one of the FrontPage forums. Since the people there actually use the program they probably know how to do what it is needs to be done. I think what you need is a folder for the menu files and a way to get the calls for those files right after the body tag, and also the ability to put the main menu into a table.

Sorry I can't be more help, but I don't know what the program is doing with whatever information you give it.

Ruth