MouseOver Popup Menu ?? How do i create one in FP 1

TC123uk · Jul 7, 2003

Hi

Can anyone give me some clue what mouse over popup menu's are called in FP or how to strat creating one ???

Many Thanks

TC

Sort of like the ones top right here.

http://www.microsoft.com

I can make one in Dreamweaver which works fine in DW but i can't seem to insert it in to my FP page ???

Its all just one big mystery

JoJoH · Jul 7, 2003

Hi TC,

1) What do you mean by "Can't insert it into FP(Frontpage)?" Are you getting errors? If yes than you might have missed copying some codes from Dreamweaver... Please clarify your situation if appropriate. The function codes in Dreamweaver usually locates at the top of the page.

2)There are also alot of ready made menu codes out there for you to incorporate into your page... Just search for
"hierarchical menus" in Google...

Here is a one of the many I found:

http://javascript.internet.com/navigation/cascading-menu.html

Cheers,

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 7, 2003

Thanks for replying

This is the page im trying to use it on. If you open the page its the button to the right of the orders button.

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm#

Also when i open it in its own page it works fine its only when i put it on this page it doesn't work inside or outside the table.

TC

JoJoH · Jul 8, 2003

Hum... When I open your page in my browser, I couldn't see any of the menu buttons... But by looking at your codes, I assume you are trying to get the top menu bar(The contact us button) to be something like Microsoft's menu right?

Now, in the page you've just showed me, looks like you used Frontpage to create your menus, right?

Well, in my own experience, FrontPage could sometimes be a pain... Have you tried NOT using FrontPage and use the codes at

http://javascript.internet.com/navigation/cascading-menu.html?

It does what Microsoft's menu does, but the coding is much, much more simplier...

Try it, if you have any trouble doing so, just post the codes of your home page WITHOUT any menu codes, then we will take a look at it.

Cheers,

JoJoH

http://www.jadeboutique.com

JoJoH · Jul 8, 2003

Ok, TC, never mind what I said above, I've fixed it for you!!! Below is the new codes for your home page! Paste it in a new page, test it out and make the necessary changes such as what you want the menu items to be, where they link to etc.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Bevel Home</title>

<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0708112458_0) return;
window.mm_menu_0708112458_0 = new Menu("root",110,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0708112458_0.addMenuItem("theURL","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.addMenuItem("winName","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.hideOnMouseOut=true;
mm_menu_0708112458_0.bgColor='#555555';
mm_menu_0708112458_0.menuBorder=1;
mm_menu_0708112458_0.menuLiteBgColor='#FFFFFF';
mm_menu_0708112458_0.menuBorderBgColor='#777777';

mm_menu_0708112458_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script></head>
<body background="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Background.gif"><div

align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="749" bgcolor="#CCCCFF" height="583">
<tr>
<td width="764" bgcolor="#FFFFFF" bordercolor="#FFFFFF" height="120" colspan="5">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Title .gif"

width="762" height="120"></td>
</tr>
<tr>
<td width="150" bgcolor="#000080" bordercolor="#FFFFFF" height="21"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Testimonials">
</applet></td> <td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="20">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Offers">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="Quotation%20form.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Sales Enquiry">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="OrderForm.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Orders">
</applet></td>
<td width="152" height="21" bgcolor="#000080">
<script language="JavaScript1.2">mmLoadMenus();</script>
<p>
<a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0708112458_0,65,17,null,'image1')" onMouseOut="MM_startTimeout();"><img name="image1" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.jpg" border="0" width="150" height="17" id="image1"></a></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c1.jpg"

alt="More Pictures" width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/2.jpg"

width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c3.jpg"

width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c5.jpg"

width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8.jpg"

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<div align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/1b.jpg"

width="150" height="150"></div>
</td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/2b.jpg"

width="150" height="150"></td>
<td width="150" height="155"> <a href="Lean%20To%20Styles.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/3b.jpg"

width="150" height="150"></a></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/4b.jpg"

width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/5b.jpg"

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/1c.jpg"

width="150" height="150"></td>
<td width="150" height="150">
<p align="center">
<a href="EdwardianStyles.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C2b.jpg"

alt="More Edwardian Styles" width="150" height="150"></a></td>
<td width="150" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C3b.jpg"

width="150" height="150"></td>
<td width="150" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C5b.jpg"

width="150" height="150"></td>
<td width="152" height="150">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c9b.jpg"

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="12" align="center">
<p align="center"><font face="Arial Unicode MS">Victorian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Edwardian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Lean To</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Gable Front</font></td>
<td width="152" height="12" align="center">
<font face="Arial Unicode MS">P Shaped</font></td>
</tr>
</table>

</center>
</div>
<div align="center">
<center>
<table border="0" style="border-collapse: collapse" bordercolor="#111111" width="83%">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Latest Offers.gif"

align="middle" width="750" height="40"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="763" bgcolor="#CCCCFF" height="16">
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v4.gif"

width="150" height="138"></td>
<td width="17%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C6.jpg"

width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v3.gif"

width="150" height="138"></td>
<td width="18%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v4.gif"

width="150" height="138"></td>
<td width="30%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8.jpg"

width="150" height="150"></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/6b.jpg"

width="150" height="150"></td>
<td width="17%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/7b.jpg"

width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/8b.jpg"

width="150" height="150"></td>
<td width="18%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/9b.jpg"

width="150" height="150"></td>
<td width="30%" height="158">
<a href="Victorian.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/10b.jpg"

width="150" height="150"></a></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="68" valign="top">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C10b.jpg"

width="150" height="150"></td>
<td width="17%" height="68">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C6b.jpg"

width="150" height="150"></td>
<td width="18%" height="68">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/8c.jpg"

width="150" height="150"></td>
<td width="18%" height="82">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/9c.jpg"

width="150" height="150"></td>
<td width="30%" height="82">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8b.jpg"

width="150" height="150"></td>
</tr>
<tr>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<div align="center"><font face="Arial Unicode MS">L Shaped</font></div>
</td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">T Shaped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Double Hipped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Hipped Corner</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Combination</font></td>
</tr>
</table>

</center>
</div>

</body>

</html>

Cheers,

JoJoH

http://www.jadeboutique.com

JoJoH · Jul 8, 2003

TC, something important to keep in mind, take a look at the codes below(which is the first part of your home page code)
Take a look at the line in red:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Bevel Home</title>

<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0708112458_0) return;
window.mm_menu_0708112458_0 = new Menu("root",110,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0708112458_0.addMenuItem("theURL","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.addMenuItem("winName","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.hideOnMouseOut=true;
mm_menu_0708112458_0.bgColor='#555555';
mm_menu_0708112458_0.menuBorder=1;
mm_menu_0708112458_0.menuLiteBgColor='#FFFFFF';
mm_menu_0708112458_0.menuBorderBgColor='#777777';

mm_menu_0708112458_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script></head>

See the part where is says src="mm_menu.js" ? mm_menu.js is a file that Dreamweaver automatically save into your web when your use Dreamweaver to create pop up/hierarchical menus. Make sure you DON'T delete that file or else your page won't work. Also make sure src="mm_menu.js" actually points to mm_menu.js.

Let me know if you have any questions! [smile]

Cheers,

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 8, 2003

Still can't get it to work trouble is i'm not great with code i couldn't see what you'd changed here.

Anyway Ive published the revised version

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm

which has a link to the menu in question ( test ) on top left. This kind of works.

Also make sure src="mm_menu.js" actually points to mm_menu.js.

(How can i check this) ?

PS

Thanks for all your help on this JoJoH i'm sure once I get it ill never have the problem again. Thing is im used to working in DW This is actually my first FP site.

JoJoH · Jul 8, 2003

Hi TC,

Don't worry about coding for now, just paste the codes below to your page, the code below IS your ENTIRE completed, working home page. Tell me how it goes [smile]

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Bevel Home</title>

<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0708112458_0) return;
window.mm_menu_0708112458_0 = new Menu("root",110,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0708112458_0.addMenuItem("theURL","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.addMenuItem("winName","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Home.htm',

'_blank');&quot

;
mm_menu_0708112458_0.hideOnMouseOut=true;
mm_menu_0708112458_0.bgColor='#555555';
mm_menu_0708112458_0.menuBorder=1;
mm_menu_0708112458_0.menuLiteBgColor='#FFFFFF';
mm_menu_0708112458_0.menuBorderBgColor='#777777';

mm_menu_0708112458_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script></head>
<body background="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Background.gif"><div

align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="749" bgcolor="#CCCCFF" height="583">
<tr>
<td width="764" bgcolor="#FFFFFF" bordercolor="#FFFFFF" height="120" colspan="5">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Title .gif";

width="762" height="120"></td>
</tr>
<tr>
<td width="150" bgcolor="#000080" bordercolor="#FFFFFF" height="21"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Testimonials">
</applet></td> <td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="20">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Offers">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="Quotation%20form.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Sales Enquiry">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="OrderForm.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Orders">
</applet></td>
<td width="152" height="21" bgcolor="#000080">
<script language="JavaScript1.2">mmLoadMenus();</script>
<p>
<a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0708112458_0,65,17,null,'image1')" onMouseOut="MM_startTimeout();"><img name="image1" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.jpg" border="0" width="150" height="17" id="image1"></a></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c1.jpg";

alt="More Pictures" width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/2.jpg";

width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c3.jpg";

width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c5.jpg";

width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8.jpg";

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<div align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/1b.jpg";

width="150" height="150"></div>
</td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/2b.jpg";

width="150" height="150"></td>
<td width="150" height="155"> <a href="Lean%20To%20Styles.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/3b.jpg";

width="150" height="150"></a></td>
<td width="150" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/4b.jpg";

width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/5b.jpg";

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/1c.jpg";

width="150" height="150"></td>
<td width="150" height="150">
<p align="center">
<a href="EdwardianStyles.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C2b.jpg";

alt="More Edwardian Styles" width="150" height="150"></a></td>
<td width="150" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C3b.jpg";

width="150" height="150"></td>
<td width="150" height="150">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C5b.jpg";

width="150" height="150"></td>
<td width="152" height="150">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c9b.jpg";

width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="12" align="center">
<p align="center"><font face="Arial Unicode MS">Victorian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Edwardian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Lean To</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Gable Front</font></td>
<td width="152" height="12" align="center">
<font face="Arial Unicode MS">P Shaped</font></td>
</tr>
</table>

</center>
</div>
<div align="center">
<center>
<table border="0" style="border-collapse: collapse" bordercolor="#111111" width="83%">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Latest Offers.gif";

align="middle" width="750" height="40"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="763" bgcolor="#CCCCFF" height="16">
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v4.gif";

width="150" height="138"></td>
<td width="17%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C6.jpg";

width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v3.gif";

width="150" height="138"></td>
<td width="18%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/v4.gif";

width="150" height="138"></td>
<td width="30%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8.jpg";

width="150" height="150"></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/6b.jpg";

width="150" height="150"></td>
<td width="17%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/7b.jpg";

width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/8b.jpg";

width="150" height="150"></td>
<td width="18%" height="158">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/9b.jpg";

width="150" height="150"></td>
<td width="30%" height="158">
<a href="Victorian.htm" target="_blank">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/10b.jpg";

width="150" height="150"></a></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="68" valign="top">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C10b.jpg";

width="150" height="150"></td>
<td width="17%" height="68">
<p align="center">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/C6b.jpg";

width="150" height="150"></td>
<td width="18%" height="68">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/8c.jpg";

width="150" height="150"></td>
<td width="18%" height="82">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/9c.jpg";

width="150" height="150"></td>
<td width="30%" height="82">
<img border="0" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/c8b.jpg";

width="150" height="150"></td>
</tr>
<tr>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<div align="center"><font face="Arial Unicode MS">L Shaped</font></div>
</td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">T Shaped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Double Hipped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Hipped Corner</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Combination</font></td>
</tr>
</table>

</center>
</div>

</body>

</html>

JoJoH

http://www.jadeboutique.com

JoJoH · Jul 8, 2003

If the above codes generate errors, then MAKE SURE src="mm_menu.js" actually points to mm_menu.js.
I could verify if src="mm_menu.js" actually points to mm_menu.js for you, just tell me where your home page and mm_menu.js files is located in your file structure, then I will verify it for you.

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 9, 2003

Excellent i understand a little more code now too. It all works fine apart from i can't get the word contact us in the table cell ? Its just blank ? Ive tried a few things with out sucess.....

<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><meta name="GENERATOR" content="Microsoft FrontPage 5.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>Bevel Home</title>

<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0708112458_0) return;
window.mm_menu_0708112458_0 = new Menu("root",147,18,"",12,"#000000","#FFFFFF","#CCCCCC","#000084","left","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0708112458_0.addMenuItem("Contact Us","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Trade

& Vacancies.htm', '_blank');&quot

;
mm_menu_0708112458_0.addMenuItem("Trade Enquieies","window.open('

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Trade & Vacancies.htm',

'_blank');&quot

;
mm_menu_0708112458_0.hideOnMouseOut=true;
mm_menu_0708112458_0.bgColor='#000080';
mm_menu_0708112458_0.menuBorder=1;
mm_menu_0708112458_0.menuLiteBgColor='#000080';
mm_menu_0708112458_0.menuBorderBgColor='#000080';

mm_menu_0708112458_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script></head>
<body background="Background.gif">
<p><a href="Contact%20Us.htm">Con </a>  
<a href="Trade%20&%20Vacancies.htm"> Trade</a></p>
<div align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="749" bgcolor="#CCCCFF" height="583">
<tr>
<td width="764" bgcolor="#FFFFFF" bordercolor="#FFFFFF" height="120" colspan="5">
<img border="0" src="Title%20.gif";; width="762" height="120"></td>
</tr>
<tr>
<td width="150" bgcolor="#000080" bordercolor="#FFFFFF" height="21"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Testimonials">
</applet></td> <td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="20">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Offers">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="Quotation%20form.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="text" value="Sales Enquiry">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="url" valuetype="ref" value="OrderForm.htm">
</applet></td>
<td width="150" height="21" bgcolor="#000080"> <applet code="fphover.class" codebase="file:///C|/My%20Documents/My%20Webs/" width="100%" height="17">
<param name="color" value="#000080">
<param name="textcolor" value="#FFFFFF">
<param name="hovercolor" value="#FFFFFF">
<param name="bgcolor" value="#000080">
<param name="effect" value="reverseGlow">
<param name="font" value="Dialog">
<param name="fontstyle" value="regular">
<param name="fontsize" value="12">
<param name="text" value="Orders">
</applet></td>
<td width="152" height="21" bgcolor="#000080">
<script language="JavaScript1.2">mmLoadMenus();</script>
<p>
<a href="javascript:;" onMouseOver="MM_showMenu(window.mm_menu_0708112458_0,0,17,null,'image1')" onMouseOut="MM_startTimeout();"><img name="image1" src="

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.jpg" border="0" width="150" height="17" id="image1"></a></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<img border="0" src="c1.jpg";; alt="More Pictures" width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="2.jpg";; width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="c3.jpg";; width="150" height="150"></td>
<td width="150" height="155">
<img border="0" src="c5.jpg";; width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="c8.jpg";; width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="155">
<div align="center">
<img border="0" src="1b.jpg";; width="150" height="150"></div>
</td>
<td width="150" height="155">
<img border="0" src="2b.jpg";; width="150" height="150"></td>
<td width="150" height="155"> <a href="Lean%20To%20Styles.htm" target="_blank">
<img border="0" src="3b.jpg";; width="150" height="150"></a></td>
<td width="150" height="155">
<img border="0" src="4b.jpg";; width="150" height="150"></td>
<td width="152" height="155">
<img border="0" src="5b.jpg";; width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="150">
<img border="0" src="1c.jpg";; width="150" height="150"></td>
<td width="150" height="150">
<p align="center">
<a href="EdwardianStyles.htm" target="_blank">
<img border="0" src="C2b.jpg";; alt="More Edwardian Styles" width="150" height="150"></a></td>
<td width="150" height="150">
<img border="0" src="C3b.jpg";; width="150" height="150"></td>
<td width="150" height="150">
<img border="0" src="C5b.jpg";; width="150" height="150"></td>
<td width="152" height="150">
<p align="center">
<img border="0" src="c9b.jpg";; width="150" height="150"></td>
</tr>
<tr>
<td width="150" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="12" align="center">
<p align="center"><font face="Arial Unicode MS">Victorian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Edwardian</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Lean To</font></td>
<td width="150" height="12" align="center">
<font face="Arial Unicode MS">Gable Front</font></td>
<td width="152" height="12" align="center">
<font face="Arial Unicode MS">P Shaped</font></td>
</tr>
</table>

</center>
</div>
<div align="center">
<center>
<table border="0" style="border-collapse: collapse" bordercolor="#111111" width="83%">
<tr>
<td width="100%">
<p align="center">
<img border="0" src="Latest%20Offers.gif";; align="middle" width="750" height="40"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="1" style="border-collapse: collapse" bordercolor="#FFFFFF" width="763" bgcolor="#CCCCFF" height="16">
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="v4.gif";; width="150" height="138"></td>
<td width="17%" height="144">
<img border="0" src="C6.jpg";; width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="v3.gif";; width="150" height="138"></td>
<td width="18%" height="158">
<img border="0" src="v4.gif";; width="150" height="138"></td>
<td width="30%" height="158">
<img border="0" src="c8.jpg";; width="150" height="150"></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="144">
<img border="0" src="6b.jpg";; width="150" height="150"></td>
<td width="17%" height="144">
<img border="0" src="7b.jpg";; width="150" height="150"></td>
<td width="18%" height="144">
<img border="0" src="8b.jpg";; width="150" height="150"></td>
<td width="18%" height="158">
<img border="0" src="9b.jpg";; width="150" height="150"></td>
<td width="30%" height="158">
<a href="Victorian.htm" target="_blank">
<img border="0" src="10b.jpg";; width="150" height="150"></a></td>
</tr>
<tr>
<td width="17%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="68" valign="top">
<img border="0" src="C10b.jpg";; width="150" height="150"></td>
<td width="17%" height="68">
<p align="center">
<img border="0" src="C6b.jpg";; width="150" height="150"></td>
<td width="18%" height="68">
<img border="0" src="8c.jpg";; width="150" height="150"></td>
<td width="18%" height="82">
<img border="0" src="9c.jpg";; width="150" height="150"></td>
<td width="30%" height="82">
<img border="0" src="c8b.jpg";; width="150" height="150"></td>
</tr>
<tr>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<div align="center"><font face="Arial Unicode MS">L Shaped</font></div>
</td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">T Shaped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Double Hipped</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Hipped Corner</font></td>
<td width="20%" bgcolor="#CCCCFF" bordercolor="#FFFFFF" height="19" valign="top" align="center">
<font face="Arial Unicode MS">Combination</font></td>
</tr>
</table>

</center>
</div>

</body>

</html>

JoJoH · Jul 9, 2003

Hi TC,

The path to your "Contact Us" image file is this

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.gif

instead of this

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.jpg

Cheers,

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 9, 2003

Sorted

Thanks very much for that learned quite a lot too.

TC

JoJoH · Jul 9, 2003

You're welcome TC, glad that it worked! [smile]

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 18, 2003

Hello Again

My PC crashed to the point i had to reformat it !!! nightmare....

Anyway got it all up & running again but the Picture part of my button has dissapeared again.

Sorry Ive tried a few things but can't remember how we finally put this right.

Many THanks

Terry

JoJoH · Jul 18, 2003

Hi Terry!

Did you mean you can't get the "contact us" button to show up?

Have you tried changing the path of your "Contact Us" image file from this

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.jpg

to this?

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.gif

Hope this helps!

JoJoH

http://www.jadeboutique.com

TC123uk · Jul 19, 2003

Thanks for replying that was the first thing i tried but doesn't seemed to have worked this time ???

Any ideas ?

JoJoH · Jul 19, 2003

Hi Terry,

From looking at your code, it was because your image URL is your local image URL

file:///C:/Documents%20and%20Settings/Administrator/My%20Documents/My%20Webs3/myweb/BevelConservatories.co.uk/Contact%20Us%20Menu.jpg

Change it to this web URL:

http://www.bevelconservatories.co.uk/BevelConservatories.co.uk/Contact

Us Menu.gif

JoJoH

http://www.jadeboutique.com

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

MouseOver Popup Menu ?? How do i create one in FP 1

TC123uk

Technical User

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

JoJoH

Programmer

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

TC123uk

Technical User

JoJoH

Programmer

Similar threads

Part and Inventory Search

Sponsor