Skip navigation
Bryan Smith
Bryan Smith
Currently Being Moderated

Active state button does not work

Jul 8, 2012 5:27 PM

Hello everyone.  I hope you can help.  I am setting up buttons manually and filling each state of the button with a different graphic.  The normal, over, down states work fine, but the active state just shows the normal state.  I am using Muse v1.1, Build 960, CL 768344, AIR Runtime: 3.30.3650 on Windows 7 Professional.

 

The active state should be a dark blue button.

 

Here is the link to the test pages:

 

http://www.dqeagleriver.com/test_site.html

 

Here is the code of a page showing the active button graphics are being called.  I did check in the remore FTP to make sure the graphics for the active state were uploaded.  They are.  Thoughts, comments?  Any help would be great.

 

<!DOCTYPE html>

<html>

<head>


  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>

  <meta name="generator" content="1.1.960.120"/>

  <link rel="shortcut icon" href="images/a-master-favicon.ico?4229857609"/>

  <title>Specials</title>

  <!-- CSS -->

  <link rel="stylesheet" type="text/css" href="css/site_global.css?3949857817"/>

  <link rel="stylesheet" type="text/css" href="css/master_a-master.css?3839905457"/>

  <link rel="stylesheet" type="text/css" href="css/specials.css?86612646"/>

  <!-- Other scripts -->

  <script type="text/javascript">

   document.documentElement.className = 'js';
</script>

  <script type="text/javascript">

   var __adobewebfontsappname__ = "muse"
</script>

  <!-- JS includes -->

  <script src="http://webfonts.creativecloud.com/jura:n6:all.js" type="text/javascript"></script>

   </head>

<body>


  <div id="page"><!-- column -->

   <div class="_page f3s_top"></div>

   <div class="_page f3s_mid clearfix">

    <div class="position_content" id="page_position_content">

     <div class="clearfix colelem" id="master-header"><!-- group -->

      <div class="grpelem" id="u71"><!-- image -->

       <img id="u71_img" src="images/dq-web-banner.jpg" alt="" width="960" height="200"/>

      </div>

     </div>

     <div class="clearfix colelem" id="ppu75"><!-- column -->

      <div class="clearfix colelem" id="pu75"><!-- group -->

       <a class="nonblock nontext grpelem" id="u75" href="http://www.dqeagleriver.com/events.html"><!-- simple frame --></a>

       <a class="nonblock nontext grpelem" id="u76" href="http://www.dqeagleriver.com/specials.html"><!-- simple frame --></a>

       <a class="nonblock nontext grpelem" id="u79" href="http://www.dqeagleriver.com/test_site.html"><!-- simple frame --></a>

       <a class="nonblock nontext grpelem" id="u74" href="http://www.dqeagleriver.com/menu.html"><!-- simple frame --></a>

       <a class="nonblock nontext grpelem" id="u77" href="http://www.dqeagleriver.com/about-us.html"><!-- simple frame --></a>

       <a class="nonblock nontext grpelem" id="u78" href="http://www.dqeagleriver.com/location.html"><!-- simple frame --></a>

       <div class="clearfix grpelem" id="u73-4"><!-- content -->

        <p>100 W. Pine St., Eagle River, WI 54521   715.479.8511</p>

       </div>

      </div>

      <div class="SlideShowWidget clearfix colelem" id="slideshowu80"><!-- group -->

       <div class="popup_anchor">

        <div class="SlideShowContentPanel clearfix" id="u100"><!-- stack box -->

         <div class="SSSlide grpelem" id="u105"><!-- image -->

          <img id="u105_img" src="images/blizzard-holder.jpg" alt="" width="400" height="135"/>

         </div>

         <div class="SSSlide invi grpelem" id="u364"><!-- image -->

          <img id="u364_img" src="images/cake-holder.jpg" alt="" width="400" height="135"/>

         </div>

         <div class="SSSlide invi grpelem" id="u373"><!-- image -->

          <img id="u373_img" src="images/food-holder.jpg" alt="" width="400" height="135"/>

         </div>

         <div class="SSSlide invi grpelem" id="u382"><!-- image -->

          <img id="u382_img" src="images/treats-holder.jpg" alt="" width="400" height="135"/>

         </div>

        </div>

       </div>

      </div>

      <div class="colelem" id="u70"><!-- simple frame --></div>

     </div>

     <div class="clearfix colelem" id="pu483"><!-- group -->

      <div class="grpelem" id="u483"><!-- simple frame --></div>

      <div class="clearfix grpelem" id="pu481-14"><!-- column -->

       <div class="clearfix colelem" id="u481-14"><!-- content -->

        <h2 class="Sub-Head-Style-Style">Specials at DQ of Eagle River</h2>

        <p> </p>

        <p> </p>

        <p class="Body-Style" id="u481-6">* * * * *</p>

        <p class="Body-Style"> </p>

        <p class="Body-Style" id="u481-9">Please check back! New specials coming soon!</p>

        <p class="Body-Style"> </p>

        <p class="Body-Style" id="u481-12">* * * * *</p>

       </div>

       <div class="clearfix colelem" id="u482-9"><!-- content -->

        <p>©2012 Eagle River Dairy Queen</p>

        <p>Site created by:</p>

        <p><a class="nonblock" href="http://www.bigbrainzcreative.com" target="_blank" title="Big Brainz Creative">BigBrainz Creative</a></p>

       </div>

      </div>

      <div class="grpelem" id="u484"><!-- simple frame --></div>

     </div>

    </div>

   </div>

   <div class="_page f3s_bot"></div>

  </div>

  <div class="preload_images">

   <img class="preload" src="images/dq_events_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_events_button_down.png" alt=""/>

   <img class="preload" src="images/dq_events_button_active.png" alt=""/>

   <img class="preload" src="images/dq_specials_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_specials_button_down.png" alt=""/>

   <img class="preload" src="images/dq_specials_button_active.png" alt=""/>

   <img class="preload" src="images/dq_home_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_home_button_down.png" alt=""/>

   <img class="preload" src="images/dq_home_button_active.png" alt=""/>

   <img class="preload" src="images/dq_menu_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_menu_button_down.png" alt=""/>

   <img class="preload" src="images/dq_menu_button_active.png" alt=""/>

   <img class="preload" src="images/dq_about_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_about_button_down.png" alt=""/>

   <img class="preload" src="images/dq_about_button_active.png" alt=""/>

   <img class="preload" src="images/dq_location_button_roll.png" alt=""/>

   <img class="preload" src="images/dq_location_button_down.png" alt=""/>

   <img class="preload" src="images/dq_location_button_active.png" alt=""/>

  </div>

  <!-- JS includes -->

  <script src="http://musecdn.businesscatalyst.com/scripts/1.1/jquery-1.7.min.js" type="text/javascript"></script>

  <script type="text/javascript">

   window.jQuery || document.write('\x3Cscript src="scripts/1.1/jquery-1.7.min.js" type="text/javascript">\x3C/script>');
</script>

  <script src="scripts/1.1/sprydomutils.js?222635312" type="text/javascript"></script>

  <script src="scripts/1.1/museutils.js?4051851185" type="text/javascript"></script>

  <script src="scripts/1.1/musesprycommon.js?451615808" type="text/javascript"></script>

  <script src="scripts/1.1/musesprypanels.js?3807151473" type="text/javascript"></script>

  <script src="scripts/1.1/musespryslideshow.js?4281813978" type="text/javascript"></script>

  <script src="scripts/1.1/jquery.museoverlay.js?339018959" type="text/javascript"></script>

  <!-- Other scripts -->

  <script type="text/javascript">

   Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblemsPreInit);/* body */
Muse.Utils.addSelectorFn('a.nonblock', Muse.Utils.addHyperlinkAnchor); /* a.nonblock */
Muse.Utils.addSelectorFn('#slideshowu80', function(elem) { new Spry.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:3000,slideLinkStopsSlideShow:false,tra nsitionStyle:'horizontal',plugIns:[Spry.Widget.ContentSlideShow.slideT ransitionPlugin],lightboxEnabled_runtime:false}); });/* #slideshowu80 */
Muse.Utils.addSelectorFn('body', Muse.Utils.showWidgetsWhenReady);/* body */
Muse.Utils.addSelectorFn('body', Muse.Utils.transformMarkupToFixBrowserProblems);/* body */

</script>

   </body>

</html>

 

607 Views   3 Replies   Latest reply: adobelance, Jul 13, 2012 10:43 AM
 
Replies
  • jgrummel
    Currently Being Moderated
    1. jgrummel,
    Jul 8, 2012 11:03 PM   in reply to Bryan Smith
    Report

    So you're using different background images? Not changing the background color??

     
    |
    Mark as:
  • Bryan Smith
    Currently Being Moderated
    2. Bryan Smith,
    Jul 13, 2012 10:30 AM   in reply to jgrummel
    Report

    Hey!  I thought I had replied to this.  Ooops.  Yes, I am using a different image for each state.  The other states work great, just not the active state.

     
    |
    Mark as:
  • adobelance
    Currently Being Moderated
    3. adobelance,
    Jul 13, 2012 10:43 AM   in reply to Bryan Smith
    Report

    It looks like you've applied hyperlinks to your buttons with full URLs like "http://www.dqeagleriver.com/about-us.html". When you do this Muse can't tell that this corresponds to a page in your site, so nothing is put into the active state. Instead, choose the page from the hyperlinks control. At export time you'll end up with a link like "about-us.html" and Muse will put your button into the active state if it matches the current page.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points