logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Spry
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 07-14-2011, 02:33 PM   #1
dbepp
dbepp's Avatar
 
Join Date: Jun 2011
Location: Indiana
Posts: 93
Unhappy Spry CSS Properties - Responding on one page, not another

I have created a website where I copied a "parent" page and edited the content.. creating new html pages every time. The problem I have run in to is that only on a few pages (cta buttons) does my Spry Menubar not respond to the horizontal CSS properties.. I think there may be a conflict with some javascript involved since I have some forms included on the page as well. The only thing is, is that it works fine on the "warranty register page" (which has an included Spry accordian), but not on the other cta buttons (engineering/locate a dealer/request a brochure).
Any ideas would be much appreciated! Thanks!

www.onlytrimax.com/test_index.html
(please click on the cta buttons on the right-hand side)

Example, if this helps:
From registration page:
HTML Code:
<link href="css/pool_shapes.css" rel="stylesheet" type="text/css" />
<link href="css/why_product.css" rel="stylesheet" type="text/css" />
<link href="css/products_site.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />

<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
  <div id="header">
    <ul>
      <li><a href="contact_us.html">Contact Us</a></li>
       <li><a href="about_us.html">About Us</a></li>
      <li><a href="test_index.html">Home</a></li>
    </ul>
  <img src="images/Only_Alpha_logo_tm_white.png" alt="only alpha logo" width="220" height="70" class="header_alpha_logo" /><a href="test_index.html"><img src="images/trimax_logo.png" width="380" height="38" class="product_logo" /></a></div>
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="why_trimax.html">Why Trimax XP3</a>    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Only Alpha Products</a>
      <ul>
        <li><a href="entry_systems.html">Entry Systems</a></li>
        <li><a href="liners.html">Alpha Liners</a></li>
        <li><a href="coping.html">Aluminum Coping</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Alpha Pool Shapes</a>
      <ul>
        <li><a href="pool_shapes.html">Alpha Shapes</a>        </li>
        <li><a href="garden_gems.html">Garden Gems</a></li>
</ul>
    </li>
    <li><a href="pool_gallery.html">Pool Gallery</a></li>
    <li><a href="safety.html">Safety Information</a></li>
  </ul>
  <div id="pool_shapes_header"></div>
      <div id="pool_shapes" class="TabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0">Registration Form</li>
          <li class="TabbedPanelsTab" tabindex="0">Trimax XP3 Warranty</li>
          <li class="TabbedPanelsTab" tabindex="0">Acrylic Fiberglass Steps Warranty</li>
          <li class="TabbedPanelsTab" tabindex="0">Thermoplastic Steps Warranty</li>
</ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
          (Tabbed Content was here)
<iframe height="1114" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://www.emailmeform.com/builder/embed/zbcj66f14rcZ"><a href=
"http://www.emailmeform.com/builder/embed/zbcj66f14rcZ">Fill out form.</a></iframe>
  </p>
  </p>
</p>
          </div>
(Tabbed Panels Content was here)
        </div>
      </div>
</div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("pool_shapes");
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
From the Locate a Dealer Page:
HTML Code:
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
  <div id="header">
    <ul>
      <li><a href="contact_us.html">Contact Us</a></li>
       <li><a href="about_us.html">About Us</a></li>
      <li><a href="test_index.html">Home</a></li>
    </ul>
  <img src="images/Only_Alpha_logo_tm_white.png" alt="only alpha pool products" width="220" height="70" class="header_alpha_logo" /><a href="test_index.html"><img src="images/trimax_logo.png" width="380" height="38" class="product_logo" /></a></div>
  <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="why_trimax.html">Why Trimax XP3</a>    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Only Alpha Products</a>
      <ul>
        <li><a href="entry_systems.html">Entry Systems</a></li>
        <li><a href="liners.html">Alpha Liners</a></li>
        <li><a href="coping.html">Aluminum Coping</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">Alpha Pool Shapes</a>
      <ul>
        <li><a href="pool_shapes.html">Alpha Shapes</a>        </li>
        <li><a href="garden_gems.html">Garden Gems</a></li>
</ul>
    </li>
    <li><a href="pool_gallery.html">Pool Gallery</a></li>
    <li><a href="safety.html">Safety Information</a></li>
  </ul>
  <div id="contractor_header"></div>
  <div>
    <p style="color: #000; font-weight: bold; text-align: left;">FIND A LOCAL INDEPENDENT CONTRACTOR</p>
    <p style="text-align: left">Only Alpha Pool Products / Trivector Manufacturing Inc. stands behind every product we produce pursuant to those representations which are stated in our written warranties. Your dealer / builder / contractor is an independent business person and not an agent or employee of Only Alpha Pool Products / Trivector Manufacturing Inc. We cannot and do not accept any responsibility for any representations, statements, or contracts made my any dealer / builder / contractor.</p>
  </div>
  <div id="contractor_form">
 <iframe height="687" allowtransparency="true" frameborder="0" scrolling="no" style="width:100%;border:none" src="http://www.emailmeform.com/builder/embed/j493YdVSAfoMfd5PXU0"><a href=
"http://www.emailmeform.com/builder/embed/j493YdVSAfoMfd5PXU0">Fill out form.</a></iframe>
  </div>
</div></div>
</body>
</html>

Last edited by gentleone; 07-15-2011 at 09:13 AM.. Reason: wrapped in HTML tags
dbepp is offline   Reply With Quote
Old 07-15-2011, 09:10 AM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Perhaps you've deleted it or forgot to place it, but on your 'locate a dealer page' you don't call the MenuBar1 with javascript.

See the little javascript on you registration page just before the closing </body> tag. You need that too on your 'locate a dealer' page before the closing body tag, but then without the tabbedpanels call. This should work:
HTML Code:
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 07-15-2011, 01:03 PM   #3
dbepp
dbepp's Avatar
 
Join Date: Jun 2011
Location: Indiana
Posts: 93
Default

Quote:
Originally Posted by gentleone View Post
Perhaps you've deleted it or forgot to place it, but on your 'locate a dealer page' you don't call the MenuBar1 with javascript.

This should work:
HTML Code:
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
Works perfectly now! Thanks!
dbepp is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 11:38 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com