jojobuabin
Programmer
Hi colleague programmer,
I would be glad if you could help me convert the HTML code below to Struts.
Its a page with an image. This image has hotspots which on some text on the image.
When the mouse is placed on the text, a menu drops.
It works perfectly in html. I wanna convert the page using struts. Please help
Thank you
***********************************************************
<html>
<head>
<title>NewHeader.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!-- hide
function mmLoadMenus() {
if (window.mm_menu_0117101310_0) return;
window.mm_menu_0117101310_0 = new Menu("root",142,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_0.addMenuItem("Project");
mm_menu_0117101310_0.addMenuItem("Application");
mm_menu_0117101310_0.addMenuItem("Audit");
mm_menu_0117101310_0.addMenuItem("SLA");
mm_menu_0117101310_0.addMenuItem("Systems");
mm_menu_0117101310_0.addMenuItem("People/Infrastructure");
mm_menu_0117101310_0.fontWeight="bold";
mm_menu_0117101310_0.hideOnMouseOut=true;
mm_menu_0117101310_0.menuBorder=2;
mm_menu_0117101310_0.menuLiteBgColor='#ffffff';
mm_menu_0117101310_0.menuBorderBgColor='#555555';
mm_menu_0117101310_0.bgColor='#555555';
window.mm_menu_0117101310_1 = new Menu("root",204,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_1.addMenuItem("Expense Management");
mm_menu_0117101310_1.addMenuItem("Scorecard");
mm_menu_0117101310_1.addMenuItem("IBM Monthly Performance Report");
mm_menu_0117101310_1.fontWeight="bold";
mm_menu_0117101310_1.hideOnMouseOut=true;
mm_menu_0117101310_1.menuBorder=2;
mm_menu_0117101310_1.menuLiteBgColor='#ffffff';
mm_menu_0117101310_1.menuBorderBgColor='#555555';
mm_menu_0117101310_1.bgColor='#555555';
window.mm_menu_0117101310_2 = new Menu("root",134,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_2.addMenuItem("Projects by Business");
mm_menu_0117101310_2.addMenuItem("Projects by Portfolio");
mm_menu_0117101310_2.fontWeight="bold";
mm_menu_0117101310_2.hideOnMouseOut=true;
mm_menu_0117101310_2.menuBorder=2;
mm_menu_0117101310_2.menuLiteBgColor='#ffffff';
mm_menu_0117101310_2.menuBorderBgColor='#555555';
mm_menu_0117101310_2.bgColor='#555555';
window.mm_menu_0117101310_3 = new Menu("root",48,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_3.addMenuItem("Alerts");
mm_menu_0117101310_3.fontWeight="bold";
mm_menu_0117101310_3.hideOnMouseOut=true;
mm_menu_0117101310_3.menuBorder=2;
mm_menu_0117101310_3.menuLiteBgColor='#ffffff';
mm_menu_0117101310_3.menuBorderBgColor='#555555';
mm_menu_0117101310_3.bgColor='#555555';
window.mm_menu_0117101310_4 = new Menu("root",213,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0117101310_4.addMenuItem("Organization by Customer","window.open('../jsp/ITOrganisationScoreCard.jsp', '_self');");
mm_menu_0117101310_4.addMenuItem("Measurement Area by Organization","window.open('../jsp/ITGroupScorecard.jsp', '_self');");
mm_menu_0117101310_4.addMenuItem("Measurement Area by Customer","window.open('../jsp/CustomerScoredCard.jsp', '_self');");
mm_menu_0117101310_4.fontWeight="bold";
mm_menu_0117101310_4.hideOnMouseOut=true;
mm_menu_0117101310_4.menuBorder=2;
mm_menu_0117101310_4.menuLiteBgColor='#ffffff';
mm_menu_0117101310_4.menuBorderBgColor='#555555';
mm_menu_0117101310_4.bgColor='#555555';
mm_menu_0117101310_4.writeMenus();
} // mmLoadMenus()
// stop hiding -->
</script>
<script language="JavaScript1.2" src="mm_menu2.js"></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<body bgcolor="#ffffff">
<script language="JavaScript1.2">mmLoadMenus();</script>
<!-- fwtable fwsrc="NewHeaderFuture.png" fwbase="NewHeader.gif" fwstyle="Generic" fwdocid = "742308039" fwnested="0" -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#948A73"><img name="NewHeader" src="images2/NewHeader2.gif" width="785" height="53" border="0" usemap="#m_NewHeader" alt=""></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<map name="m_NewHeader">
<area shape="poly" coords="664,26,775,26,775,54,664,54,664,26" href="#" title="" alt="" >
<area shape="poly" coords="571,26,661,26,661,54,571,54,571,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_0,571,54,null,'NewHeader');" >
<area shape="poly" coords="521,26,566,26,566,53,521,53,521,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_1,521,53,null,'NewHeader');" >
<area shape="poly" coords="454,28,517,28,517,52,454,52,454,28" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_2,454,52,null,'NewHeader');" >
<area shape="poly" coords="382,26,447,26,447,54,382,54,382,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_3,382,54,null,'NewHeader');" >
<area shape="poly" coords="303,26,375,26,375,54,303,54,303,26" href="#" title="" alt="" >
<area shape="poly" coords="230,26,300,26,300,53,230,53,230,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_4,229,53,null,'NewHeader');" >
<area shape="poly" coords="179,27,224,27,224,53,179,53,179,27" href="ITGroupScorecard.jsp" target="_self" title="" alt="" >
</map>
</body>
</html>
***********************************************************
I would be glad if you could help me convert the HTML code below to Struts.
Its a page with an image. This image has hotspots which on some text on the image.
When the mouse is placed on the text, a menu drops.
It works perfectly in html. I wanna convert the page using struts. Please help
Thank you
***********************************************************
<html>
<head>
<title>NewHeader.gif</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!-- hide
function mmLoadMenus() {
if (window.mm_menu_0117101310_0) return;
window.mm_menu_0117101310_0 = new Menu("root",142,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_0.addMenuItem("Project");
mm_menu_0117101310_0.addMenuItem("Application");
mm_menu_0117101310_0.addMenuItem("Audit");
mm_menu_0117101310_0.addMenuItem("SLA");
mm_menu_0117101310_0.addMenuItem("Systems");
mm_menu_0117101310_0.addMenuItem("People/Infrastructure");
mm_menu_0117101310_0.fontWeight="bold";
mm_menu_0117101310_0.hideOnMouseOut=true;
mm_menu_0117101310_0.menuBorder=2;
mm_menu_0117101310_0.menuLiteBgColor='#ffffff';
mm_menu_0117101310_0.menuBorderBgColor='#555555';
mm_menu_0117101310_0.bgColor='#555555';
window.mm_menu_0117101310_1 = new Menu("root",204,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_1.addMenuItem("Expense Management");
mm_menu_0117101310_1.addMenuItem("Scorecard");
mm_menu_0117101310_1.addMenuItem("IBM Monthly Performance Report");
mm_menu_0117101310_1.fontWeight="bold";
mm_menu_0117101310_1.hideOnMouseOut=true;
mm_menu_0117101310_1.menuBorder=2;
mm_menu_0117101310_1.menuLiteBgColor='#ffffff';
mm_menu_0117101310_1.menuBorderBgColor='#555555';
mm_menu_0117101310_1.bgColor='#555555';
window.mm_menu_0117101310_2 = new Menu("root",134,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_2.addMenuItem("Projects by Business");
mm_menu_0117101310_2.addMenuItem("Projects by Portfolio");
mm_menu_0117101310_2.fontWeight="bold";
mm_menu_0117101310_2.hideOnMouseOut=true;
mm_menu_0117101310_2.menuBorder=2;
mm_menu_0117101310_2.menuLiteBgColor='#ffffff';
mm_menu_0117101310_2.menuBorderBgColor='#555555';
mm_menu_0117101310_2.bgColor='#555555';
window.mm_menu_0117101310_3 = new Menu("root",48,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,2,true,true);
mm_menu_0117101310_3.addMenuItem("Alerts");
mm_menu_0117101310_3.fontWeight="bold";
mm_menu_0117101310_3.hideOnMouseOut=true;
mm_menu_0117101310_3.menuBorder=2;
mm_menu_0117101310_3.menuLiteBgColor='#ffffff';
mm_menu_0117101310_3.menuBorderBgColor='#555555';
mm_menu_0117101310_3.bgColor='#555555';
window.mm_menu_0117101310_4 = new Menu("root",213,18,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#ffffff","#990000","left","middle",4,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0117101310_4.addMenuItem("Organization by Customer","window.open('../jsp/ITOrganisationScoreCard.jsp', '_self');");
mm_menu_0117101310_4.addMenuItem("Measurement Area by Organization","window.open('../jsp/ITGroupScorecard.jsp', '_self');");
mm_menu_0117101310_4.addMenuItem("Measurement Area by Customer","window.open('../jsp/CustomerScoredCard.jsp', '_self');");
mm_menu_0117101310_4.fontWeight="bold";
mm_menu_0117101310_4.hideOnMouseOut=true;
mm_menu_0117101310_4.menuBorder=2;
mm_menu_0117101310_4.menuLiteBgColor='#ffffff';
mm_menu_0117101310_4.menuBorderBgColor='#555555';
mm_menu_0117101310_4.bgColor='#555555';
mm_menu_0117101310_4.writeMenus();
} // mmLoadMenus()
// stop hiding -->
</script>
<script language="JavaScript1.2" src="mm_menu2.js"></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<body bgcolor="#ffffff">
<script language="JavaScript1.2">mmLoadMenus();</script>
<!-- fwtable fwsrc="NewHeaderFuture.png" fwbase="NewHeader.gif" fwstyle="Generic" fwdocid = "742308039" fwnested="0" -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#948A73"><img name="NewHeader" src="images2/NewHeader2.gif" width="785" height="53" border="0" usemap="#m_NewHeader" alt=""></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<map name="m_NewHeader">
<area shape="poly" coords="664,26,775,26,775,54,664,54,664,26" href="#" title="" alt="" >
<area shape="poly" coords="571,26,661,26,661,54,571,54,571,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_0,571,54,null,'NewHeader');" >
<area shape="poly" coords="521,26,566,26,566,53,521,53,521,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_1,521,53,null,'NewHeader');" >
<area shape="poly" coords="454,28,517,28,517,52,454,52,454,28" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_2,454,52,null,'NewHeader');" >
<area shape="poly" coords="382,26,447,26,447,54,382,54,382,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_3,382,54,null,'NewHeader');" >
<area shape="poly" coords="303,26,375,26,375,54,303,54,303,26" href="#" title="" alt="" >
<area shape="poly" coords="230,26,300,26,300,53,230,53,230,26" href="#" title="" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0117101310_4,229,53,null,'NewHeader');" >
<area shape="poly" coords="179,27,224,27,224,53,179,53,179,27" href="ITGroupScorecard.jsp" target="_self" title="" alt="" >
</map>
</body>
</html>
***********************************************************