Spry:content

Hi there,
I want to call a javascript function with spry:content. But
using it e.g. in form of a
<div
spry:content="myjsfunction({ds1::somevalue});">default
text</div>
shows actually just the string 'myjsfunction...' instead of
calling the real function behind it and receiving some return
value. Is that actually possible with spry:content? (I want to use
these feature during the loading of rows within a spry:repeat)
Thanks for your help!

Hi fsnhk,
It isn't possible to call a function from the spry:content
attribute. But before you give up, let me ask, is this function
something that has to be called *every time* the region is
regenerated? What I'm getting at here, is that it is possible to
add custom columns to your data set after it is loaded ... you can
actually call your functions at that time and stuff the results
into a custom column, and access that custom column name from your
spry:content attribute.
Check out this sample to see how to add custom columns:
http://labs.adobe.com/technologies/spry/samples/data_region/CustomColumnsSample.html
--== Kin ==--

Similar Messages

  • Help with Spry Content Slideshow

    Hi,  I like the new widget browser and how easy it makes adding widgets in dreamweaver, Top marks to the developers.
    I have been having a play around with the spry content slideshow, with the possibility of using it on a small business website I am working on.  I have managed to alter the width and height of the widget and everything looks and works great.  I was however wondering how I would go about adding say a 250w x 80h logo above the banner on each slide, which would also require that the banner and story be lowered slightly.
    Thanks in advance for any help anyone can offer with this.

    I was just playing with Spry Content Slideshow earlier, and conveniently still have it open, so I'll give this one a shot, too. It looks like you've got two options embed a "logo bar" of some sort inside the the Slideshow, or (the easier method) wrap the Slideshow in another container. I just used a single banner image.
    I gave embedding a try and placed a <div class="logo"><img/></div> before the first article, but the JavaScript overrode this, and added a new article. Moving this construct inside the first article created a fairly nice banner, keeping the rounded corners at the top. The construct, however, will need to be added to each article. I didn't like that too much, but it's just a personal preference.
    The easy way (?) would be a wrapper, such as <div class="logo"><img /><div id="theSlideshow">...</div></div>, then style the ".logo" class as needed, maybe even copying portions of the style from ".WLBSlideShow" in "wanderlust-brown.css" for the rounded corners, and maybe giving ".logo" additional "padding-bottom" and ".WLBSlideShow" a negative "margin-top", to overlap the bottom of the logo area. Localized CSS modifications (placed after the linked CSS) might be something like the following?
    .logo { background-color: #491e16; width:700px; border: solid 1px #39312e; -webkit-border-radius: 7px; background-color: #491e16; -moz-box-shadow: 5px 5px 10px gray; -webkit-box-shadow: 5px 5px 10px gray; box-shadow: 5px 5px 10px gray; } .logo img { width:100%; height:100px; padding-bottom:40px; } .WLBSlideShow { margin-top:-60px; margin-left:-1px; } 
    If you'd like to see the first method, I can put that up, but the HTML is a bit repetitive.
    Hope this helps. If not you maybe someone!
    Richard

  • Problems with the Spry Content Slider Widget in DW6

    Hello there,
    I have been wrestling with a problem I'm having with the Spry Content Slider Widget that I hope someone has an answer for.
    I have 2 widgets on a page, but the problem I'm having occurs whether there is 1 or 2 on the page.
    No matter how many slides I have in the widget, it only shows the first 3. The 2 widgets per page occurs on every html page (9 in total.)
    In there a setting in the inline or linked .js code limiting the number of slides to 3?
    In addition to these widgets, I also use a DWUser_EasyRotator Slider on the pages, and both the easyRotator and Spry Widgets launch a fancyBox jQuery Gallery. Tho it's a possibility, I don't think the mixing of sliders/js is the problem, as I was having the problem with the Spry Widget showing only the first 3 upon the first insert of the Widget.
    Any suggestions on settings I should be aware of, as regards the Widget, would be greatly appreciated… (;

    On line 66 of your code, you have an extra </head> tag that doesn't belong.    Remove that and validate your code again. 
    http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gallerynumber9.com.au%2Findex ---778.html
    Nancy O.

  • Spry:Content and Dynamic Spry Data

    Is there a way to get the spry:content attribute to work well
    with dynamic data generated from PHP/MySQL? I have read the
    progressive enhancement article and I am totally lost on it.
    The provided examples in the documentation deal with static
    data but there are so example of using spry:content and dynamic
    data.
    Can anyone help?
    Thanks

    Hi Arnout
    These are the urls:
    http://www.grafikkaos.co.uk/pages/front/test_home.php
    - this one displays the spry:content properly, but in the source,
    it does not show the 5 articles.
    http://www.grafikkaos.co.uk/pages/front/test_home_2.php
    - I applied a PHP repeat region here. In the source, it shows 5
    articles being shown but on page view, each title and date is
    repeated 5 times.
    Any ideas?
    Thanks

  • Spry content slide show shadow

    Hello, how do you  take of the shadow the the spry content slideshow widget?

    To remove them, open your SlideShow.css file and delete all box-shadow properties from your code:
    -moz-box-shadow: 5px 5px 10px gray;
    -webkit-box-shadow: 5px 5px 10px gray;
    box-shadow: 5px 5px 10px gray;
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists 
    http://alt-web.com/
    http://twitter.com/altweb

  • Spry content slide show

    Hello i'm not great at dreamweaver, my background is more in print, I'm teaching my self dreamweaver.
    how do you change the colors of the buttons in spry content slide show?

    Modify the CSS attributes
    http://forums.adobe.com/thread/691654?tstart=0

  • HTML in a spry:content declaration?

    Is it possible to put HTML tags into a spry:content
    declaration? For example, I'd like to be able to do this:
    <span spry:content="There are
    <strong>{dsIssues::ds_RowCount}</strong> matching
    Deals">
    But the actual text "<strong>" and "</strong>" is
    output instead of the desired formatting. I'm using the
    spry:content tag to avoid the annoying flashing bug.
    Thanks.

    I was able to come up with a workaround for now, though it's
    a bit more verbose that I'd like. I just put the non-dynamic text
    outside of the spry:content span, like so:
    There are <strong><span
    spry:content="{dsIssues::ds_RowCount}"></span></strong> matching
    Deals
    Strangely, I had to put in the nbsp markers around it
    because, in IE, the trailing text "matching.." was appearing
    without a space between it and the ds_RowCount output. Strange bug.
    Oh well, thanks anyway.

  • Spry Content Slideshow buttons with IE8?

    Hi,
    Trying out the Spry Content Slideshow (Wanderlust Theme) 1.0. I insterted a link for one of the default buttons and it works in Firefox but not in IE8. On hover over or clicking does nothing.
    <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <a href="http://www.yahoo.com">
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </a> </div>
    Am I missing something?
    Thanks,
    Mike

    Apply an onclick event to the link, for example instead of
    <a href="../04Education/first.html">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
                </a>
    use
    <a href="../04Education/first.html" onclick="window.location = this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
                </a>
    Gramps

  • Spry Content Slideshow (Wonderlust) behaving strangely in IE7

    Hey all,
    I am building a page  which uses the Spry Content Slideshow - it renders nicely in Firefox, Chrome, and IE8 - but in IE7 the content to the right of the rotating slide show images "flickers" - that is, it flickers in and out, based on movement of the mouse pointer over it.
    Here is a link to the page: https://www.drmyattswellnessclub.com/New Website/indexTEST.html
    Has anyone seen this before and does anyone have a fix for this strange behavior?
    Any help will be gratefully received!
    Mark

    I have corrected a bunch of the "errors" that it found - even adding alt tags to transparent spaceholder gifs and the like.
    No comment
    Others of the errors seem to make no sense - as might be expected of an automated checker - and yet others are in places that should make no difference to the function of the spry slideshow but could screw up the functionality of other features on the page if "corrected".
    I have taken the liberty to abduct your slideshow and place it in a friendly environment, Please be free to check on its health here http://pleysier.com.au/wellness/
    Now I'm at the point where tweaking the code to try to please the validator is running me around in circles...
    If you think that it is merely a matter of pleasing the validator, you are in for a surprise
    Unless there is some relatively straight-forward correction for the funky behavior of this slideshow thing in IE7 I'm just going to move on - my boss is getting impatient - and I'll find something else that ~does~ work...
    Mmmm....!
    If I were a html/css expert I would have written this thing clean in the first place - but I'm not; I'm just a poor boob that made the mistake of addmitting to have once hand-coded a website from scratch back in the dinosaur-days of the mid 1990's - and so I got tasked with upgrading this website "cause you know all about that kind of stuff!"
    Down under we call that foot-in-mouth disease.
    Frustrated...
    I hope that the lighthearted comments above have relieved the tension. If you have any more Spry related problems, please do not hesitate to return here.
    Gramps

  • Spry Content Slideshow Wonderlust

    I am trying to implement the spry content slideshow wonderlust that I got from the adobe widget browser. I copied the code into the page where I want the slideshow to show up and it is not formatting correctly. It is evidently missing the stylesheet. How do I get the style sheet to make this widget work?
    The following is the code that is pasted into the head section of the page.
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    In the section where I want the slideshow to show up I pasted the following code:
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" alt="San Francisco, CA" />
          <div class="caption">San Francisco, CA</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Palace of Fine Arts</div>
            <div class="subTitle">Flowers of Spring, California</div>
          </div>
          <div class="content">
            <p>The Palace of Fine Arts was initially built for the Pan-Pacific Exposition in the 1930s, heralding San Francisco's rebirth after the 1906 earthquake.</p>
            <button type="button"><span><span><span>Click for Details</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-8.jpg" alt="Horses" />
          <div class="caption">Horses</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County, California</div>
            <div class="subTitle">Bay Area's  Best Secret</div>
          </div>
          <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" alt="Open Space" />
          <div class="caption">Open Space</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County</div>
            <div class="subTitle">Parkland</div>
          </div>
          <div class="content">
            <p>Marin County is blessed with acres of open spaces, both public and private. </p>
            <button type="button"><span><span><span>Get Packing!</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" alt="Orchids" />
          <div class="caption">Orchids</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Flower Garden</div>
            <div class="subTitle">Flora tour in Golden Gate Park</div>
          </div>
          <div class="content">
            <p>Orchids from all over the world can be seen in the Arboretum in Golden Gate Park.</p>
            <button type="button"><span><span><span>Find out More!</span></span></span></button>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
        widgetClass: "WLBSlideShow",
        displayInterval: 4000,
        transitionDuration: 2000
    </script>

    I am trying to implement the spry content slideshow wonderlust that I got from the adobe widget browser. I copied the code into the page where I want the slideshow to show up and it is not formatting correctly. It is evidently missing the stylesheet. How do I get the style sheet to make this widget work?
    The following is the code that is pasted into the head section of the page.
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    In the section where I want the slideshow to show up I pasted the following code:
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" alt="San Francisco, CA" />
          <div class="caption">San Francisco, CA</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Palace of Fine Arts</div>
            <div class="subTitle">Flowers of Spring, California</div>
          </div>
          <div class="content">
            <p>The Palace of Fine Arts was initially built for the Pan-Pacific Exposition in the 1930s, heralding San Francisco's rebirth after the 1906 earthquake.</p>
            <button type="button"><span><span><span>Click for Details</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-8.jpg" alt="Horses" />
          <div class="caption">Horses</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County, California</div>
            <div class="subTitle">Bay Area's  Best Secret</div>
          </div>
          <div class="content">
            <p>A few short miles from downtown San Francisco, horses roam in the fields of Marin County, California.</p>
            <button type="button"><span><span><span>More Info</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" alt="Open Space" />
          <div class="caption">Open Space</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Marin County</div>
            <div class="subTitle">Parkland</div>
          </div>
          <div class="content">
            <p>Marin County is blessed with acres of open spaces, both public and private. </p>
            <button type="button"><span><span><span>Get Packing!</span></span></span></button>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"> <img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" alt="Orchids" />
          <div class="caption">Orchids</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">Flower Garden</div>
            <div class="subTitle">Flora tour in Golden Gate Park</div>
          </div>
          <div class="content">
            <p>Orchids from all over the world can be seen in the Arboretum in Golden Gate Park.</p>
            <button type="button"><span><span><span>Find out More!</span></span></span></button>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
        widgetClass: "WLBSlideShow",
        displayInterval: 4000,
        transitionDuration: 2000
    </script>

  • Problem inserting Spry Content Slideshow (Wanderlust theme) Widget

    Modified widget dimensions, headers and copy to fit within designated area on website home page.
    Looks great in live view.  Cannot make widget work however.  Here's a live link...
    http://www.banners4churches.com/current/banners/cloth.php
    Any suggestions??????  Thanks for your help.
    Mike
    (FILE NAME) SpryContentSlideshow_b4c.xml
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Spry Content Slideshow Wanderlust : &lt;default&gt;</title>
    <link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'></script>
    <script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'></script>
    </head>
    <body>
    <div id="ImageSlideShow">
      <div class="article">
        <div class="photo"><img src="BannerStand_promo2.jpg" width="305" height="266" alt="bstcombo">
    <div class="caption">Retractable™ Stand Combo</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">EXCLUSIVELY from Banners4Churches!</div>
            <div class="subTitle">available with YOUR CHOICE from 1000's of DZINE! images</div>
          </div>
          <div class="content">
            <p>Select any image and have our designers customize it for you! Or if you already have your design, simply send us your files, and we'll print it for you!!</p>
           <a href="../current/stands/retractable_stands.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"><img src="cmasBanner_promo2.jpg" width="305" height="266" alt="cmaspromo">
    <div class="caption">Seasonal Banners</div>
        </div>
        <div class="story">
          <div class="banner">
            <div class="title">1000's of NEW Images!</div>
            <div class="subTitle">now available for YOUR Special Program</div>
          </div>
          <div class="content">
            <p>Make your order plans NOW for the Christmas season. Our designers can create a DZINE! that will perfectly match your program theme!!</p>
           <a href="http://www.banners4churches.com/banners/list.php?category[]=holidays_events" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
    <div class="article">
        <div class="photo"><img src="fwd_promo2.jpg" width="305" height="266" alt="fwdpromo">
    <div class="caption">Fabric Wall Decal</div>
    </div>
        <div class="story">
          <div class="banner">
            <div class="title">Revolutionary NEW Product!</div>
            <div class="subTitle">applies to virtually EVERY surface AND is transferable</div>
          </div>
          <div class="content">
            <p>Adheres securely to masonry, drywall, wood and ABSOLUTELYwill not harm walls or leave behind tacky residue!! Want more amazing - YOU CAN MOVE Your DZINE!!</p>
           <a href="../current/banners/fabric_walldecals.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
            </a>
          </div>
        </div>
      </div>
      <div class="article">
        <div class="photo"><img src="78Banner_promo2.jpg" width="305" height="266" alt="78promo">
    <div class="caption">Available in English or español!</div>
    </div>
        <div class="story">
          <div class="banner">
            <div class="title">CUSTOM CHURCH BANNERS!</div>
            <div class="subTitle">are EASY to order and offer 1000's of options</div>
          </div>
          <div class="content">
            <p>With access to nearly every translation of the Bible, our team of designers can help you create the perfect church banner. Our speciality is making custom banners for your church!!</p>
           <a href="http://www.banners4churches.com/banners/list.php" onClick="window.location=this.href;">
                  <button type="button">
                  <span><span><span>Learn More</span></span></span>
                  </button>
          </div>
    </a>
    <script type="text/javascript">
    var ImageSlideShow = new Spry.Widget.ContentSlideShow("#ImageSlideShow", {
              widgetClass: "WLBSlideShow",
              displayInterval: 4000,
              transitionDuration: 2000
    </script>
    </body>
    </html>

    Gramps,
    Here's the current web page without the widget...
    www.banners4churches.com
    Here's the page with the troublesome code (about half way down)...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html><!-- InstanceBegin template="/Templates/skin_2007_sidebar_home.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>America's Church Banner SuperStore - Custom Church Banners, Church Signs, Church Posters & Inspirational Products</title>
    <meta name="verify-v1" content="cXasDZPTFX8DJZSEnchZANj/+z+XD9m8VyhCNhHjTOE=" />
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="Keywords" -->
    <meta name="Keywords" content="church banners,church banner,cloth church banners,fabric church banners,praise banners,worship banners,religious banners,religious banner,christian banners,christian banner,church worship,church christian,catholic church,fabric banners,church posters,inspirational church banners, thanksgiving banners, christmas banners, vacation bible school banners, holiday banners, outreach banners" />
    <meta name="description" content="Church Banner Superstore for custom cloth church banners, custom vinyl church banners, pre-designed Church Banners plus church banners for praise, worship and church outreach ministries. Avilable in English and Spanish with Fast, Secure ordering 24 hours a day, Fast Service & Low Prices.">
    <meta name="robots" content="index,follow"> <!-Banners4Churches.com - America's Church Superstore for Religious Banners and Signs for praise, worship and church outreach ministries. -->
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script language="JavaScript" type="text/javascript" src="/jsx/com/gorad/lang/use.js"></script>
    <script language="javascript" type="text/javascript" src="/_ui/2007/js/_parent.js"></script>
    <script language="javascript" type="text/javascript" src="/_ui/2007/js/security.js"></script>
    <script type="text/javascript">
    function visualSearchZoom(id,mode) {
              var settings = 'status=no,toolbar=no,location=no,menubar=no,directores=no,resizable=yes,scrollbars=auto' ;
              if(mode=='horizontal') {
                        settings = settings+',height=315,width=532';
              if(mode=='vertical') {
                        settings = settings+',height=565,width=232';
              var zoomWindow = window.open("/banners/zoom.php?image="+id+'&mode='+mode,"zoomWindow",settings);
    </script>
    <!-- InstanceBeginEditable name="Javascript" --><!-- InstanceEndEditable -->
    <script type="text/javascript"></script>
    <style type="text/css" media="all">
    @import "/_ui/2007/css/skin_2007_.css";
    body {
              background-color: #FFF;
    </style>
    <!--[if lt IE 7]>
    <style type="text/css" media="all">
    @import "/_ui/2007/css/skin_2007_.ie6.css";
    </style>
    <![endif]-->
    <!-- InstanceBeginEditable name="Head" -->
    <style type="text/css">
    <!--
    .style7 {color: #000000}
    a:link {
              color: #990066;
    a:visited {
              color: #900;
    .style26 {font-size: 12pt}
    .style29 {
              font-size: 20px;
              font-weight: bold;
              color: #990066;
    .style30 {
              font-size: 14pt;
              text-align: left;
    .style39 {
              color: #00C
    .style44 {color: #990066; font-size: 8pt; }
    .style47 {font-size: 8pt}
    .style54 {color: #FF3300}
    .style55 {
              color: #00C;
              font-weight: bold;
    .style8 {
              color: #FF3300;
              font-size: 36pt;
              font-weight: bold;
    .style9 {
              font-size: 18pt;
              font-weight: bold;
    .style58 {color: #006600}
    -->
    </style>
    <script src="file:///My Book/B4C Backup/B4C Backup 1282010/scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    p.MsoNormal {
    margin:0in;
    margin-bottom:.0001pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    .style61 {font-size: 10pt}
    .style64 {font-size: 16pt}
    .slogancolor {color: #900;
    .slogancolor {text-align: right;
    .slogancolor {font-size: 10pt;
    .style36 {color: #CC0000;
              font-weight: bold;
    .burg {
              color: #950000;
    .burg2 {
              color: #9D0000;
    .burg2 {
              color: #9D0000;
    .gold {
              color: #9F6A13;
    .centerline {
              text-align: center;
    .style15 {
              color: #00C;
              font-weight: bold;
              text-align: center;
    .centerlogo {
    .centerlogo {
              text-align: center;
    .right {
              text-align: right;
    .easter {
              font-size: 18px;
    .easter {
              color: #939;
    .easter {
              text-align: center;
    .easter {
              font-size: 24px;
    .easter {
              font-size: 20px;
    -->
    </style>
    <!-- InstanceEndEditable -->
    </head>
    <body>
    <div id="adjustBlackLeft"></div>
    <div id="main">
              <a href="/" id="mainLink"></a>
              <div id="rightlinks">
                <div align="right">
                  <a href="/banners/list.php"><img src="/_ui/2007/img/nav_banners.gif" alt="Visual Search" width="93" height="33" border="0" /></a>
                          <a href="/current/index.php"><img src="/_ui/2007/img/nav_home.gif" alt="Home" width="30" height="33" border="0" /></a>
                  <a href="/current/contact_us.php"></a>            </div>
      </div>
              <div id="leftlinks"></div>
      <div id="viewcart"><a href="http://order.store.yahoo.net/cgi-bin/wg-order?yhst-129624843121182">   <img src="/_ui/2007/img/viewcart1.gif" alt="View Cart" name="Image18" width="78" height="26" border="0" id="Image18" /></a></div>
      <div id="bottomcontent"><a href="/current/help.php"></a></div>
              <div id="left">
                        <div id="sidebar_orderonline" class="title"><img src="_ui/2007/img/sidebar_orderonline.gif" width="169" height="24" alt="sidebarorder" /></div>
                        <ul class="sidebar">
                                  <li><a href="/current/banners/custom_banners.php"><strong>CUSTOM CHURCH BANNERS</strong></a></li>
                                  <li></li>
                <li><a href="/banners/list.php?category[]=custom_stands">Custom Banner with Stand</a></li>
                <li><a href="/banners/list.php?category[]=ready_designs">Stock Church Banners</a></li>
                                  <li><a href="/banners/list.php?category[]=flowers_inspirational">Flowers &amp; Inspirational</a></li>
                                  <li><a href="/banners/list.php?category[]=holidays_events">Holidays &amp; Events</a></li>
                                  <li><a href="/banners/list.php?category[]=nature_landscapes">Nature &amp; Landscapes</a></li>
                <li><a href="/banners/list.php?category[]=people">People</a></li>
                <li><a href="/banners/list.php?category[]=sky_water">Sky &amp; Water</a></li>
                <li><a href="/banners/list.php?category[]=horizontal">Horizontal Church Banners</a></li>
                                  <li><a href="/banners/list.php?category[]=vertical">Vertical Church Banners</a></li>
                                  <li><a href="/banners/list.php">SEE ALL CHURCH BANNERS</a></li>
                        </ul>
                        <div id="sidebar_descriptions" class="title"></div>
                        <ul class="sidebar">
                                  <li><a href="current/stands/powerframe_stands.php">Powerframe&trade; COMBOS</a></li>
                                  <li><a href="current/stands/retractable_stands.php">Retractable&trade;Stand COMBO</a></li>
                                  <li><a href="current/stands/tstand_stands.php">T Stand&trade; COMBO</a></li>
                                  <li><a href="current/banners/cloth.php">Cloth Church Banners</a></li>
                                  <li><a href="current/banners/vinyl.php">Vinyl Church Banners</a></li>
                                  <li><a href="current/banners/fabric_walldecals.php">Fabric Wall Decals</a></li>
                                  <li><a href="current/banners/posters.php">Church Posters</a></li>
                                  <li><a href="current/banners/educational.php">Unit Circle for Mathematics</a></li>
                <li><a href="current/banners/dzine_yourbanner.php">DZINE! Your Banner</a></li>
                                  <li><a href="current/custom_designshelp.php">DZINE! Help</a></li>
                                  <li><a href="current/banners/custom_banners.php">Custom Order Help</a></li>
                <li><a href="current/banners/marketing_church.php">Promote Your Church</a></li>
                <li><a href="current/banners/logos_printcollateral.php">Logo DZINE!</a></li>
                <li><a href="current/banners/cmi_imagebank.php">CMI Image Bank</a></li>
                                  <li></li>
                        </ul>
                        <div id="sidebar_info" class="title"></div>
                        <ul class="sidebar">
                                  <li></li>
                                  <li><a href="/media/Banners4Churches-Catalog.pdf">Download 2012 Catalog</a></li>
                                  <li><a href="current/production_shipping.php">PRODUCTION/SHIPPING</a></li>
                                  <li><a href="current/rush_service.php">Rush Print Service</a></li>
                                  <li><a href="current/customer_feedback.php">Customer Feedback</a></li>
                                  <li><a href="current/terms_returns.php">Terms &amp; Returns</a></li>
                <li><a href="current/privacy_policy.php">Privacy Policy</a></li>
                <li><a href="current/banners/caldwell_mktintl.html" class="strong">Caldwell Marketing Int'l</a></li>
                <li><a href="current/contact_us.php">Contact Us</a></li>
                                  <li></li>
                        </ul>
                        <p> </p>
                          </div>
      <div id="mainContent">
              <div id="interiorcontent" class="mostPopular">
              <div class="title"><!-- InstanceBeginEditable name="Page Title" -->
                <div align="center"!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;<br />
                    &lt;html&gt;<br />
                    &lt;head&gt;<br />
                    &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;<br />
                    &lt;title&gt;Spry Content Slideshow Wanderlust : &amp;lt;default&amp;gt;&lt;/title&gt;<br />
                    &lt;link type='text/css' href='Spry-UI-1.7/css/ContentSlideShow/wanderlust/wanderlust-brown.css' rel='stylesheet'/&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMUtils.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryDOMEffects.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryWidget.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSelector.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryPanelSet.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryFadingPanels.js'&gt;&lt;/script&gt;<br />
                    &lt;script type='text/javascript' src='Spry-UI-1.7/includes/SpryContentSlideShow.js'&gt;&lt;/script&gt;<br />
                    &lt;/head&gt;</p>
                  <p>&lt;body&gt;<br />
                    &lt;div id=&quot;ImageSlideShow&quot;&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;BannerStand_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;bstcombo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Retractable&trade; Stand Combo&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;EXCLUSIVELY from Banners4Churches!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;available with YOUR CHOICE from 1000's of DZINE! images&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Select any image and have our designers customize it for you! Or if you already have your design, simply send us your files, and we'll print it for you!!&lt;/p&gt;<br />
      &lt;a href=&quot;../current/stands/retractable_stands.php&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;cmasBanner_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;cmaspromo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Seasonal Banners&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;1000's of NEW Images!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;now available for YOUR Special Program&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Make your order plans NOW for the Christmas season. Our designers can create a DZINE! that will perfectly match your program theme!!&lt;/p&gt;<br />
      &lt;a href=&quot;http://www.banners4churches.com/banners/list.php?category[]=holidays_events&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;fwd_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;fwdpromo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Fabric Wall Decal&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;Revolutionary NEW Product!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;applies to virtually EVERY surface AND is transferable&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;Adheres securely to masonry, drywall, wood and ABSOLUTELYwill not harm walls or leave behind tacky residue!! Want more amazing - YOU CAN MOVE Your DZINE!!&lt;/p&gt;<br />
      &lt;a href=&quot;../current/banners/fabric_walldecals.php&quot; onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/a&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;article&quot;&gt;<br />
      &lt;div class=&quot;photo&quot;&gt;&lt;img src=&quot;78Banner_promo2.jpg&quot; width=&quot;305&quot; height=&quot;266&quot; alt=&quot;78promo&quot;&gt;<br />
      &lt;div class=&quot;caption&quot;&gt;Available in English or espa&ntilde;ol!&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;story&quot;&gt;<br />
      &lt;div class=&quot;banner&quot;&gt;<br />
      &lt;div class=&quot;title&quot;&gt;CUSTOM CHURCH BANNERS!&lt;/div&gt;<br />
      &lt;div class=&quot;subTitle&quot;&gt;are EASY to order and offer 1000's of options&lt;/div&gt;<br />
      &lt;/div&gt;<br />
      &lt;div class=&quot;content&quot;&gt;<br />
      &lt;p&gt;With access to nearly every translation of the Bible, our team of designers can help you create the perfect church banner. Our speciality is making custom banners for your church!!&lt;/p&gt;<br />
      &lt;a href=&quot;http://www.banners4churches.com/banners/list.php" onClick=&quot;window.location=this.href;&quot;&gt;<br />
      &lt;button type=&quot;button&quot;&gt;<br />
      &lt;span&gt;&lt;span&gt;&lt;span&gt;Learn More&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;<br />
      &lt;/button&gt;<br />
      &lt;/div&gt;<br />
      &lt;/a&gt;<br />
      &lt;script type=&quot;text/javascript&quot;&gt;<br />
                    var ImageSlideShow = new Spry.Widget.ContentSlideShow(&quot;#ImageSlideShow&quot;, {<br />
                    widgetClass: &quot;WLBSlideShow&quot;,<br />
                    displayInterval: 4000,<br />
                    transitionDuration: 2000<br />
                    });<br />
      &lt;/script&gt;<br />
      &lt;/body&gt;<br />
      &lt;/html&gt;</p>
                  <p class="style64"> </p>
                </div>
              <!-- InstanceEndEditable --></div>
              <!-- InstanceBeginRepeat name="Page Content" --><!-- InstanceBeginRepeatEntry -->
              <!-- InstanceBeginEditable name="Content" -->
    <p class="blue">
    <div id="fb-root"><a href="http://smallbusiness.yahoo.com/ecommerce/" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/smallbiz/gr/ecomby_128bit.gif" width="134" height="67" border="0" align="right" alt="ecommerce provided by Yahoo! Small Business"/></a></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/platform" width="292" show_faces="false" border_color="" stream="false" header="true"></fb:like-box> </p>
    </span></span></span>
    <p class="blue"> </p>
    <p class="blue"> </p>
    <p class="blue"><em><strong style="font-size: 16px; text-align: left;">Available in English &amp; espa&ntilde;ol!</strong></em></p>
    <p><em><strong>NUMBER ONE for church banners &amp; inspirational products across th<img src="media/Guaranteed-Seal.jpg" alt="seal" width="164" height="157" align="right" />e United States!</strong></em></p>
    <p>Using only premium, top quality material, we also offer one of the largest image databases in the world!</p>
    <p>Combine that with award winning designers, and you get a customer experience second to none! You'll always find the newest and most innovative products at <strong>Banners4Churches.com</strong>.</p>
    <p><img src="media/FabricWall/fwd_cover.jpg" width="241" height="279" /></p>
    <p> </p>
    <p><strong style="font-size: 14pt">5 Year Limited Warranty* </strong></p>
    <p>comes standard with every banner we sell!</p>
    <p>Your complete satisfaction is our <em>only</em> goal.</p>
              <p> </p>
    <p class="slogancolor"> </p>
        <p class="slogancolor"><strong><em>Banners...any design...any size.</em></strong></p>
        <p class="slogancolor"><strong><em> That's Banners4Churches.com!</em></strong></p>
        <p></p>
        <p class="red"> </p>
    <p><a href="http://www.banners4churches.com/current/index.php">(RETURN TO TOP)</a></p>
              <p> </p>
              <p class="small"><em>* 5 Year Warranty covers fading and defects in material workmanship only. Warranty does not cover abuse, neglect, fire, natural disasters or water damage. When original banner is returned in original shipping carton, warranty covers identical replacement.</em></p>
              <p class="small"> </p>
              <p class="right"><em>Banners4Churches.com is a subsidiary of <br />
    Caldwell Marketing International &bull; Music City USA! </em></p>
              <!-- InstanceEndEditable --><br />
              <!-- InstanceEndRepeatEntry --><!-- InstanceEndRepeat -->
              </div>
              <div id="right">
                <div id="mostpopularsearch">
                  <form action="/banners/list.php" method="get">Search by code: <input type="text" name="search" size="6" value="" /> <input type="submit" value="Go!" /><input type="hidden" name="category[]" value="all" /></form>
                </div>
                <div class="column">
                        <div class="title" id="sidebar_popular"></div>
                        <ul class="popular">
                        <?php
                                  include('/banners/List.class.php');
                                  $list_popular = new com_newtechgraphics_Web_List(null, array('popular_fp'), '/banners/images.csv');
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['horizontal'])) {
                                                      echo "<li class=\"horizontal\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"126\" height=\"72\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','horizontal'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['vertical'])) {
                                                      echo "<li class=\"vertical\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"52\" height=\"135\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','vertical'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                        ?>
                        </ul>
                </div>
                <div class="column seasonal">
                        <div class="title" id="sidebar_seasonal"></div>
                        <ul class="seasonal">
                        <?php
                                  $list_seasonal = new com_newtechgraphics_Web_List(null, array('season_fp'), '/banners/images.csv');
                                  foreach ($list_seasonal->images as $image) {
                                            if(!empty($image['horizontal'])) {
                                                      echo "<li class=\"horizontal\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"126\" height=\"72\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','horizontal'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                                  foreach ($list_popular->images as $image) {
                                            if(!empty($image['vertical'])) {
                                                      echo "<li class=\"vertical\"><a href=\"/banners/view.php?imagecode=$image[code]\"><img src=\"/_images/products/126/$image[code]-V.jpg\" width=\"52\" height=\"135\" border=\"0\" alt=\"$image[text]\" /></a><a href=\"#\" onclick=\"visualSearchZoom('$image[code]','vertical'); return false\" class=\"zoom\">Zoom</a><a href=\"/banners/view.php?imagecode=$image[code]\" class=\"pricing\">Pricing</a></li>";
                        ?>
                        </ul>
                </div>
              </div>
                                  </div>
              <div id="bottomcontent"><!-- InstanceBeginEditable name="Bottom Content" --><!-- InstanceEndEditable --></div>
              <div id="footer"></div>
    </div>
    </body>
    <!-- InstanceEnd --></html>

  • Remove source code names for Spry Content Slides

    I installed the widget Spry Content Slides and then removed it because it extended beyond the main column into a sidebar. Even though the code is gone the labels remain at the top with all the other source code labels. I want to reinstall Spry Content Slides but how do I stop it from flowing into the adjacent column? When I reinstall will I have duplicating labels?
    John

    If the labels still remain on the page, there is a good chance there is some code that was not entirely deleted.  To answer your second question we would need to see the code from your page to see what is going on and how to fix it.

  • Spry:content just print some content

    I have a javascript function text(CODE) that returns text from an xml file. This works, I can do alert(text("HELLO")); and it will return "Hello World".
    All I want to do is this:
    <h1 spry:content="text('HELLO')"></h1>
    but I get nothing, no value in the H1 tag. If I do this
    <h1 spry:content="text('HELLO')">This should go away</h1>
    The "This should go away" text never goes away
    Spry IS working, I have a fade effect going on, I have called the data functions. But I cannot get this to work. All I'm trying to do is replace text in a tag without having to do getElementById("blah") or having to register id's on all my content.
    Any help would be awsome

    gcatcher wrote:
    Now, if I can't do this, my question is WHAT SHOULD I do?
    I've got a function that returns text, I want to have that text show up all over the website, I don't want to give every element an id and reference the id... this is not a table or database. This is text content like "Enter your username and password" above a form. Or error messages. Or anything really
    I am confused. If you already have the function that returns text, why would you use Spry?
    Spry can be used to retrieve data from an XML file (non-relational database) and can be used to place that information within your document.
    It would however be advantageous to show us your code (preferably via an online URL) so that we can see what you are talking about.
    Ben

  • I'cant load SPRY content into a Frame

    HOw can i load spry content into a frame.. i wrote a code..
    and in the preview version works.. but when i upload to server..
    it's not working.. this my code.. thk
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- Copyright (c) 2006. Adobe Systems Incorporated. All
    rights reserved. -->
    <html xmlns="
    http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1" />
    <title>Collapsible Panel Group Sample</title>
    <script language="JavaScript" type="text/javascript"
    src="widgets/collapsiblepanel/SpryCollapsiblePanel.js"></script>
    <script language="JavaScript" type="text/javascript">
    function load_content ()
    if (parent.document.getElementById('main_div')) {
    parent.document.getElementById('main_div').innerHTML=document.getElementById('inner_frame ').innerHTML;
    if (!parent.document.getElementById('main_div')) {
    window.location=('index.html') ;
    </script>
    <link
    href="widgets/collapsiblepanel/SpryCollapsiblePanel.css"
    rel="stylesheet" type="text/css" />
    <link href="css/samples.css" rel="stylesheet"
    type="text/css" />
    <style type="text/css">
    #cp1 .CollapsiblePanelContent {
    overflow: scroll;
    height: 300px;
    .CollapsiblePanel {
    width: 300px;
    .CollapsiblePanelTab {
    font-size: 1em;
    </style>
    </head>
    <body onload="load_content()">
    <h3>Collapsible Panel Group Sample</h3>
    <p>By default the panels in a collapsible panel group
    are open.</p>
    <div id="inner_frame">
    <div id="CollapsiblePanelGroup1"
    class="CollapsiblePanelGroup">
    <div class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0">Panel
    23</div>
    <div class="CollapsiblePanelContent">
    <p>Test 1.</p>
    </div>
    </div>
    <div class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0">Panel
    2</div>
    <div class="CollapsiblePanelContent">
    <p>test 2</p>
    </div>
    </div>
    <div class="CollapsiblePanel">
    <div class="CollapsiblePanelTab" tabindex="0">Panel
    3</div>
    <div class="CollapsiblePanelContent">
    <p>test 3</p>
    </div>
    </div>
    </div>
    </div>
    <script language="JavaScript" type="text/javascript">
    var cpg1 = new
    Spry.Widget.CollapsiblePanelGroup("CollapsiblePanelGroup1", {
    contentIsOpen: false });
    </script>
    </body>
    </html>

    Im not sure if i'm doing it right, but it wont work for me
    var scriptEle= document.createElement("script");
    scriptEle.text = s;
    ele.appendChild(scriptEle);
    is this the exact code witch i have to replace the old one
    with?
    i also added the
    Spry.Data.initRegions(ele);
    on the end of the Spry.Utils.setInnerHTML function
    i havent included the spry related javascripts in the main
    page could tha be a problem?
    actually i've tried to but it did'nt help
    really thanx tha you willing to help

  • Spry content not accessed by  search engines

    Since moving to Spry and using accordion panels, search
    engines have stopped listing our web pages. It seems that they
    cannot access the HTML code.
    Is there a way to set up the accordion panels so that search
    engines can access the HTML content?

    In order for search engines to index something like menus on
    webpages they must be in the body of the HTML for the webpage. They
    can not be dynamically loaded into a webpage via a JavaScript. When
    you view the source of the webpage that loaded into the browser,
    what you see in that source is what the search engines see.

Maybe you are looking for

  • Ipod Recognised by Windows XP but not iTunes

    Why oh why does nobody have the brains to offer a decent solution to this. I have read the same Sh*t again and again. It is not helpling. Reset, reformat etc, drive letters, reinstalling e.t.c. Same Problem Here!!! This is rubbish, We are all going r

  • Null Values From MS Web Services Toolkit Client

    Hi, I've been bashing my head against a wall on this one for too long now. I've got a JAX-WS web service deployed to Glassfish v2 b33 which works fine when called by a Java client. It also works fine when methods with no parameters are called from th

  • Looking for some help with an error message when exporting master file. I'm stuck and would even pay to get this sorted out!

    Hey guys, I'm really in a bind here and need some urgent help tonite. I would even be willing to pay for some actual help and not some vague information that i may not be able to understand if we could do something via skype or some other way that wo

  • Re: usage of XML SQL Utility

    Hi there, I have such a design issue, which I posted a few days ago and I reworded here. Hopefully, I made it clearer this time. The working scenario, coded in Java, goes like this: 1> Given an XML string, I parse it out and get a set of values for a

  • Wierd Quicktime Issue....Ideas????

    Got a 3 Ghz Mac Pro...all is well....then all of a sudden when playing mpg files in quicktime, there is no sound though the internal speaker or headphones. mov, mp4, wmv, avi, etc all will play audio through the internal speakers or headphone...now h