Ativo na barra de menu template .Js questões Fóruns : Ativo na barra de menu template .Js questões
Ativo na barra de menu template .Js questões Kristen Dormaier - 07-01-2009
Criei uma barra de menu horizontal ágil com submenus e funciona perfeitamente na página em que eu criei. Eu adicionei o mesmo código, E ligados a CSS e .Js para o meu modelo para o site, Mas é como o actling .Js não é anexada, Mesmo no modo Live View. O css está ligada corretamente - ela tem o direito aparência, Mas não submenus aparecem em capotamento. Quaisquer recomendações?
Para visualizar a versão beta do site da página que não trabalha (essa página não usar o modelo): http://www.Gilbertassociates.com / new09/gahome1.html .
Para visualizar uma página com utilizando o modelo: http://www.Gilbertassociates.com / new09/products.html
O código para o modelo:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen"
href="../CSSFiles/ie.css" />
<![endif]-->
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<style type="text/css">
<!--
-->
</style>
<script type="text/javascript" src="../../SpryAssets/SpryMenuBar.js"></script>
<link href="../../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<!-- TemplateParam name="scndrynav" type="boolean" value="true" -->
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<table width="907" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="245" rowspan="2"><div class="galogo"><a href="gahome1.html"><img src="images/new/galogo.png" alt="Gilbert & Associates" width="199" height="86" border="0" /></a></div></td>
<td height="40" colspan="2"><div class="quicklinks">
<ul>
<li><a href="support.html">Support Links</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div></td>
</tr>
<tr>
<td height="37" colspan="2"><!-- TemplateBeginEditable name="header" -->
<div class="keywords">
<h1>Content for class "keywords" Goes Here</h1>
</div>
<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td width="245"> </td>
<td width="59" height="40"> </td>
<td width="603">
<div class="links">
<ul id="Navigation" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="products.html">Products</a>
<ul>
<li><a href="nav.html">Microsoft Dynamics NAV</a></li>
<li><a href="SagePro.html">Sage Pro ERP</a></li>
<li><a href="sagecrm.html">Sage CRM</a></li>
<li><a href="addon.html">Add-On Products</a></li>
</ul>
</li>
<li><a href="solutions.html" class="MenuBarItemSubmenu">Solutions</a>
<ul>
<li><a href="wholesaledistribution.html">Wholesale Distribution</a></li>
<li><a href="manufacturing.html">Manufacturing</a></li>
<li><a href="financialmanagement.html">Financial Management</a></li>
<li><a href="crm.html">Customer Relationship Management</a></li>
</ul>
</li>
<li><a href="resources.html" class="MenuBarItemSubmenu">Resources</a>
<ul>
<li><a href="doc.html">Document Library</a></li>
<li><a href="news.html">Newsletter</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="#">Blog</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html" class="MenuBarItemSubmenu">About Us</a>
<ul>
<li><a href="TheTeam.html">Who We Are</a></li>
<li><a href="teambios.html">Our Team</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</li>
</ul>
</div>
</td>
</tr>
</table>
<!-- end #header -->
</div>
<div id="sidebar1">
<table width="200" border="0" align="center" cellpadding="0" cellspacing="2" id="logoholder">
<tr>
<td colspan="2"><div id="tagline"></div></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td><div id="sagelogo"></div></td>
<td><div id="msftlogo"></div></td>
</tr>
<tr>
<td height="18" colspan="2"> </td>
</tr>
</table>
<div class="scndrynav"></div>
<!-- TemplateBeginEditable name="CustomerQuote" -->
<div class="quote" id="quote">
<h4>"Content for class "quote" Goes Here, centered"</h4>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- TemplateEndEditable -->
<p> </p>
<!-- TemplateBeginEditable name="Sidebar" -->
<h3> </h3>
<h3>Sidebar1 Content</h3>
<p>text</p>
<!-- TemplateEndEditable -->
<!-- end #sidebar1 --></div>
<!-- TemplateBeginEditable name="MainContent" -->
<div id="mainContent">
<h1> </h1>
<p> </p>
<!-- end #mainContent -->
</div>
<!-- TemplateEndEditable -->
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>Seattle, WA | p:206.284.4348 | <a href="mailto:kristen@gilbertassociates.com">Email Us</a><br />
<a href="privacy.html">Privacy Statement</a> | <a href="sitemap.html">Site Map </a><br />
©2009 Gilbert & Associates, All Rights Reserved.</p>
<!-- TemplateBeginEditable name="footerkeywords" -->
<p>We are business process software experts specializing in Microsoft Dynamics NAV, Sage Pro ERP, and Sage CRM for small to mid-sized wholesale distribution and manufacturing companies in Washington and Alaska. </p>
<!-- TemplateEndEditable -->
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Kristen
Re: Ativo na barra de menu template .Js questões Richard Williams - 07-02-2009
Yeh, Esta é uma das questões com utilizando um modelo e um ativo.
Quando você criar um ativo, Põe no script para incluir os ficheiros que precisa, E põe na lista objetos, E, em seguida, ela também coloca em código na parte inferior que são as variáveis para os seus scripts. Esta parte se perde quando você usa modelo inserção.
é necessário incluir este na parte inferior da página para o seu modelo é exemplar para todas as páginas. (ver código de sua página que funciona)
<script type="text/javascript">
<!--
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", { contentIsOpen: false });
var CollapsiblePanel2 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel2", { contentIsOpen: false });
var CollapsiblePanel3 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel3", { contentIsOpen: false });
var CollapsiblePanel4 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel4", { contentIsOpen: false });
var CollapsiblePanel5 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel5", { contentIsOpen: false });
var MenuBar1 = new Spry.Widget.MenuBar("Navigation", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
Richard Williams
Re: Ativo na barra de menu template .Js questões Kristen Dormaier - 07-07-2009
Que trabalhou! Obrigado pela vossa ajuda!
Kristen