Accordian Spry Widget

Hi,
I have a page here:
CLICK HERE
That uses the Accordian Widget. My question is how can I
change the default open panel? I want the bottom panel open when
the page loads, with the 2 top panels closed.
Any help would be most appreciated.

I found the answer on the Lab forums:
Put this :
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Accordion1", {
defaultPanel: 2 });
</script>
Instead of this:
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>
near the bottom of your page

Similar Messages

  • Master Detail in an Accordian - Spry

    I am trying to use multiple datasets (1 to populate each
    accordian tab) and those data to be used to populate 1 detail
    region. The accordian tabs work, but the detail region does not
    seem to pull the data and populate correctly.
    Below is the code, any help is glady appreciated. I am really
    new to spry and am a bit confused here.
    Thanks,
    txnskr
    <script type="text/javascript"
    src="includes/xpath.js"></script>
    <script type="text/javascript"
    src="includes/SpryData.js"></script>
    <script type="text/javascript">
    var dsGallery = new Spry.Data.XMLDataSet("photos.xml",
    "gallery/photos/photo");
    </script>
    <script type="text/javascript">
    var dsGallery1 = new Spry.Data.XMLDataSet("photos1.xml",
    "gallery/photos/photo");
    </script>
    <script type="text/javascript">
    var dsGallery2 = new Spry.Data.XMLDataSet("photos2.xml",
    "gallery/photos/photo");
    </script>
    <script src="../SpryAssets/SpryAccordion.js"
    type="text/javascript"></script>
    <link href="../SpryAssets/SpryAccordion.css"
    rel="stylesheet" type="text/css" />
    <link href="../global.css" rel="stylesheet"
    type="text/css" />
    </head>
    <body>
    <div id="apDiv1">
    <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Co-Chairs</div>
    <div class="AccordionPanelContent"> WWCC Thumb Pics
    <div spry:region="dsGallery" spry:repeat="dsGallery"
    spry:setrow="dsGallery"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table>
    </div>
    </div></div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Committee A</div>
    <div class="AccordionPanelContent">Committee A
    Thumbs<div spry:region="dsGallery1" spry:repeat="dsGallery1"
    spry:setrow="dsGallery1"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery1.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table></div></div></div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Committee B</div>
    <div class="AccordionPanelContent">Committee B Thumbs
    <div spry:region="dsGallery2" spry:repeat="dsGallery2"
    spry:setrow="dsGallery2"><table border="0">
    <tr >
    <td >
    <img src="../Images/Pictures/Thumbs/{@thumbpath}"
    class="thumbs"
    onclick="dsGallery2.setCurrentRow('{ds_RowID}');"/>
    </td>
    <td>{@desc}</td>
    </tr>
    </table></div>
    </div>
    </div>
    </div>
    <div id="apDiv2"><div spry:detailregion="dsGallery
    dsGallery1 dsGallery2">
    <img src="../Images/Pictures/{@path}"
    ><br/>{@desc}
    </div></div></div>
    </div>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
    </body>
    </html>

    Hi,
    I couple of things.
    When you say:
    <div spry:detailregion="dsGallery dsGallery1
    dsGallery2"> <img src="../Images/Pictures/{@path}"
    ><br/>
    {@desc} </div>
    </div>
    {@desc} refers to only the first data set listed in the
    detail region; in your case, 'dsGallery'.
    If you want the detail region to refer to other data sets,
    you have to write it like '{dsGallery2::@desc}'
    But you want that detail region {@desc} to refer to any of
    the data sets that you clicked on.
    To do that, we have a Shell Data Set. Rather than explaining,
    the sample shows you how it works:
    http://labs.adobe.com/technologies/spry/samples/data_region/DataSetShell_accordion.html
    Let us know if you have more questions:
    Don

  • Iframes and spry widget issue

    PLEASE HELP!
    I am building a website for my company using Dreamweaver for the very first time. I have a spry accordian menu on my page (that probably has nothing to do with my issue).
    Next I added an iframe in the page to hold a vertical spry menu (since it will appear in other pages and I only want to edit it once. The menu was working fine until I did this.
    Now that I embedded it in the iframe it is opening behind other things on the page. What can I do? Code is below:
    <!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"><!-- InstanceBegin template="/Templates/Template_ABA_2011.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Arkansas Bankers Association</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    </style>
    <link href="Dec28.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    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];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    //-->
    </script>
    <style type="text/css">
    <!--
    .style8 {
    color: #CDDAE0;
    font-weight: bold;
    -->
    </style>
    <!-- InstanceBeginEditable name="head" -->
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <!-- InstanceEndEditable -->
    </head>
    <body onload="MM_preloadImages('Images/HeaderHover_Files/images/aboutus_hover.png','Images/Head erHover_Files/images/education_hover.png','Images/HeaderHover_Files/images/banking_hover.p ng','Images/HeaderHover_Files/images/government_hover.png','Images/HeaderHover_Files/image s/products_hover.png','Images/HeaderHover_Files/images/partnership_hover.png','Images/Head erHover_Files/images/fraudcenter_hover.png','Images/HeaderHover_Files/images/consumer_hove r.png','Images/HeaderHover_Files/images/home_hover.png','Images/HeaderHover_Files/images/c ontactus_hover.png','Images/HeaderHover_Files/images/sitemap_hover.png','Images/Header_htm landimages/images/home_hover.png','Images/Header_htmlandimages/images/contactus_hover.png' ,'Images/Header_htmlandimages/images/sitemap_hover.png')">
    <div id="wrapper">
    <div id="header">   
        <div align="center" "top">
         <!-- ImageReady Slices (header_seachinfrontofimage.psd) -->
    <table id="Table_01" width="980" height="81" border="0" cellpadding="0" cellspacing="0" bgcolor="#2B4E74" >
      <tr>
      <td rowspan="2">
       <img src="Images/header_and_search/images/logo.png" alt="" width="597" height="81" border="0"></td>
    <td>
       <img src="Images/header_and_search/images/home.png" alt="" width="250" height="33" border="0"></td>
      <td>
       <img src="Images/header_and_search/images/contact-us.png" alt="" width="65" height="33" border="0"></td>
      <td>
       <img src="Images/header_and_search/images/site-up'.png" alt="" width="68" height="33" border="0"></td>
    </tr>
    <tr>
      <td colspan="3" valign="middle" background="Images/header_and_search/images/search-box.png" border="0"><form name="form1" method="post" action="">
        <label>                           
              <input name="search" type="text" id="search" value="Search by Keyword(s)" size="35">
        </label>
        <label></label>
                  <label>
                  <input name="submit2" type="image" id="submit2" src="Images/header_and_search/images/arrow.png" border="0" align="bottom">
              </label>
         </form>  </td>
      </tr>
    </table>
    <!-- End ImageReady Slices -->
        <a href="www.arkbankers.org/aboutus.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image21','','Images/HeaderHover_Files/images/aboutus_hover.png ',1)"><img src="Images/HeaderFiles/images/aboutus.png" name="Image21" width="76" height="37" border="0" id="Image21" /></a><a href="education_training.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image22','','Images/HeaderHover_Files/images/education_hover.p ng',1)"><img src="Images/HeaderFiles/images/education.png" name="Image22" width="133" height="37" border="0" id="Image22" /></a><a href="www.arkbankers.org/banking_news.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image23','','Images/HeaderHover_Files/images/banking_hover.png ',1)"><img src="Images/HeaderFiles/images/banking.png" name="Image23" width="99" height="37" border="0" id="Image23" /></a><a href="www.arkbankers.org/government_relations.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image24','','Images/HeaderHover_Files/images/government_hover. png',1)"><img src="Images/HeaderFiles/images/government.png" name="Image24" width="141" height="37" border="0" id="Image24" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image25','','Images/HeaderHover_Files/images/products_hover.pn g',1)"><img src="Images/HeaderFiles/images/products.png" name="Image25" width="130" height="37" border="0" id="Image25" /></a><a href="www.arkbankers.org/partnership_opportunities.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image26','','Images/HeaderHover_Files/images/partnership_hover .png',1)"><img src="Images/HeaderFiles/images/partnership.png" name="Image26" width="158" height="37" border="0" id="Image26" /></a><a href="www.arkbankers.org/fraud_center.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','Images/HeaderHover_Files/images/fraudcenter_hover .png',1)"><img src="Images/HeaderFiles/images/fraudcenter.png" name="Image27" width="94" height="37" border="0" id="Image27" /></a><a href="www.arkbankers.org/consumer_connection.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','Images/HeaderHover_Files/images/consumer_hover.pn g',1)"><img src="Images/HeaderFiles/images/consumer.png" name="Image28" width="149" height="37" border="0" id="Image28" /></a></div>
      </div>
    </div>
    <div id="body">
      <!--sidebar close -->
      <table width="860" height="auto" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
       <td width="3" rowspan="3" valign="top">       </td>
    <td height="53" colspan="4" valign="top"><!-- InstanceBeginEditable name="Department_Heading" -->
      <div align="center"><img src="Images/education_images/education_top.png" alt="Education and Training" width="805" height="150" /></div>
    <!-- InstanceEndEditable --></td>
      <td width="29" rowspan="2" valign="top"><table width="20" border="0" cellspacing="5" cellpadding="2">
      <tr>
        <td> </td>
      </tr>
    </table>
    <br />
    </td>
      <td width="144" rowspan="2" valign="top"><img src="Images/Ads/ababannerad.jpg" width="140" height="325" /><br />
        <br />
        <img src="Images/Ads/Link_LiveEvents2010_CoverPic.jpg" width="144" height="186" /><br />
        <br />
        <img src="Images/Ads/SponsorshipBrochure2010_Link.gif" width="144" height="140" /></td>
    </tr>
    <tr>
      <td colspan="4" valign="top" background="Images/bg_department_details.png"><table width="771" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
                  <td width="135" valign="top">
                  <!--begins table that holds the spry accordian -->
                <!--table that holds education items 1 and 2 is inside the table that holds the spry accordian menu. -->
                <!-- InstanceBeginEditable name="Department_SubMenu_Ads" -->
                <iframe src="EducationMenu.html" width="145" height="auto" frameborder="0" scrolling="no"> </iframe>
                <br />
                <br />
                <!-- InstanceEndEditable -->              <br /></td>
                <td width="616" valign="top"><div align="left">
                  <!-- InstanceBeginEditable name="Department_Details" -->
                  <div id="Accordion1" class="Accordion" tabindex="0">
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">ABA LIVE EVENTS</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/Live.png" width="150" height="110" align="left" /><br />
                        The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in a variety of formats to make   training as convenient, timely and cost effective as possible.<br />
                        <a href="educ_liveevents.html">View All Live Events</a> <a href="educ_liveevents.html"><img src="Images/more_arrow.png" width="12" height="12" border="0" /></a><br />
                        <br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">ABA WEBINAR LIBRARY</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinar_Library.png" width="150" height="124" align="left" /><br />
                        The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in<br />
                        a variety of formats to make   training as convenient, timely and cost effective as possible. We   encourage you to explore all the training options available to you.<br />
                        <a href="Jan5_2.html">View Webinar Library <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /><br />
                          </a><br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">COMPUTER BASED IN-HOUSE</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/ComputerBasedInHouse.png" width="150" height="110" align="left" /><br />
                        The Arkansas Bankers Association is your organization, dedicated to   serving the needs of Arkansas bankers. If you are an employee of an   ABA-member financial institution, then you are an ABA member.    Our educational offerings are available in a variety of formats to make   training as convenient, timely and cost effective as possible. <br />
                        <a href="Jan5_2.html">View Computer Based In-House Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                        <br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">WEBINARS &amp; PODCASTS</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/Webinars_Podcasts.png" width="150" height="110" align="left" /><br />
                        A webinar is an enhanced telephone seminar. The audio portion is delivered by speaker phone. You may also view a corresponding  PowerPoint presentation by PC.
                        &amp;A.  You will receive a PIN, materials and instructions prior to the seminar.<br />
                        <a href="Jan5_2.html">View Webinars &amp; Podcasts <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                        <br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">SELF-PACED ONLINE</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/SelfPacedOnline2.png" width="150" height="104" align="left" /><br />
                        ABA eLearning includes over 60 courses and 200 hours of training in the retail,   small business, personal trust, compliance, and
                        management development areas.<br />
                <br />
                <strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001">Register/Enroll/Take   a Demo - </a></strong><a href="http://arbakc.abakc.com/kc/login/login.asp?kc_ident=kc0001" target="_rpbrowser"><strong>Take the Demo   Now</strong></a><strong> </strong> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
                <a href="Education/ABA_eLearning_Price_and_Credit_List%20Jan_10.xls" target="_rpexternal">Brochure &amp; Pricing</a> <img src="Images/more_arrow.png" alt="" width="12" height="12" /><br />
                <br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab">INSTRUCTOR LED ONLINE</div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/InstructorLedOnline2.png" width="150" height="110" align="left" /><br />
                        Your instructor posts weekly assignments which includes a reading (either  textbook or online) and   homework is submitted through the discussion board or via email. You complete each at your convenience   and take a  weekly quiz.   Exams (proctored midterms and/or   finals) are all taken online. Your instructor is available to provide   feedback and answer questions. <a href="Jan5_2.html">View Courses <img src="Images/more_arrow.png" alt="" width="12" height="12" border="0" /></a><br />
                        <br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab"><strong>ANNUAL CONVENTION</strong></div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/Convention.png" width="160" height="106" align="left" /><br />
                        New Rules, New Opportunities, New Banking Environment<br />
                        <br />
                        <strong>121st Annual Arkansas Bankers Association Convention &amp; Tradeshow</strong><br />
    The Peabody Hotel &amp; Statehouse Convention Center, Little Rock, Arkansas<br />
    May 4-6, 2011 - <strong><em>Brochure Coming Soon!</em></strong><br />
                      </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab"><strong>BANK MANAGEMENT SEMINAR</strong></div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/BankManagementSeminar.png" width="124" height="106" align="left" />Open to our Bank Members, Associate Members and non-members, this annual event will be held at Hilton Branson Convention Center in Branson, Missouri.<br />
                        <br />
                        <strong>2011 Bank Management Seminar</strong><br />
    Hilton Branson Convention Center, Branson, Missouri.<br />
    August 4-6, 2011<br />
    <br />
    </div>
                    </div>
                    <div class="AccordionPanel">
                      <div class="AccordionPanelTab"><strong>E<strong>MERGING LEADERS LEADERSHIP CONFERENCE</strong></strong></div>
                      <div class="AccordionPanelContent"><img src="Images/Icons_Education/LeadershipConference.png" width="160" height="106" align="left" />Make plans to join us for the 2011 conference in order to network with your peers, further your education and leadership skills, and accelerate your banking career!<br />
                          <br />
                              <strong>2011 ELS Leadership Conference</strong><br />
                          Doubletree Hotel and Robinson Center, Little Rock, Arkansas<br />
                          July 21-22, 2011<br />
                        <br />
                      </div>
                    </div>
                  </div>
                  <br />
                  <br />
    <!-- InstanceEndEditable -->
                  <div align="left"></div>
                    <p align="left""top"> </p>
                    <p> </p>
                  </div></td>
              </tr>
              </table>
              <!-- InstanceBeginEditable name="Extras" -->
              <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </script>
              <!-- InstanceEndEditable --><br />        </td>
        </tr>
    </table>
      <p> </p>
      </div>
    <!--body close -->
    </div>
    <div id="footer">
      <table width="800" border="0" align="center" cellpadding="2" cellspacing="5">
        <tr>
          <td>Footer Contents Here</td>
        </tr>
      </table>
      <br />
    </div>
    </body>
    <!-- InstanceEnd --></html>

    I frame should not be used in this situation because its contents are not in the same flow as the main document.
    You are far better off using serverside includes as per following article http://foundationphp.com/tutorials/sprymenu/ssi.php
    Gramps

  • Accordian Spry

    My main panel for each section in my accordian menu is not
    linking, all the sub-menus are linking; but once I open a sub-menu,
    the accordian automatically sets back up to the first panel.
    Help will be much appreciated!
    AM

    The accordian of "Blackluca"'s side allows more then one link
    in the
    accordian! I tried it in a similar way, but didn't succeed.
    My code looks
    like this:
    <div id="Accordion1" class="Accordion" tabindex="0">
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">Interessante Links
    1</div>
    <div class="AccordionPanelContent"><a
    href="
    http://www.apotheken.de/index.php?radius=10&rowcnt=0&rekursiv=1&gonow=1&refid=432815&narro wcity=1&plz=87600&x=0&y=0&fkt=7">Apotheken
    Notdienst</a></div>
    <div class="AccordionPanelContent"><a
    href="
    http://www.kaufbeuren.de/veranstaltungen/veranstaltungskalender_home.asp">Kf
    Veranstaltungen</a></div>
    <div class="AccordionPanelContent"><a
    href="
    http://www.all-in.de/nachrichten/allgaeu/kaufbeuren/?fCMS=7042301a0b89867d5543aec8abc4b729 ">Allgäuer
    Zeitung</a></div></div>
    <div class="AccordionPanel">
    <div class="AccordionPanelTab">RSS Feeds</div>
    <div class="AccordionPanelContent"><a
    href="
    http://www.chip.de/rss/rss_ueberblick.html"><img
    src="../pictures/LogoRSS.jpg" alt="RSS" width="24"
    height="24"
    />Chip</a></div>
    <div class="AccordionPanelContent"><a
    href="
    http://www.n24.de/2/nachrichten/index.rss"><img
    src="../pictures/LogoRSS.jpg" alt="RSS" width="24"
    height="24"
    />N24</a></div></div></div>
    an at the end:
    <SCRIPT type=text/javascript>
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
    {imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
    imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    //-->
    </SCRIPT>
    But my menues, in contrast to "Blackluca" don't close
    completely. Could you
    please look for my mistake?
    Ciao, servus und salut
    Janis
    "Blackluca" <[email protected]> schrieb im
    Newsbeitrag
    news:[email protected]...
    >
    http://www.chapterhouse.com/CH_2008_Website/CH%20Home%20Page.html
    >
    > Here is a link to where I am testing my site. You will
    also see that I
    > have
    > two different menus - Horizontal Spry which is working
    great...and then
    > the
    ---------------------------------del--------------------------

  • Site search limitations when using Spry Widgets

    Currently evaluating search tools to work with Spry
    accordion, tabbed panels and so on. Apparently NONE of them do.
    This is a big problem. Our site uses mostly Dreamweaver spry
    widgets.
    I have tested the very highly rated zoom Search from WrenSoft
    and also expect problems with Google Search and Atomz (based on web
    research I have done).
    If one searches for a word residing in one of the spry tabbed
    panels,accordians (there could be many layers on a single page of
    course), site search engines correctly take you to the page but
    naturally does not open the correct tabbed panel (Zoom Search
    doesn't understand DW code of course). Just presents you with the
    default panel. User would have to dig through all panels on that
    page to find the text. Our users need these nice interfaces. This
    is reality. Also some of the Java script in Wrensoft that
    highlights search words conflicts with existing Java script within
    Dreamweaver. I've worked around some of it but the core issue is
    the landing on the page and opening the correct tab. The question
    is can anyone suggest a search engine tool that will work with
    Dreamweaver Spry widgets or suggest something else. This is a huge
    disincentive to use Spry. Perhaps build pages without Spry to
    specifically go to after search? Sound like a lot of work.
    Thanks
    Richard

    RickRoo wrote:
    > If one searches for a word residing in one of the spry
    tabbed
    > panels,accordians (there could be many layers on a
    single page of course), site
    > search engines correctly take you to the page but
    naturally does not open the
    > correct tabbed panel (Zoom Search doesn't understand DW
    code of course).
    This is not an issue specific to Spry, it's an issue with
    other JavaScript solutions that show and hide content, and it is
    also an issue if CSS is used show and hide content.
    If you have a way to obtain the search terms from the search
    engine page, then you might be able to handle this (based upon your
    description, the WrenSoft JavaScript finds that info out), but then
    you'd also have to have a search engine built within your page that
    will search through the page and figure out what tab the searched
    term(s) are on, and then show that tab, but then what happens when
    you have terms on multiple tabs in a tab group? You'll have to
    determine which search terms are more important than other terms.
    There is code available that will allow you to open specific
    tabs using the showPanel method. Check out the API for the Tabbed
    panel:
    http://labs.adobe.com/technologies/spry/articles/data_api/index.html
    And perhaps take a look at the code for this page (check in
    the linked JavaScript file):
    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tabbed_panel_unobtrusive.htm
    http://labs.adobe.com/technologies/spry/samples/tabbedpanels/tp_unobtrusive.js
    As the Spry code is namespaced to specifically prevent
    conflicts with other JavaScript code, it would be good to know what
    those conflicts are so that others can be aware of them to try to
    prevent them in their pages.
    Danilo Celic
    |
    http://blog.extensioneering.com/
    | WebAssist Extensioneer
    | Adobe Community Expert

  • My VerticalTabs Spry widget not working - help

    My HTML file:
    <!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" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
        font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
        background: #ffdcb2;
        margin: 0px;
        padding: 0px;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    a:link {
        color: #42413C;
        text-decoration: none;
    a:visited {
        color: #42413C;
        text-decoration: none;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: underline;
    /* ~~ this fixed width container surrounds all other divs~~ */
    .container {
        width: 1136px;
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
        overflow: hidden; /* this declaration makes the .container understand where the floated columns within ends and contain them */
        padding: 0px;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 18px;
        top: 0px;
        background-color: #ffdcb2;
        background-image: url(images/01-Pocetna-strana_08.png);
        background-repeat: repeat-y;
        background-position: right top;
        height: 2026px;
    .content {
        width: 1100px;
        float: left;
        height: 145px;
        top: 0px;
        background-color: #FFF;
    .sidebar2 {
        float: left;
        width: 18px;
        top: 0px;
        background-color: #ffdcb2;
        background-image: url(images/images/01-Pocetna-strana_04.png);
        background-repeat: repeat-y;
        background-position: left top;
        height: 2026px;
        padding: 0px;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .apDiv7 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #333333;
        padding-top: 6px;
        padding-right: 0px;
        padding-left: 26px;
        background-color: #FFF;
        height: 53px;
        width: 1100px;
        background-image: url(images/01-Pocetna-strana_12.png);
        background-repeat: repeat-x;
    -->
    </style>
    <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    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];}}
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    </script>
    </head>
    <body onload="MM_preloadImages('images/01-akcija-popust-seva-obelezavanje.png','images/01-Bezbe dnosno-obelezavanje.png')">
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" top="0px">
      <tr>
        <td>
        <div class="container">
      <div class="sidebar1"><!-- end .sidebar1 --> </div>
      <div class="content">
      <div id="wrap">
      <div id="apDiv2" style="position: inherit; left: 151px; top: 0px; width: 1100px; height: 145px; z-index: auto"><img src="images/01-poslovno-obelezavanje-header.png" width="1100" height="145" alt="poslovno obelezavanje header"></div>
      <div class="apDiv7" id="apDiv7" style="position: inherit; left: 135px; top: 145px; width: 1100px; height: 53px; z-index: auto"><a href="SEVA-PORTAL.html">ŠEVA-PORTAL</a> |  <a href="#" target="_self">Početna strana</a> | <a href="O-nama.html">O nama</a> |  <a href="01-Reference.html">Reference</a> |  <a href="Kontakt.html">Kontakt</a> |  <a href="01-Kako-do-nas.html">Kako nas naći</a></div>
      <div id="TabbedPanels1" class="VTabbedPanels">
        <ul class="TabbedPanelsTabGroup">
          <li class="TabbedPanelsTab" tabindex="0"><img src="images/01-Glavni-spoljni-natpis.png" name="Image2" width="240" height="163" border="0" id="Image2" /></li>
          <li class="TabbedPanelsTab" tabindex="10"><img src="images/01-Spoljni-putokazi.png" name="Image3" width="240" height="163" border="0" id="Image3" /></li>
          <li class="TabbedPanelsTab" tabindex="20"><img src="images/01-Centralna-INFO-tabla.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="30"><img src="images/01-Spratna-INFO-tabla.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="40"><img src="images/01-Unutrasnji-putokazi.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="50"><img src="images/01-Obelezja-prostorija.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="60"><img src="images/01-Oglasne-table-i-vitirine.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="70"><img src="images/01-Ostale-oznake.png" width="240" height="163" /></li>
          <li class="TabbedPanelsTab" tabindex="90"><img src="images/01-Bezbednosno-obelezavanje.png" width="240" height="188" /></li>
        </ul>
        <div class="TabbedPanelsContentGroup">
          <div class="TabbedPanelsContent">
            <div id="apDiv1" style="position: fixed; left: 661px; top: 209px; width: 361px; height: 51px; z-index: auto"><img src="images/02-Glavni-spoljni-natpis.png" width="361" height="51" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake" /></div>
          </div>
          <div class="TabbedPanelsContent">
            <div id="apDiv1" style="position: fixed; left: 698px; top: 211px; width: 287px; height: 40px; z-index: 1"><img src="images/03-Spoljni-putokazi.png" width="287" height="40" alt="seva, novi sad, beograd, poslovno, obelezavanje, oznake, prostor, poslovni, opstina, hotel, centar, oznaka, oznake, srbija" /></div>
          </div>
          <div class="TabbedPanelsContent">Content 3</div>
          <div class="TabbedPanelsContent">Content 4</div>
          <div class="TabbedPanelsContent">Content 5</div>
          <div class="TabbedPanelsContent">Content 6</div>
          <div class="TabbedPanelsContent">Content 7</div>
          <div class="TabbedPanelsContent">Content 8</div>
          <div class="TabbedPanelsContent">Content 9</div>
        </div>
    </div>
      </div>
      </div>
      <div class="sidebar2">
      </div>
    <!-- end .container --></div>
        </td>
      </tr>
    </table>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    </script>
    </body>
    </html>
    and my modified SpryTabs CSS file is:
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    /* Horizontal Tabbed Panels
    * The default style for a TabbedPanels widget places all tab buttons
    * (left aligned) above the content panel.
    /* This is the selector for the main TabbedPanels container. For our
    * default style, this container does not contribute anything visually,
    * but it is floated left to make sure that any floating or clearing done
    * with any of its child elements are contained completely within the
    * TabbedPanels container, to minimize any impact or undesireable
    * interaction with other floated elements on the page that may be used
    * for layout.
    * If you want to constrain the width of the TabbedPanels widget, set a
    * width on the TabbedPanels container. By default, the TabbedPanels widget
    * expands horizontally to fill up available space.
    * The name of the class ("TabbedPanels") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabbedPanels container.
    .TabbedPanels {
         overflow: hidden;
         margin: 0px;
         padding: 0px;
         clear: none;
         width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
    /* This is the selector for the TabGroup. The TabGroup container houses
    * all of the tab buttons for each tabbed panel in the widget. This container
    * does not contribute anything visually to the look of the widget for our
    * default style.
    * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
    * necessary to make the widget function. You can use any class name you
    * want to style the TabGroup container.
    .TabbedPanelsTabGroup {
         margin: 0px;
         padding-left: 10px;
    /* This is the selector for the TabbedPanelsTab. This container houses
    * the title for the panel. This is also the tab "button" that the user clicks
    * on to activate the corresponding content panel so that it appears on top
    * of the other tabbed panels contained in the widget.
    * For our default style, each tab is positioned relatively 1 pixel down from
    * where it wold normally render. This allows each tab to overlap the content
    * panel that renders below it. Each tab is rendered with a 1 pixel bottom
    * border that has a color that matches the top border of the current content
    * panel. This gives the appearance that the tab is being drawn behind the
    * content panel.
    * The name of the class ("TabbedPanelsTab") used in this selector is not
    * necessary to make the widget function. You can use any class name you want
    * to style this tab container.
    .TabbedPanelsTab {
         position: relative;
         float: left;
         background-color: #FFF;
         list-style: none;
         -moz-user-select: none;
         -khtml-user-select: none;
         cursor: pointer;
         width: 240px;
         margin-bottom: 10px;
    /* This selector is an example of how to change the appearnce of a tab button
    * container as the mouse enters it. The class "TabbedPanelsTabHover" is
    * programatically added and removed from the tab element as the mouse enters
    * and exits the container.
    .TabbedPanelsTabHover {
         background-color: #CCC;
    /* This selector is an example of how to change the appearance of a tab button
    * container after the user has clicked on it to activate a content panel.
    * The class "TabbedPanelsTabSelected" is programatically added and removed
    * from the tab element as the user clicks on the tab button containers in
    * the widget.
    * As mentioned above, for our default style, tab buttons are positioned
    * 1 pixel down from where it would normally render. When the tab button is
    * selected, we change its bottom border to match the background color of the
    * content panel so that it looks like the tab is part of the content panel.
    .TabbedPanelsTabSelected {
         background-color: #EEE;
         border-bottom: 1px solid #EEE;
    /* This selector is an example of how to make a link inside of a tab button
    * look like normal text. Users may want to use links inside of a tab button
    * so that when it gets focus, the text *inside* the tab button gets a focus
    * ring around it, instead of the focus ring around the entire tab.
    .TabbedPanelsTab a {
         color: black;
         text-decoration: none;
    /* This is the selector for the ContentGroup. The ContentGroup container houses
    * all of the content panels for each tabbed panel in the widget. For our
    * default style, this container provides the background color and borders that
    * surround the content.
    * The name of the class ("TabbedPanelsContentGroup") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the ContentGroup container.
    .TabbedPanelsContentGroup {
         clear: both;
         border-bottom: solid 1px #CCC;
         border-top: solid 1px #999;
         border-right: solid 1px #999;
         background-color: #EEE;
         padding-left: 11px;
         height: auto;
         width: auto;
    /* This is the selector for the Content panel. The Content panel holds the
    * content for a single tabbed panel. For our default style, this container
    * provides some padding, so that the content is not pushed up against the
    * widget borders.
    * The name of the class ("TabbedPanelsContent") used in this selector is
    * not necessary to make the widget function. You can use any class name you
    * want to style the Content container.
    .TabbedPanelsContent {
         overflow: hidden;
         padding: 0px;
    /* This selector is an example of how to change the appearnce of the currently
    * active container panel. The class "TabbedPanelsContentVisible" is
    * programatically added and removed from the content element as the panel
    * is activated/deactivated.
    .TabbedPanelsContentVisible {
         background-image: url(../images/01-Pocetna-strana_23.png);
         background-repeat: repeat-y;
         background-position: left top;
         height: auto;
         width: auto;
         padding-left: 11px;
    /* Vertical Tabbed Panels
    * The following rules override some of the default rules above so that the
    * TabbedPanels widget renders with its tab buttons along the left side of
    * the currently active content panel.
    * With the rules defined below, the only change that will have to be made
    * to switch a horizontal tabbed panels widget to a vertical tabbed panels
    * widget, is to use the "VTabbedPanels" class on the top-level widget
    * container element, instead of "TabbedPanels".
    .VTabbedPanels {
         overflow: hidden;
         zoom: 1;
    /* This selector floats the TabGroup so that the tab buttons it contains
    * render to the left of the active content panel. A border is drawn around
    * the group container to make it look like a list container.
    .VTabbedPanels .TabbedPanelsTabGroup {
         float: left;
         width: 240px;
         height: auto;
         background-color: #FFF;
         position: relative;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTab {
         float: none;
         /* [disabled]border-top: none; */
         /* [disabled]border-left: none; */
         /* [disabled]border-right: none; */
         height: auto;
         width: 240px;
    /* This selector disables the float property that is placed on each tab button
    * by the default TabbedPanelsTab selector rule above. It also draws a bottom
    * border for the tab. The tab button will get its left and right border from
    * the TabGroup, and its top border from the TabGroup or tab button above it.
    .VTabbedPanels .TabbedPanelsTabSelected {
         background-color: #FFF;
         width: 240px;
         height: auto;
    /* This selector floats the content panels for the widget so that they
    * render to the right of the tabbed buttons.
    .VTabbedPanels .TabbedPanelsContentGroup {
         clear: none;
         float: left;
         padding: 0px;
         width: auto;
         height: auto;
    /* Styles for Printing */
    @media print {
    .TabbedPanels {
         overflow: visible !important;
    .TabbedPanelsContentGroup {
         display: block !important;
         overflow: visible !important;
         height: auto !important;
    .TabbedPanelsContent {
         overflow: visible !important;
         display: block !important;
         clear:both !important;
    .TabbedPanelsTab {
          overflow: visible !important;
          display: block !important;
          clear:both !important;
    I got preview in any browser OK, like I wanted but clicking on tabs not working and they not switching content per each tab. I maked tabindexes: 0, 10, 20,30, 40, 50, 60, 70, 80, 90 and nothing works.
    Where is problem?

    But the tabs do work and the content does show!
    Clicking the first two tabs causes the content to fly over to the right, outside of the content panel, exactly as the style rules tell it to.
    Clicking the other 7 tabs causes the content to show aligned to the left within the content panel, again as per the style rules.
    The total height of the tabs is 882 px including the bottom margins.
    The height of the content panels varies with the content, in case of the first two tabs there is no content contained within the content panel thus the height is zero; of the remaining content panels the height is about 1.5x the height of one line.
    In other words there are no surprises except for the fact that it would have been better not to have used the SpryTabbedPanels widget for this.
    Of course I am supposing that you have changed the personality of the TabbedPanel widget on purpose.
    If this is not the case then a good start will be
    to get rid of the modified SpryTabbedPanels.css and re-instate the original.
    to get rid of the all of the apDiv's including those inside the content panel.
    to reduce the overall height of the tabs to a manageable height by reducing the height of the images.
    Gramps

  • Dreamweaver CS4 Errors, Spry widget not working. Please Help!

    I am redesigning a website and downloaded an html file from the present contact page. I opened it in Dreamweaver and I started to have this errors. The html file I opened has some JavaScripts in it and I believe, the the scripts got a conflict with Dreamweaver CS4. I already deleted these files I tried to open and still I'm encountering these errors.
    These are the errors I'm getting:
    1. When I open the Dreamweaver, this message pop-ups:
       "While executing onLoad in RecordsetFind.htm, the following JavaScript error(s) occured:
        In file "RecordsetFind"
        findRs is not defined."
    2. I click OK. Then I'm getting this message:
       "While executing onLoad in Design Notes_onOpen.htm, the following JavaScript error(s) occured:
        In file "Design Notes_onOpen"
        onOpen is not defined."
    3. I just click OK. Then, when I open an html file to edit or create a new one, this error pops up again:
       "While executing onLoad in Design Notes_onOpen.htm, the following JavaScript error(s) occured:
        In file "Design Notes_onOpen"
        onOpen is not defined."
    4. I will again just click OK, then this error appears:
       "The following translators were not loaded due to errors:
        Coldfusion.htm: has configuration information that is invalid.
        SpryWidget.htm: has configuration information that is invalid."
    5. Then, I will just click OK again. Then, when I'm working with the projects or creating a new project with Spry, it is not working properly anymore. I have to go the code and update the Spry list or content manually.
    6. When I close Dreamweaver, I'm always having this error:
       "While executing onLoad in TeamAdminTempDelete.html, the following JavaScript error(s) occured:
        In file "TeamAdminTempDelete"
        delTempFile is not defined"
    I tried uninstalling the Dreamweaver and installing it again, but it did not work.
    What should I do to make the spry working again and to remove all these annoying errors? By the way, all my Spry widgets are not working and these errors I'm encountering in all of the Sites I'm working on. How can I make it work again? I tried looking for troubleshoot in CS4, but I could not see one, only in CS3.
    Please help.

    See if the following helps (found in Dreamweaver FAQ)
    JavaScript and other unexpected errors
    Mark A. Boyd
    Keep-On-Learnin' :-)
    This message was processed and edited by Jive.
    It shall not be considered an accurate representation of my words.
    It might not even have been intended as a reply to your message.

  • Spry Widget SlideShow Basic (IE8 not showing all images)

    Hi everyone:
    I've read through the past posts, trying to find the solution so I wouldn't have to bother everyone if the solution to my problem was already here.  I couldn't find it, although I did find similar posts about this problem but no out and out solution.
    My problem:
    I have added the Spry Image Slideshow-Basic into an .html page.  The widget works well in Firefox, Chrome, Safari and IE7!!  It does not work properly in IE8 as IE8 skips every second images...the even numbers.  It does not work on my local computer and it also doesn't work on the server.  I have uploaded all the files to the server and it still doesn't work properly.
    I cannot seem to find the solution and I am reaching out to the great Adobe supporters for help.
    You can see the test web page here:
    http://www.fernweb.com/test/
    There are six images in this group but it only shows numbers 1, 3 and 5.
    Could someone please have a look and give me direction as to where the problem is?
    Thanks so much everyone.
    Daryl

    The problem is with the Spry.Widget.ImageSlideShow.PanAndZoomPlugin
    If you leave that out, then all is well
    A dirty fix is to add the following to the HEAD section of your document
    <meta http-equiv="X-UA-Compatible" content="IE=7" />

  • Add Spry Widgets to Dreamweaver Insert Bar Spry Group

    Hi. I'm trying to work out how to add Spry widgets to
    Dreamweaver's
    Insert bar.
    I downloaded Spry for Ajax 1.6 and copied the the contents of
    the
    SpryTooltip Folder.
    I did a search in Adobe Dreamweaver's program folder for
    everything Spry.
    I pasted SpryTooltip everywhere in Dreamweaver that Spry
    references
    exist. I even created a .png icon for Spry ToolTip in:
    Adobe Dreamweaver CS3\configuration\Objects\Spry
    I opened Dreamweaver and there it was in my insert bar! My
    icon for Spry
    tooltip!
    I tried to insert it into a blank age and got the message:
    "Trigger
    event missing" or something like that.
    I'm sure there must be a way to add these new widgets to
    Dreamweaver's
    insert bar in the Spry group.
    Can someone please tell me how to do it. Starting with
    SpryTooltip.
    and...
    I might as well go ahead and ask how to add new Spry Effects
    to
    Dreamweaver's behavior panel as well. Let's say "Pulsate" for
    an example.
    PS. I've already asked this at the Spry Forum. No one has
    replied yet.
    http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&catid=602&threadid =1312010&enterthread=y
    Thank you!
    Dameon

    hey,
    I am a newbie to Spry too. I asked a similar question in the
    Spry Forum.
    It seems that you can not get the widgets into the Insert Bar
    or on theBehavioral Panel.
    To get the widgets to work, you only have the option to link
    to them from your spry folder.
    Spry is exciting, yet, it is still a new method, so the
    WYSIWYG interface thing is still developing. Unfortunaly, if you
    want to use Spry, you need to get dirty with the code stufff.
    So, I too, use Spry sparingly.....
    Hope that helps.

  • Spry Validations not working javascript:Spry.Widget.Form.destroyAll() in popup

    iam using spry to validate controls in a popup.in that
    validations are working fine but the problem is when we click
    cancel button also thse validations are firing...
    i am using
    javascript:Spry.Widget.Form.destroyAll() to destroy
    validations...but it is not working.
    when we click on cancel button how to destroy the validations
    as well as hide the popup...
    can anyone help me...

    Thanks! (While I'm REALLY not comfortable with code yet (working on it :-) I atleast understood that it was a PHP issue (yay).
    Studied the code in the examples in the book. And added:
    <pre>
    <?php if ($_POST) {print_r($_POST);} ?>
    </pre>
    It worked.  (I'm local testing, with no connection to a database yet. Just trying to get the basic pages to work first.)
    Hopefully the more I work on all of this, the more I'll begin to "get it"! And I'm almost up to the Chapter on PHP. So, I'm hoping to will become clearer as I read on.
    Thanks for the help in pointing me in the right direction!!!
    -- Jami

  • Spry widget menu bar as a library item - problems

    I created a spry vertical menu bar and made it a library item.  The original works great, however when I insert the library item into its own div tag on another page, the submenus will not pop out, either in DW or the browser view. The div tag is the correct size and I made the z index high enough. Here is the code of the page that works properly:
    <!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" />
    <title>DM Consulting Dry Dock Training</title>
    <link href="css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <p><span class="bolder1">D</span><span class="bolder1">M Consulting </span><span class="lineheight">provides Dry Dock Training, Dry Dock Conferences,<br />
            Dry Dock Software and Dry Dock Consulting      for:</span></p>
          <ul>
            <li class="lineheight"> Dock Masters</li>
            <li class="lineheight">Docking Officers</li>
            <li class="lineheight">Dry Dock Crews</li>
            <li class="lineheight">Engineers</li>
            <li class="lineheight">Naval Architects </li>
            <li class="lineheight"> Port Engineers</li>
            <li class="lineheight">Program/Project Managers</li>
            <li class="lineheight">Marine Surveyors</li>
            <li class="lineheight">Owners' Representatives</li>
            <li class="lineheight">On-site Representatives</li>
            <li class="lineheight">Consultants</li>
            <li class="lineheight">Others Involved or Interested in
              the <br />
              Dry Docking of Ships and Vessels</li>
          </ul>
          <div id="testimonials">&quot;The course was excellent, straight forward and comprehensive. Instruction was great, expected <br />
            &quot;death-by-power point&quot; but was pleasantly surprised.
            I am better acquainted w/dry dock basics after the
            course and can trust the accuracy of the training
            based on the extensive experience of the instructors. Thank you!
            Very informative, very thorough.&quot;
              - David, Australia<br />
          </div>
          <div id="movie">
            <object width="560" height="340">
              <param name="movie" value="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" />
              <param name="allowFullScreen" value="true" />
              <param name="allowscriptaccess" value="always" />
              <embed src="http://www.youtube.com/v/qLGUZEkbAwA?fs=1&hl=en_US&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed>
            </object>
          </div>
          <div id="moreTestimonials">&raquo;&raquo;&raquo; click here for more testimonials &laquo;&laquo;&laquo;</div>
          <div id="footer"><!-- #BeginLibraryItem "/Library/copyright.lbi" -->&copy; COPYRIGHT 2010 DM CONSULTING<!-- #EndLibraryItem --></div>
        </div>
        <div id="navbar">
          <!-- #BeginLibraryItem "/Library/nav.lbi" -->
          <ul id="MenuBar1" class="MenuBarVertical">
            <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
              <ul>
                <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
                <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
                <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
                <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
              </ul>
            </li>
            <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
            <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
            <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
            <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
            <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
            <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
          </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    Here is the code for the page that DOESN'T work:
    <!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" />
    <title>Training Course Schedule</title>
    <link href="../css styles/drydock2.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    body {
    background-image: url(images/vertborderblue2.jpg);
    background-repeat: repeat-x;
    -->
    </style>
    </head>
    <body>
    <div id="container">
      <div id="header"><img src="../images/header_title_white.png" width="645" height="116" alt="header" /></div>
      <div id="logo"><img src="../images/drydock_logo_blktxt.png" width="154" height="119" alt="logo" /></div>
      <div id="mainContent">
        <div id="content">
          <h2><span class="bolder1">Training Course Schedule</span><span class="bolder1"></span></h2>
          <p><br />
          Class sizes are limited so please register early. Early registration and payment provides the best value.<br />
      <br />
          </p>
    <p class="underline"><strong>4-7 October 2010  •   Honolulu, HI, USA </strong></p>
          <div id="schedulephoto"><img src="../images/conference-rm_train_s.jpg" width="250" height="123" alt="image" /></div>
          <p>The training will be held in Pearl Harbor, Hawaii, USA. <br />
            <a href="Registration_Hawaii.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>15-18 November 2010   •   Virginia Beach VA, USA</strong></p>
          <p>The training will be held in Virginia Beach, Virginia, USA. <br />
            <a href="Registration_Virginia.html">Registration form</a><br />
            <br />
          </p>
          <p class="underline"><strong>11-14 May 2011  •   London, United Kingdom</strong></p>
            The training is held in conjunction with the Royal Institution of Naval Architects (RINA). Registration and payment will be made directly to RINA. <br />
            Visit RINA's <a href="http://www.RINA.org.uk" target="_blank">website</a> and go to &quot;Events&quot; or call +44 (0) 20 7201 2401.<br />
      <br />
          </p>
          <p><strong>Your Location</strong></p>
          <p>Training tailored to your organization's needs, including training at your facilities, <br />
            is also available.    </p>
        </div>
        <div id="nav3"><!-- #BeginLibraryItem "/Library/nav.lbi" -->
        <ul id="MenuBar1" class="MenuBarVertical">
          <li><a href="#index.html" title="DM Consulting home page">HOME</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">TRAINING</a>
            <ul>
              <li><a href="#outline.html" title="Outline of our Training Course">General Information &amp; Outline</a></li>
              <li><a href="#train_sched.html" title="Locations &amp; dates of our Training Courses">Training Course Schedule</a></li>
              <li><a href="#drawings.html" title="Dry dock course drawings">Course Drawings</a></li>
              <li><a href="#testimonials.html" title="Read what our clients have to say">Testimonials</a></li>
            </ul>
          </li>
          <li><a href="#conference.html" title="Dry Dock Conference information">CONFERENCE</a></li>
          <li><a href="#software.html" title="Shop our software">DOCKMASTER SOFTWARE</a></li>
          <li><a href="#consulting.html" title="Dry Dock Consulting">CONSULTING</a></li>
          <li><a href="#clients.html" title="List of current and past clients">CLIENTS</a></li>
          <li><a href="#about.html" title="Learn about our company">ABOUT</a></li>
          <li><a href="#contact.html" title="Contact us">CONTACT US</a></li>
        </ul>
        <!-- #EndLibraryItem --></div>
      </div>
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>
    I understand about having the script and  link element that connect my page to the dependent files in the SpryAssets folder in the header and the JavaScript function cal at the bottom on each page. I don't know what else to do - HELP!

    Welcome to the Dreamweaver world!
    Well, having your index.html page at the top/root level is important, as that is the default page by which people will enter your site.
    Having other pages in folders is fine...I do it all the time in order to keep departments or categories of information sorted.
    One characteristic of having pages in folders is that the hierarchy of files in folders (perforce) puts them at different depths in the site.
    This is not inherently a bad thing! Just one to remain aware of. When you look at your site files in the Files Panel, you can see a graphical representation of those different levels.
    But the nature of a library item is that it is identical in all its instances, which is what makes it useful...change it in the library, and it changes site-wide. The down-side of that identity is that when your files are at different depths in the hierarchy, their links back to, say, home (or any other same file) will change depending on the depth. You can see this if you make a link on a page, then drag the page (in the Files Panel) to a different depth...say, into a folder when it started at root level, or vice versa. Check the link, and you will see that it automatically adapted to the new path.
    Library items do not do that; they do not change, so some of your links will be 'wrong' when you refer to pages that have different paths than the ones originally set up in the library item... because of the change in hierarchy.
    All this is, of course, reliant on your creation of the site in the first place, as defining the root folder's location on your computer gives Dreamweaver a starting point for handling (juggling?) all the location-information for your site's files.
    Beth

  • Spry Widget Issues - Deactivating after a while

    Hi there,
    I'm using Spry Widgets in DW CS3 and have been experiencing
    the following strange issue.
    When I insert a widget everything functions fine, the widget
    is outline in blue, the little blue title appears when I roll over
    it and the eye appears (for the Collapsible or the Accordion for
    example) and allows me to close or open it with DW.
    All in all, everything works sweet... I can edit it fine in
    the Properties box etc.
    And then after a while the widget just stops working. What I
    mean is that there is no blue outline when rolling over it, there
    is no Properties panel, there is no "eye", but the object is still
    there, just not functioning.
    I have obviously gone over the code as best I can. I've
    created a new page within the same site and inserteda widget and
    compared the code from one page to another and cannot find anything
    off kilter.
    Note that the CSS still woks fine, it just seems to lose its
    Javascript capabilites (...)
    This has happened with several different widgets in different
    sites on different machines...
    Any help would be much appreciated.
    Thanks in advance

    Here is a screenshot of a site I'm building atm. Please bear
    in mind that I am not a coder and am building exclusively using
    Design Mode.
    LINK TO SCREENSHOT:
    http://flickr.com/photos/7512606@N04/492179644"
    >
    -When I first inserted the Tabbed Panels widget, it
    functioned fine...
    -Now, something has happened and the widget is not editable
    (other than going into the code) and the Panels are just displayed
    one below the other.
    -The widget functions normally when the page is previewed in
    a browser, but I have lost my Design Mode editing capabilites.
    -Now if I were to enter a new widget, it would start off
    straight away in "non-editable" mode
    -This has happened every time I have tried to use widgets.
    Starts off fine and then loses editibility and/or functionality.
    It's obviously something that I'm doing that is "breaking"
    the widget, but any help would greatly appreciated.
    Below is the code for that particular page:
    <!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" />
    <title>Sisters, Pearls &amp; MIssion Girls -
    Info</title>
    <style type="text/css">
    <!--
    body {
    background-attachment: fixed;
    background-color: #FFFFFF;
    background-image: url(images/background/info.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    #infoContainer {
    position:absolute;
    top:67.5px;
    width:215px;
    height:515px;
    z-index:1;
    opacity:0;
    filter:alpha(opacity=00);
    right: 17.5px;
    #infoTitle {
    position:absolute;
    left:10px;
    top:3px;
    width:195px;
    height:90px;
    z-index:1;
    #infoCredits {
    position:absolute;
    left:10px;
    top:96px;
    width:195px;
    height:144px;
    z-index:2;
    overflow: auto;
    #infoLogos {
    position:absolute;
    left:3px;
    top:244px;
    width:195px;
    height:21px;
    z-index:3;
    #infoLinks {
    position:absolute;
    left:10px;
    top:278px;
    width:195px;
    height:20px;
    z-index:4;
    #infoFMA {
    position:absolute;
    left:10px;
    top:304px;
    width:195px;
    height:205px;
    z-index:5;
    .infoCredits {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
    text-align: left;
    #logosContainer {
    position:absolute;
    left:10px;
    top:248px;
    width:195px;
    height:25px;
    z-index:6;
    overflow: visible;
    #panelProcontaioner {
    position:absolute;
    left:10px;
    width:195px;
    height:205px;
    z-index:7;
    bottom: 5px;
    #panelContainer {
    position:absolute;
    left:0px;
    width:195px;
    height:195px;
    z-index:1;
    opacity:0.8;
    filter:alpha(opacity=80);
    top: 15px;
    -->
    </style>
    <script src="../../SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <script src="../../SpryAssets/SpryEffects.js"
    type="text/javascript"></script>
    <link href="../../SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    function MM_effectAppearFade(targetElement, duration, from,
    to, toggle)
    Spry.Effect.DoFade(targetElement, {duration: duration, from:
    from, to: to, toggle: toggle});
    function MM_changeProp(objId,x,theProp,theValue) { //v9.0
    var obj = null; with (document){ if (getElementById)
    obj = getElementById(objId); }
    if (obj){
    if (theValue == true || theValue == false)
    eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
    //-->
    </script>
    <link href="../css/films.css" rel="stylesheet"
    type="text/css" />
    </head>
    <body onload="MM_effectAppearFade('infoContainer', 2000,
    0, 100, false)">
    <div id="infoContainer">
    <div id="infoTitle"><img
    src="images/info/sisters_logo.png" alt="sisters_logo" width="195"
    height="90" /></div>
    <div id="infoCredits"><span
    class="textDefault">Directed by David Batty<br />
    Produced by Jeni McMahon</span><br />
    <br />
    <span class="textSmall">A Rebel Films Production<br
    />
    Financed by Film Finance Corporation of Australia<br
    />
    Produced with the assistance of the Australian Broadcasting
    Corporation<br />
    © Rebel Films and Film Finance
    Corporation</span></div>
    <div id="infoLinks"><img
    src="../images/buttons/imdb.png" alt="imdbButton" width="195"
    height="20" /></div>
    <div id="panelProcontaioner">
    <div id="panelContainer">
    <div id="filmsPanels" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    <li class="TabbedPanelsTab"
    onclick="MM_changeProp('panelContent','','opacity','0','DIV');MM_changeProp('panelContent ','','filter','alpha(opacity=00)','DIV');MM_effectAppearFade('panelContent',
    500, 0, 100, false)" tabindex="0"></li>
    </ul>
    <div id="panelContent" div
    class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"><a
    href="../veiled/index.html" target="_top"><img
    src="../../images/tabbed_nav/veiledPanel.jpg" alt="veiledPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../rodeo/index.html" target="_top"><img
    src="../../images/tabbed_nav/rodeoPanel.jpg" alt="rodeoPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../inventions/index.html" target="_top"><img
    src="../../images/tabbed_nav/inventionsPanel.jpg"
    alt="inventionsPanel" width="195" height="175"
    border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="index.html" target="_top"><img
    src="../../images/tabbed_nav/sistersPanel.jpg" alt="sistersPanel"
    width="195" height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../thatsaustralia/index.html" target="_top"><img
    src="../../images/tabbed_nav/taPanel.jpg" alt="taPanel" width="195"
    height="175" border="0"/></a></div>
    <div class="TabbedPanelsContent"><a
    href="../taylor/index.html" target="_top"><img
    src="../../images/tabbed_nav/taylorPanel.jpg" alt="taylorPanel"
    width="195" height="175" border="0"/></a></div>
    </div>
    </div>
    </div></div>
    </div>
    <script type="text/javascript">
    <!--
    var TabbedPanels1 = new
    Spry.Widget.TabbedPanels("filmsPanels");
    //-->
    </script>
    </body>
    </html>

  • Can't add spry widget to page created from dreamweaver template

    Please help! I have created a template in Dreamweaver and
    from that template I have created an html page. I want to add
    different tabbed and/or accordion spry widgets to multiple pages
    however I keep getting an error when I try to add a widget to an
    editable region. I can add the widgets to the dwt file, but I do
    not want the same widget on all pages created from that template.
    Please advise!
    Thanks
    cycleguy

    If that's all that's on the child page you are in trouble.
    Anyhow, it appears to me that the template has not been
    properly created
    since I do not also see an editable region around the
    <title> tag in your
    code. Please read my previous post and follow the
    instructions.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "cycleguy" <[email protected]> wrote in
    message
    news:fu01pk$s7k$[email protected]..
    > Thank you for your reply.
    > I started with one of the built-in templates offered in
    Dreamweaver then
    > added
    > additional div's and formatting then saved it as a dwt
    file and created my
    > html
    > page from that template. I did not start the page from
    scratch. Below is
    > my
    > source code from the child page.
    >
    > <!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"><!--
    InstanceBegin
    > template="/Templates/DankaConnectionPortalTemplate.dwt"
    > codeOutsideHTMLIsLocked="false" -->
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    > <title>Untitled Document</title>
    > <style type="text/css">
    > <!--
    > body {
    >

  • Add Spry Widgets to Dreamweaver Insert Bar

    Hi. I'm trying to work out how to add Spry widgets to
    Dreamweaver's Insert bar.
    I downloaded Spry for Ajax 1.6 and copied the the contents of
    the SpryTooltip Folder.
    I did a search in Adobe Dreamweaver's program folder for
    everything Spry.
    I pasted SpryTooltip everywhere in Dreamweaver that Spry
    references exist. I even created a .png icon for Spry ToolTip in:
    Adobe Dreamweaver CS3\configuration\Objects\Spry
    I opened Dreamweaver and there it was in my insert bar! My
    icon for Spry tooltip!
    I tried to insert it into a blank age and got the message:
    "Trigger event missing" or something like that.
    I'm sure there must be a way to add these new widgets to
    Dreamweaver's insert bar in the Spry group.
    Can someone please tell me how to do it. Starting with
    SpryTooltip.
    Thank you!
    Dameon

    For the dreamweaver related questions, i think u have more
    luck ( & faster awnser) asking it in the Dreamweaver forum
    selection that can be found here;
    http://www.adobe.com/cfusion/webforums/forum/index.cfm?forumid=12

  • I'm having problems with the Spry Widgets, Help!

    I'm using Dreamweaver CS6 and Have installed it twice, to no avail.  When I try to insert any of the spry widgets, I get the HTML code for the widget but none of the javascript or css code and I cannot figure out why.  Also, The Spryassets folder never get created.  Is there anyone that help me figure out what I might be doing wrong.  If all you got is "Spry is no good, use Javascript", then don't bother responding.  All other useful suggestions are greatly appreaciated,
    K

    Hi Fehmi76,
    The article linked below details how to go about seeing what apps on your iPhone are using what amounts of space.
    See how much storage you've used on your iPhone, iPad, and iPod touch
    https://support.apple.com/en-us/HT201656
    Regards,
    Allen

Maybe you are looking for

  • Welcome to the Metro Discussion

    Welcome to the Cisco Networking Professionals Connection Service Provider Forum. This conversation will provide you the opportunity to discuss issues surrounding Metro. We encourage everyone to share their knowledge and start conversations on issues

  • I can only get on american app store and itunes when i live in australia

    I have an iphone 3g on the optus network in australia. Everything was working fine until a couple of weeks ago when i restarted it by holding down the sleep button and the home button for 10 seconds. When it restarted it came up with iphone is active

  • Re: Can't Accept Acrobat XI EULA

    Same Problem here. I was send via Twitter (@Acrobat) to this (supposed) fix: http://helpx.adobe.com/acrobat/kb/blank-eula-screen-appears-acrobat.html And it worked – until I closed and re-opened Acrobat an hour ago. The dialog is back and I can't use

  • LR4 Not importing all CR2 files?

    Upgraded yesterday & noticed this phenomena. . . "preview Unavailable" did some more shooting today and same thing. when I downlaoded yesterday the images were not there, so I did a fresh import & it tells me there are no new images for import as I h

  • How to make sure I applied Service Pack correctly?

    Hi all, I am using Weblogic Server 4.5.1 and I just applied service pack 8 to it. Is there any way I can tell I installed it correctly? Thanks. --Tony I tried the following java command: java weblogic.Admin t3://10.1.1.74:7001 VERSION but it gives me