Hola compañero, tengo un pequeño problema con mi pagina web, cuando pasa todo el código de iWeb hacia un jsp en NetBeans, todo parece correr muy bien a excepción de los "widgets" en mi caso especifico, no logro hacer funcionar uno llamado "NavBar". Les dejo el código del jsp.
Codigo:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.4" />
<meta name="iWeb-Build" content="local-build-20120531" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=840" />
<title>Planeamos tu Boda!</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="css/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/navbar.js"></script>
<script type="text/javascript" src="Scripts/Home.js"></script> </head>
<body style="background: rgb(255, 255, 255) url(Home_files/012008_background.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 840px; " id="body_content">
<div style="background: transparent url(Home_files/01_2008_Welcome_02.png) repeat scroll top left; width: 840px; ">
<div style="margin-left: 0px; position: relative; width: 840px; z-index: 15; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 105px; margin-top: 0px; opacity: 1.00; position: relative; width: 630px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Cochin, serif;\n\tfont-size: 1.3em;\n\tcolor: #4a4a4a;\n\tmargin: 10px 0px 0px 0px;\n\tline-height: 1.6em;\n\ttext-transform: lowercase;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 20px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #4a4a4a;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #4a4a4a;\n}\n\nli a:hover\r{\r\n \tcolor: #5096ac;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\tcolor: #f0a016;\n\ttext-decoration: none;\r\r}", "current-page-GUID": "899608C6-B234-4C1C-AEA8-C4A39C896D96", "isCollectionPage": "NO", "sfr-stroke": "new IWEmptyStroke()"});
//--><!]]></script> <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="height: 66px; margin-left: 0px; position: relative; width: 840px; z-index: 5; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 373px; width: 840px; height: 373px; left: 0px; position: absolute; top: -137px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_01.png" alt="" style="border: none; height: 373px; width: 840px; " />
</div>
<div id="id1" style="height: 49px; left: 127px; position: absolute; top: 17px; width: 585px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
<div class="text-content Normal_External_585_49" style="padding: 0px; ">
<div class="Normal">
<p style="padding-bottom: 0pt; padding-top: 0pt; " class="Header">Planeamos tu Boda!</p>
</div>
</div>
</div>
</div>
<div style="margin-left: 0px; position: relative; width: 840px; z-index: 10; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 1px; line-height: 1px; " class="tinyText"></div>
<div style="margin-left: 135px; margin-top: 341px; position: relative; width: 571px; z-index: 1; " class="style_SkipStroke_2 shape-with-text flowDefining">
<div class="text-content Normal_External_571_221" style="padding: 0px; ">
<div class="Normal">
<p style="padding-top: 0pt; " class="Body">Pellentesque habitant morbi tristique senectus netus et malesuada fames ac turpis egestas. Sed commodo lobortis lacus. Pellentesque habitant morbi tristique senectus et netus etmal esuada fames ac turpis. Nulla leo nibh, mollis faucibus, accumsan sit amet, posuere ifelis. Pellentesque eros. Sed urna convallis nec, imperdiet at. Feugiat a, tortor. Etiam commo do risus id tortor ullamcorper dapibus. Fusce nec nulla. <br /></p>
<p style="padding-bottom: 0pt; " class="Body">Donec erat libero, laoreet porttitor, consectetuer vel, euismod non, augue. Proin molestie ante nec quam. Praesent sem. Suspendisse enim nulla, aliquam eget, feugiat eu, luctus felis. Proin ac pede eget lacus rutrum eleifend. Pellentesque quam arcu, ultrices, sceleri, fermen tum eu, dolor. Nulla in nunc sed enim lacinia fermentum.</p>
</div>
<div style="height: 21px; line-height: 21px; " class="tinyText"></div>
</div>
</div>
<div style="height: 271px; width: 216px; height: 262px; left: 522px; position: absolute; top: 7px; width: 206px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity">
<div style="position: relative; width: 206px; ">
<img src="Home_files/shapeimage_1.png" alt="Discho
Nullam porta magna. Aenea n ideros. Nullam mauris sem, lobortis non, tristique pelle tesque, blandit velsem. Quisq ue egestas. Pellentesque nulla habitant morbi tristique amet senectus facibus samet." style="height: 271px; left: 0px; margin-left: -6px; margin-top: -6px; position: absolute; top: 0px; width: 216px; " />
</div>
</div>
<div style="height: 43px; width: 571px; height: 43px; left: 135px; position: absolute; top: 283px; width: 571px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_1">
<div style="position: relative; width: 571px; ">
<img src="Home_files/shapeimage_2.png" alt="donec quis purus pretium" style="height: 25px; left: 0px; margin-top: 10px; position: absolute; top: 0px; width: 300px; " />
</div>
</div>
<div style="height: 258px; width: 396px; height: 258px; left: 126px; position: absolute; top: 8px; width: 396px; z-index: 1; " class="tinyText style_SkipStroke_3">
<img src="Home_files/Wedding-Couple-on-beach460x300.jpg" alt="" style="border: none; height: 259px; width: 396px; " />
</div>
<div style="height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="height: 110px; margin-left: 0px; position: relative; width: 840px; z-index: 0; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 199px; width: 840px; height: 199px; left: 0px; position: absolute; top: -182px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_03.png" alt="" style="border: none; height: 199px; width: 840px; " />
</div>
<div style="height: 114px; width: 840px; height: 114px; left: 0px; position: absolute; top: 17px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_04.png" alt="" style="border: none; height: 114px; width: 840px; " />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Codigo:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.4" />
<meta name="iWeb-Build" content="local-build-20120531" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=840" />
<title>Planeamos tu Boda!</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="css/Home.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Home_files/HomeIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print' href='Media/IE8.css'/><![endif]-->
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/WidgetCommon.js"></script>
<script type="text/javascript" src="Scripts/navbar.js"></script>
<script type="text/javascript" src="Scripts/Home.js"></script> </head>
<body style="background: rgb(255, 255, 255) url(Home_files/012008_background.jpg) repeat scroll top left; margin: 0pt; " onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word; text-align: left; width: 840px; " id="body_content">
<div style="background: transparent url(Home_files/01_2008_Welcome_02.png) repeat scroll top left; width: 840px; ">
<div style="margin-left: 0px; position: relative; width: 840px; z-index: 15; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div class="com-apple-iweb-widget-navbar flowDefining" id="widget0" style="margin-left: 105px; margin-top: 0px; opacity: 1.00; position: relative; width: 630px; z-index: 1; ">
<div id="widget0-navbar" class="navbar">
<div id="widget0-bg" class="navbar-bg">
<ul id="widget0-navbar-list" class="navbar-list">
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new NavBar('widget0', 'Scripts/Widgets/Navbar', 'Scripts/Widgets/SharedResources', '.', {"path-to-root": "", "navbar-css": ".navbar {\n\tfont-family: Cochin, serif;\n\tfont-size: 1.3em;\n\tcolor: #4a4a4a;\n\tmargin: 10px 0px 0px 0px;\n\tline-height: 1.6em;\n\ttext-transform: lowercase;\n}\n\n.navbar-bg {\n\ttext-align: center;\n}\n\n.navbar-bg ul {\n\tlist-style: none;\n\tmargin: 0px;\n\tpadding: 0px;\n}\n\n\nli {\n\tlist-style-type: none;\n\tdisplay: inline;\n\tpadding: 0px 20px 0px 10px;\n}\n\n\nli a {\n\ttext-decoration: none;\n\tcolor: #4a4a4a;\n}\n\nli a:visited {\n\ttext-decoration: none;\n\tcolor: #4a4a4a;\n}\n\nli a:hover\r{\r\n \tcolor: #5096ac;\n\ttext-decoration: none;\r}\n\n\nli.current-page a\r{\r\tcolor: #f0a016;\n\ttext-decoration: none;\r\r}", "current-page-GUID": "899608C6-B234-4C1C-AEA8-C4A39C896D96", "isCollectionPage": "NO", "sfr-stroke": "new IWEmptyStroke()"});
//--><!]]></script> <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="height: 66px; margin-left: 0px; position: relative; width: 840px; z-index: 5; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 373px; width: 840px; height: 373px; left: 0px; position: absolute; top: -137px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_01.png" alt="" style="border: none; height: 373px; width: 840px; " />
</div>
<div id="id1" style="height: 49px; left: 127px; position: absolute; top: 17px; width: 585px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
<div class="text-content Normal_External_585_49" style="padding: 0px; ">
<div class="Normal">
<p style="padding-bottom: 0pt; padding-top: 0pt; " class="Header">Planeamos tu Boda!</p>
</div>
</div>
</div>
</div>
<div style="margin-left: 0px; position: relative; width: 840px; z-index: 10; " id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 1px; line-height: 1px; " class="tinyText"></div>
<div style="margin-left: 135px; margin-top: 341px; position: relative; width: 571px; z-index: 1; " class="style_SkipStroke_2 shape-with-text flowDefining">
<div class="text-content Normal_External_571_221" style="padding: 0px; ">
<div class="Normal">
<p style="padding-top: 0pt; " class="Body">Pellentesque habitant morbi tristique senectus netus et malesuada fames ac turpis egestas. Sed commodo lobortis lacus. Pellentesque habitant morbi tristique senectus et netus etmal esuada fames ac turpis. Nulla leo nibh, mollis faucibus, accumsan sit amet, posuere ifelis. Pellentesque eros. Sed urna convallis nec, imperdiet at. Feugiat a, tortor. Etiam commo do risus id tortor ullamcorper dapibus. Fusce nec nulla. <br /></p>
<p style="padding-bottom: 0pt; " class="Body">Donec erat libero, laoreet porttitor, consectetuer vel, euismod non, augue. Proin molestie ante nec quam. Praesent sem. Suspendisse enim nulla, aliquam eget, feugiat eu, luctus felis. Proin ac pede eget lacus rutrum eleifend. Pellentesque quam arcu, ultrices, sceleri, fermen tum eu, dolor. Nulla in nunc sed enim lacinia fermentum.</p>
</div>
<div style="height: 21px; line-height: 21px; " class="tinyText"></div>
</div>
</div>
<div style="height: 271px; width: 216px; height: 262px; left: 522px; position: absolute; top: 7px; width: 206px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity">
<div style="position: relative; width: 206px; ">
<img src="Home_files/shapeimage_1.png" alt="Discho
Nullam porta magna. Aenea n ideros. Nullam mauris sem, lobortis non, tristique pelle tesque, blandit velsem. Quisq ue egestas. Pellentesque nulla habitant morbi tristique amet senectus facibus samet." style="height: 271px; left: 0px; margin-left: -6px; margin-top: -6px; position: absolute; top: 0px; width: 216px; " />
</div>
</div>
<div style="height: 43px; width: 571px; height: 43px; left: 135px; position: absolute; top: 283px; width: 571px; z-index: 1; " class="tinyText style_SkipStrokeSkipFillSkipOpacity_1">
<div style="position: relative; width: 571px; ">
<img src="Home_files/shapeimage_2.png" alt="donec quis purus pretium" style="height: 25px; left: 0px; margin-top: 10px; position: absolute; top: 0px; width: 300px; " />
</div>
</div>
<div style="height: 258px; width: 396px; height: 258px; left: 126px; position: absolute; top: 8px; width: 396px; z-index: 1; " class="tinyText style_SkipStroke_3">
<img src="Home_files/Wedding-Couple-on-beach460x300.jpg" alt="" style="border: none; height: 259px; width: 396px; " />
</div>
<div style="height: 0px; line-height: 0px; " class="spacer"></div>
</div>
<div style="height: 110px; margin-left: 0px; position: relative; width: 840px; z-index: 0; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"></div>
<div style="height: 199px; width: 840px; height: 199px; left: 0px; position: absolute; top: -182px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_03.png" alt="" style="border: none; height: 199px; width: 840px; " />
</div>
<div style="height: 114px; width: 840px; height: 114px; left: 0px; position: absolute; top: 17px; width: 840px; z-index: 1; " class="tinyText style_SkipStroke">
<img src="Home_files/01_2008_Welcome_04.png" alt="" style="border: none; height: 114px; width: 840px; " />
</div>
</div>
</div>
</div>
</div>
</body>
</html>
