Spry Data in HTML Panel

I'd like to load a page w/ dynamic data content through an
HTML Panel. Can it be done?

Hi,
There is some problem in Spry where in if the loaded content
has any spry:regions or dataset objects, those are not executed as
expected. You need to replace the Spry.Utils.setInnerHTML function
with the following code
Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
if(!ele)
return;
ele = Spry.$(ele);
var scriptExpr =
"<script[^>]*>(.|\s|\n|\r)*?</script>";
ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
if (preventScripts)
return;
var matches = str.match(new RegExp(scriptExpr, "img"));
if (matches)
var numMatches = matches.length;
for (var i = 0; i < numMatches; i++)
var s = matches
.replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
var oScript = document.createElement("script");
oScript.text = s;
ele.appendChild(oScript);
Spry.Data.initRegions(Spry.$(ele));
It should work fine.
-JV

Similar Messages

  • Spry Data Sheet HTML

    Currently I am making a site with spry Datasheet (with a
    HTML). I have two datasheet that i use. The spry-masterdetail part
    contains two sets of rows with thumbs of the datasheet file.
    Somewhere on my page I have the spry-detail. If i click on one of
    the thumb it shows in de spry-detail the result. This works with
    the first of the rows with thumbs. The second row doesn't work.
    This is because the first result (when you click on the thumb of
    the first row) is on top of second result (when you click on the
    thumb of the second row).
    These are my codes for the result when clicking on the thumb:
    <div spry:detailregion="dsgr dsva"
    class="DetailContainer">
    <div class="DetailColumn">{Picture}</div>
    </div>
    As you can see the detailregion contains two datasheets (dsgr
    ad dsva). But it can't choose which one to set on top. How do i
    deal with this problem. Javascript (I don't know how to do this)?
    I've read somewhere to use spry:choose but this isn't very clearly
    for me.

    Hi,
    There is some problem in Spry where in if the loaded content
    has any spry:regions or dataset objects, those are not executed as
    expected. You need to replace the Spry.Utils.setInnerHTML function
    with the following code
    Spry.Utils.setInnerHTML = function(ele, str, preventScripts)
    if(!ele)
    return;
    ele = Spry.$(ele);
    var scriptExpr =
    "<script[^>]*>(.|\s|\n|\r)*?</script>";
    ele.innerHTML = str.replace(new RegExp(scriptExpr, "img"),
    if (preventScripts)
    return;
    var matches = str.match(new RegExp(scriptExpr, "img"));
    if (matches)
    var numMatches = matches.length;
    for (var i = 0; i < numMatches; i++)
    var s = matches
    .replace(/<script[^>]*>[\s\r\n]*(<\!--)?|(-->)?[\s\r\n]*<\/script>/img,
    var oScript = document.createElement("script");
    oScript.text = s;
    ele.appendChild(oScript);
    Spry.Data.initRegions(Spry.$(ele));
    It should work fine.
    -JV

  • Images not loading in Spry HTML Panel

    Hallo everyone
    I am using links to load html fragments in a Spry HTML Panel, just like in the example page
    http://labs.adobe.com/technologies/spry/widgets/htmlpanel/SpryHTMLPanel.html
    The whole structure is inside a Spry Tabbed Panel.
    All works ok if the target html pages are in the same directory as the mother page.
    Images are standard in the "images" folder
    The problem starts when I try to organise all the html fragments in a separate directory.
    Updating links in all the html  files is of course done correctly, images included.
    Then the problem starts.
    The html fragments load but with no images.
    When I open the html fragments directly by the browser all is ok.
    Any ideas would be appreciated
    Thanks!

    Can you upload your pages to a server and give us a link?
    If your images are in your site folder (no matter which directory), but they are not showing up in your fragments, it is likely that the paths are wrong. The images (it seems to me) should exist on the fragment and be linked from there.
    I won't have a chance to fiddle around with this right now, but if your images are linked to the fragment locations and that does NOT work, try linking them as if they were on the page that is showing the fragments. I'm not familiar (yet) with this widget.
    Beth

  • How do I link a Spry data set with a detail region to a html web site?

    I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
    <?xml version="1.0" encoding="utf-8"?>
    <books>
    <book>
    <title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
    <author>Levester Williams</author>
    <image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
    <description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
    <weblink >www.crunchyandmunchy.com</weblink>
    </book>
    <book>
    <title>More Dirty Little Secrets</title>
    <author> Dr. Claud Anderson and Brant Anderson</author>
    <image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
    <description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
    <weblink>http://powernomics.com/</weblink>
    </book>
    </books>

    Hi,
    In your html page, use the following notation:
    <a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
    I hope this helps.
    Ben

  • Spry.Data.HTML Firefox .vs. IE

    Hi,
    I have a relatively simple page with two HTML table data
    sources.
    ds1 = Flashcontent.html and ds2 = PDFcontent.html and their
    respective tables, FlashDemoContent and PDFDemoContent.
    I'm using a Spry Tab widget that contains two tabs, and Spry
    repeats in each tab to show the content from
    the tables above.
    It all works just great on IE. HOWEVER, on Firefox (2.x and
    3.x), I get the error:
    Spry.Data.HTMLDataSet: 'PDFDemoContent' is not a valid
    element ID.
    Data shows up on the first tab (FlashContent) but not on the
    2nd tab.
    Any thoughts? I'd be happy to share the code if need be.
    thanks for any pointers.
    mike

    Hi,
    Thanks for replying. I really appreciate it. Unfortunately, I
    don't have a URL handy that I can publish to. (Behind the corp
    firewall with no access to my home server)
    However, I think I might have figured it out. When
    referencing the column names (ie: {FullName}, {Directory}), if you
    are using the same name more than once, you should reference as
    follows:
    {ds1::FullName}
    {ds2::FullName}
    etc...
    Once I clarified that, it worked well in both IE7 and Firefox
    (3.0).
    I dare say, this has been enjoyable! Thanks again for
    replying. I'd appreciate if someone could verify my findings.
    mike

  • Need to control page view to 20 from an html data source for a spry data repeating region

    </style>
    <script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryPagedView.js" type=”text/javascript”></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 20 });
    //-->
    </script>
    </head
    <body>
    <div id="wrapper">
      <div spry:region="ds1">
        <div id="repeatOne" spry:repeat="ds1">
          <p>{Photo_2}<br />
          {Item}</p>
        </div>
    Here you can find the file that I need to Create Paged View data set navigation
    http://www.hohmangraphics.com/masterProductGuide/WrapAround_art/joestest_2.html

    Thank you,
    With some adjustments it worked, see source code below,
    <script src="SpryAssetPan/SpryData.js" type="text/javascript"></script>
    <script src="SpryAssetPan/SpryHTMLDataSet.js" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript" src="SpryAssetPan/SpryPagedView.js"></script>
    <script language="JavaScript" type="text/javascript">
    var ds1 = new Spry.Data.HTMLDataSet("wrapAround_master2.html", "wrap2", {distinctOnLoad: true, sortOnLoad: "Item", sortOrderOnLoad: "ascending"});
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
    //-->
    </script>
    </head>
    <body>
    <div id="wrapper">
    <p>
      <input type="button" value="First" onclick="pv1.firstPage();" />
      <input type="button" value="Prev" onclick="pv1.previousPage();" />
      <input type="button" value="Next" onclick="pv1.nextPage();" />
      <input type="button" value="Last" onclick="pv1.lastPage();" />
      <br />
    </p>
    <div spry:region="pv1 ds1">
        <div id="repeatOne" spry:repeat="pv1">
          <p>{Photo_2}<br />
          {Item}</p>
        </div>

  • Spry data set and html table with multiple images

    I use "Spry Data Set" in my Dreamweaver CS4 site. I need to make one html file (a product page) and all the product data comes from a separate html table.
    So, I have a html table that contains the product data and the images. Each row is one product.
    Column 1 contains a product name
    Column 2 contains product information
    Column 3 contains products thumbnail image 1
    Column 4 contains products thumbnail image 2
    Column 5 contains products large image 1
    Column 6 contains products large image 2
    This a simple example of the idea. In reality, there is lot more content.
    So the actual question is that:
    How can I show in the product page all the thumbnail images, but only one large picture at a time?
    And when the thumbnail is clicked the large picture changes accordingly.

    It depend entirely on what you want.
    One way would be to show a shadow box as per http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=shadowbox&search_exchange=&num =25&startnum=1&event=search&sort=0&interim_dummy_tmpfield=&Submit= or http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=lightbox&search_exchange=&sear ch_license=&search_rating=&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&so rt=0&dummy_tmpfield=
    Another way is to have a master/detail area where the large image appears after clicking in the master area like this http://labs.adobe.com/technologies/spry/demos/products/index.html
    You could also use tooltips as in http://labs.adobe.com/technologies/spry/samples/data_region/TooltipwithData.html.
    There are many more ways, but you need to make the desicion based on the layout of your page.
    Gramps

  • Spry HTML Panel Widget breaks ICE

    I'm using the spry html panel widget to load a side bar
    across my site. It has Ice tags as do the main pages its loaded
    into. When editing a main page, it will not save saying. "the html
    sent to save was not in the page". (referring to my spry sidebar).
    Taking ICE out of the side bar page allows it to work.
    Is there a work around to use this adobe spry widget with in
    context editing? It would be a shame is the sidebar can't be
    edited, or has to be done for every page it loads into not using
    the spry widget.

    Hello Addis,
    I'm not entirely clear on your workflow, but InContext
    Editing does not support editable or repeating region groups inside
    Spry Dynamic Regions.
    You can create editable regions on the html page that loads
    into the spry html panel widget, but you cannot have editable
    regions on the
    dynamic widget region itself.
    Essentially, you can apply InContext Editing editable regions
    to the content in the external HTML page (e.g.,
    panelWidget.loadContent('
    widget_contents.html'). Then, when you want to edit the
    content that loads into the widget on the main pages, you would
    edit the
    widget_contents.html page with InContext Editing. You can
    also apply InContext Editing editable regions to any
    static content regions on your main pages.
    Please let me know if this needs clarification.
    Best regards,
    Corey

  • No Script are working in SPRY HTML panel

    I'm getting trouble with this website :
    http://dubezy-faure.com.linkfirst-preprod.linkeo.org/
    I've have 2 HTML fragments with lightbox and a spry contact
    form in them but no one is working. When I bypassed the HTML panel,
    my scripts work fine.
    I've use the evalScripts:true but still nothing.
    Below is the code :
    <div id="menuhaut">
    <ul>
    <li><a href="index1.htm"
    onclick="hpanel.loadContent(this.href); return
    false;">Accueil</a></li>
    <li><a href="real1.htm"
    onclick="hpanel.loadContent(this.href); return
    false;">R&eacute;alisations</a></li>
    <li><a href="contact1.htm"
    onclick="hpanel.loadContent(this.href); return
    false;">Contact</a></li>
    </ul>
    </div>
    <script language="JavaScript" type="text/javascript">
    var hpanel = new
    Spry.Widget.HTMLPanel("main",{evalScripts:true});
    </script>
    I've added the scripts in the HTML fragments as followed :
    FOR LIGHTBOX
    <link href="css/lx.css" rel="stylesheet" type="text/css"
    />
    <script type="text/JavaScript"
    src="script/lx.js"></script>
    FOR the SPRY VALIDATION SCRIPT
    <link href="css/validate.css" rel="stylesheet"
    type="text/css" />
    <script type="text/JavaScript"
    src="script/validate.js"></script>
    Could someone help me...

    Thanks Diana !
    My contact form is now working fine, but what about the
    lightbox for the page Realisation? It has a lightbox effect on
    clicking an image inside the HTML fragment. This lightbox do not
    work. No error message is reported in firebug. I find this odd.
    The lightbox effect works fine for the button plan, because
    it's found outside the HTML fragment. Anything in the HTML panel
    fails.
    Thanks in advance for the support

  • Spry HTML Panel and Google Indexing

    I've started working with Google analytics and am now realizing that my use of the Spry HTML Panel as cool and efficient as it is, is not being index by Google.  I am using the links with php pages that query a FileMaker database for it's content and need to have Google be able to open and index the pages.  What changes can I make to the standard HTML Panel Code to allow this to happen.  I'm getting ready to take on a large project and this will be very necessary.
    Thanks in Advance
    Joe

    Ajax requests / all javascript are not seen by spiders / bots. Its a 
    common issue with Ajax applications.
    There a few ways to get them indexed. Point to it with a general site 
    map. So it get indexed through a other way.
    Place links on the page that does the ajax calls to the urls. And 
    replace the urls with your HTML panel content.
    So Spiders will follow the normal links and users will get the content.
    Other way it to completely ditch html panel and just show it on the 
    page it self :P
    Arnout Kazemier | Adobe Spry Community Expert
    Internet: http://www.3rd-eden.com
    Twitter: http://www.twitter.com/3rdEden | http://www.twitter.com/AdobeSpry

  • Controlling a Spry HTML panel with a Jump Menu

    Hi, I wonder if anyone can help.
    I've implemented a HTML panel within a page to display different page elements and have it working no problem with a simple href and an onClick event but I would like to control what is displayed by using a jump menu (drop down list) - any idea how I can control that to populate the necessary DIV?
    eg: <select name="site" size=1 onChange="hpanel.loadContent(this.href); return false;"> (obviously this doesn't work!)
    Thanks in advance
    Neil

    It works fine, but your pages arent found;
    http://www.thedesignforge.co.uk/clients/elsevier/laure/v2/dollar_rates.html
    See its missing.
    But
    http://www.thedesignforge.co.uk/clients/elsevier/laure/v2/dollar_rate.html
    Exists. So it seems to me you are linking to a incorrect file.

  • Spry Rating in an HTML Panel

    I have a working rating widget but when I use it in an HTML panel (part of the HTML file) it does not show up. I tried including all of the rating widget functions in both files but to avail. DO I need to use an observer since the rating widget is in another HTML being populated by the HTML panles widget?
    Thanx!

    Jus to clarify for me:
    I should include the <script src="path/to/rating.js"></script> in my main file. The page that displays all of my galleries.(for me it is galleries.html)
    I will change it all around and see what happens
    EDIT*****************************************************
    It still looks as it did before, not sure what I did. heres the link again wioth all updated info
    http://directory-sexy.com/categories/gallery/galleries.html
    I may just consider using jquery for the rating as I am under a bit of a time crunch - I have school starting in two weeks and really need to get this up and running soon. I will also be adding comments to each image but that may require a bit more research.
    Thanx again.

  • Need a little help with Slimbox (Lightbox clone) and Spry data sets

    Hello guys!
    First of all let me say that I'm not a programmer in any way,
    shape or form, and somehow I managed to build me a dynamic
    thumbnail gallery that reads data from an XML file and displays it
    on my webpage using a Spry data set and a slider widget (yay!)
    This is of course only thanks to the many great examples
    provided by the Adobe Spry team, and me being stubborn enough to
    keep at it, even though I don't really understand what I'm doing :D
    But I got to this point where I have basically everything
    working, except that I can't get the Slimbox (Lightbox clone)
    script to work with the Spry-generated thumbnail gallery.
    From what I could understand from other threads on this
    forum, is that I need to add an observer somewhere, only that I'm
    not sure where and how (those threads are pretty old and the
    examples aren't available anymore).
    I'm sure you guys know what I'm talking about, anyway, here's
    what I got so far:
    http://www.riotdesign.com.ar/misc/gallery/test1.html
    I have the thumbnail gallery populated from the external XML
    file, a basic page navigation using the Sliding Panels widget, and
    the Slimbox script which works only on the static test image.
    Okay I guess that's it for now, sorry for the long post and
    of course any help with this will be GREATLY appreciated :)
    Thanks & bye!

    Kev,
    Where exactly does the .evalScripts = true; text need to go?
    Does it go in the href call?
    <a href="ManageNotes.asp" title="Manage Notes" onClick="this.blur();
    Modalbox.show(this.href, {title: 'Manage Notes', width: 575}); return false;">View your notes.</a>
    Thanks for any assistance.
    J Bishop

  • Spry Data Sets and IE8

    Hi, I Currently have a glossary using the Spry Tabbed Panels with Spry Data Sets embedded in each tab. I had it working great in pre IE8.
    Once we upgraded to IE8 it just wont load or display the data sets in the tabs. Below is the page code. (I used the JS straight from the Spry Framework no alterations, except in the CSS files). Any help would be great =).
    <!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="../../../../composition/Templates/profile_spone.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Glossary</title>
    <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="head" -->
    <script src="/composition/SpryAssets/xpath.js" type="text/javascript"></script>
    <script src="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
    <script src="/composition/SpryAssets/SpryData.js" type="text/javascript"></script>
    <link href="/composition/composition002/profile_processes/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
    <link href="/composition/SpryAssets/SpryStackedContainers.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    var ds1 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defnum", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds2 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defa", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds3 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defb", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds4 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defc", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds5 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defd", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds6 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defe", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds7 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deff", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds8 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defg", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds9 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defh", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds10 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defi", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds11 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defj", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds12 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defk", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds13 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defl", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds14 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defm", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds15 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defn", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds16 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defo", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds17 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defp", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds18 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defq", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds19 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defr", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds20 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defs", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds21 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/deft", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds22 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defu", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds23 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defv", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds24 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defw", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds25 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defx", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds26 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defy", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    var ds27 = new Spry.Data.XMLDataSet("/composition/composition002/profile_processes/profile_glossary/glos sary.xml", "glossary/def/defz", {sortOnLoad: "word", sortOrderOnLoad: "ascending"});
    </script>
    <!-- InstanceEndEditable -->
    <link href="../../../../composition/css/profile_sp1.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../../../../composition/css/print1.css" rel="stylesheet" type="text/css" media="print" />
    </head>
    <body>
    <div id="top1">
      <table width="100%" height="75px" border="0" cellpadding="3" cellspacing="0">
        <tr bgcolor="#000000">
          <th width="6%" height="36" align="left" valign="middle" scope="col"><img src="/composition/composition002/Profile_Processes/graphics/globe2.gif" alt="globe" width="70" height="68" border="0" /></th>
          <th width="94%" align="left" valign="top"><span class="whitebanner">Composition Learning Center</span><br />
                         <span class="whitebanner2"><strong>Learn. Grow. Succeed.</strong></span></th>
        </tr>
      </table>
    </div>
      <div id="Layer4"><!-- InstanceBeginEditable name="Content" -->
    <h1 align="center">Glossary</h1>
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" style="display:none" tabindex="0"></li>
        <li class="TabbedPanelsTab" tabindex="0">A</li>
        <li class="TabbedPanelsTab" tabindex="0">B</li>
        <li class="TabbedPanelsTab" tabindex="0">C</li>
        <li class="TabbedPanelsTab" tabindex="0">D</li>
        <li class="TabbedPanelsTab" tabindex="0">E</li>
        <li class="TabbedPanelsTab" tabindex="0">F</li>
        <li class="TabbedPanelsTab" tabindex="0">G</li>
        <li class="TabbedPanelsTab" tabindex="0">H</li>
        <li class="TabbedPanelsTab" tabindex="0">I</li>
        <li class="TabbedPanelsTab" tabindex="0">J</li>
        <li class="TabbedPanelsTab" tabindex="0">K</li>
        <li class="TabbedPanelsTab" tabindex="0">L</li>
        <li class="TabbedPanelsTab" tabindex="0">M</li>
        <li class="TabbedPanelsTab" tabindex="0">N</li>
        <li class="TabbedPanelsTab" tabindex="0">O</li>
        <li class="TabbedPanelsTab" tabindex="0">P</li>
        <li class="TabbedPanelsTab" tabindex="0">Q</li>
        <li class="TabbedPanelsTab" tabindex="0">R</li>
        <li class="TabbedPanelsTab" tabindex="0">S</li>
        <li class="TabbedPanelsTab" tabindex="0">T</li>
        <li class="TabbedPanelsTab" tabindex="0">U</li>
        <li class="TabbedPanelsTab" tabindex="0">V</li>
        <li class="TabbedPanelsTab" tabindex="0">W</li>
        <li class="TabbedPanelsTab" tabindex="0">X</li>
        <li class="TabbedPanelsTab" tabindex="0">Y</li>
        <li class="TabbedPanelsTab" tabindex="0">Z</li>
        <li class="TabbedPanelsTab" tabindex="0">0 to 9</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds2" class="StackedContainers">
            <div spry:repeat="ds2" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds3" class="StackedContainers">
            <div spry:repeat="ds3" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds4" class="StackedContainers">
            <div spry:repeat="ds4" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds5" class="StackedContainers">
            <div spry:repeat="ds5" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds6" class="StackedContainers">
            <div spry:repeat="ds6" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds7" class="StackedContainers">
            <div spry:repeat="ds7" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds8" class="StackedContainers">
            <div spry:repeat="ds8" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds9" class="StackedContainers">
            <div spry:repeat="ds9" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds10" class="StackedContainers">
            <div spry:repeat="ds10" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds11" class="StackedContainers">
            <div spry:repeat="ds11" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds12" class="StackedContainers">
            <div spry:repeat="ds12" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds13" class="StackedContainers">
            <div spry:repeat="ds13" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds14" class="StackedContainers">
            <div spry:repeat="ds14" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds15" class="StackedContainers">
            <div spry:repeat="ds15" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds16" class="StackedContainers">
            <div spry:repeat="ds16" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds17" class="StackedContainers">
            <div spry:repeat="ds17" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds18" class="StackedContainers">
            <div spry:repeat="ds18" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds19" class="StackedContainers">
            <div spry:repeat="ds19" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds20" class="StackedContainers">
            <div spry:repeat="ds20" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds21" class="StackedContainers">
            <div spry:repeat="ds21" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds22" class="StackedContainers">
            <div spry:repeat="ds22" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds23" class="StackedContainers">
            <div spry:repeat="ds23" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds24" class="StackedContainers">
            <div spry:repeat="ds24" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds25" class="StackedContainers">
            <div spry:repeat="ds25" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds26" class="StackedContainers">
            <div spry:repeat="ds26" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
          <div spry:region="ds27" class="StackedContainers">
            <div spry:repeat="ds27" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
        <div class="TabbedPanelsContent">
        <div spry:region="ds1" class="StackedContainers">
            <div spry:repeat="ds1" class="RowContainer"> <div id="w1d" class="RowColumn">{word}</div>
              <span class="RowColumn">{definition}</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1", {defaultTab:0});
      </script><!-- InstanceEndEditable -->
    </div>
    </body>
    <!-- InstanceEnd --></html>

    Thanks Gramps.
    I totally forgot about the Xpath filtering.
    Trusty Hammer
    altruistic gramps <[email protected]>
    01/11/2011 05:06 PM
    Please respond to
    [email protected]
    To
    patrick dennis <[email protected]>
    cc
    Subject
    Spry Data Sets and IE8
    A quick fix: add the following to your document
    A better fix: reduce the number of datasets to just one and use Xpath
    filtering triggered by an onclick event, as in clicking the relevant tab.
    Gramps
    For a more specific answer, please supply a link to your site.

  • Spry Data Set, include external page and javascript

    I have a problem with Spry Data Set... I have necessity to
    include a html page with javascript functions (static html page) in
    another but doesn't work.
    This is an example with "Elevator Panel Magic" extension
    (projectseven.com):
    Home page with dataset (home.html)
    <!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"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=UTF-8" />
    <title>Untitled Document</title>
    <script src="../SpryAssets/SpryData.js"
    type="text/javascript"></script>
    <script src="../SpryAssets/SpryHTMLDataSet.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("include_header.html",
    "header_menu_test");
    ds1.setColumnType("column0", "html");
    //-->
    </script>
    <link href="p7epm/epm1/p7EPM01.css" rel="stylesheet"
    type="text/css" media="all" />
    <script type="text/javascript"
    src="p7epm/p7EPMscripts.js"></script>
    </head>
    <body>
    <span spry:detailregion="ds1">{column0}</span>
    </body>
    </html>
    External page with elevator panel magic
    ("include_header.html")
    <!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>
    </head>
    <body>
    <div id="header_menu_test">
    <div id="p7EPM_1" class="p7EPM01">
    <div id="p7EPMt_1" class="p7epm_trigs">
    <ul>
    <li class="t1"><a href="#p7EPMc1_1"
    id="p7EPMtrg1_1">New Heading Text 1</a></li>
    <li class="t2"><a href="#p7EPMc1_2"
    id="p7EPMtrg1_2">New Heading Text 2</a></li>
    </ul>
    <div class="p7epm_ie5clear"> </div>
    </div>
    <div id="p7EPMdw_1">
    <div id="p7EPMw1_1" class="p7epm_cwrapper">
    <div id="p7EPMc1_1" class="p7epm_content pan1">
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit. Quisque congue tristique eros. Nulla facilisi. Quisque sem
    mauris, ullamcorper ac, gravida id, mattis id, sapien. Nullam
    adipiscing enim dapibus felis. Fusce a nisi in odio pulvinar
    fringilla. Nunc blandit interdum metus. Duis leo nunc, sollicitudin
    ut, fermentum congue, pharetra eu, massa. Suspendisse potenti.
    Morbi commodo mauris. Ut at pede. Ut id nisi. Donec scelerisque
    urna quis ligula. Praesent est. Vestibulum scelerisque. Curabitur
    quam. Fusce rhoncus pellentesque ipsum. Aenean venenatis metus ac
    quam. Maecenas lacus lacus, sagittis vitae, congue at, euismod eu,
    urna. Maecenas vitae purus. Praesent eros lectus, porta et, semper
    nec, molestie eget, tortor.</p>
    </div>
    </div>
    <div id="p7EPMw1_2" class="p7epm_cwrapper">
    <div id="p7EPMc1_2" class="p7epm_content pan2">
    <p>Lorem ipsum dolor sit amed sed diam nonummy nibh
    euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
    in vulputate velit esse molestie consequat, eu feugiat nulla at
    vero eros et accumsan et odio qui blandit praesent luptatum augue
    duis dolore te feugait nulla facilisi.</p>
    <p>Lorem ipsum dolor sit amed sed diam nonummy nibh
    euismod tincidunt ut. Duis autem vel eum iriure dolor in hendrerit
    in vulputate velit esse molestie consequat, eu feugiat nulla at
    vero eros et accumsan et odio qui blandit praesent luptatum augue
    duis dolore te feugait nulla facilisi.</p>
    </div>
    </div>
    </div>
    <!--[if IE 5]><style>.p7epm_trigs a {height:
    1%;}.p7epm_ie5clear {clear: both;}</style><![endif]-->
    <!--[if IE 6]><style>.p7epm_trigs, .p7epm_trigs
    a {height: 1%;}</style><![endif]-->
    <script type="text/javascript">
    <!--
    P7_opEPM('p7EPM_1',1,1,1,0,0,1000,0);
    //-->
    </script>
    </div>
    </div>
    </body>
    </html>
    **********************

    I think it is a bit too late you're 'finally experimenting' with Spry.
    Spry has been deprecated from Adobe and is now been made Open Source on GIT - meaning Adobe will no longer officially support Spry tools. The next major release of DW will most probably get rid of Spry, for good.
    Read here: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
    jQuery is the way ahead. You may want to switch to jQuery - since anyway you've mentioned you're just 'experimenting' at the moment. That way, you're not spending time on something that is no longer being supported/ developed by their developers.
    -ST

Maybe you are looking for

  • Can't print wirelessly with HP 7410 printer using Airport Extreme

    I've got 3 Macs (2 laptops, one desktop) that I was using successfully with my wireless HP 7410 all in one printer using my old Airport Base (snow) Station (822 b & g). Just upgraded for a variety of reasons to the new Airport Extreme Base station an

  • DVD+R 4.7GB 1-16x speed - will it be read and can i burn it on...

    Hi, Can such a DVD be burnt and or read on the new MacBook Pro's 8x SuperDrive (DVD±R DL/DVD±RW/CD-RW)? It says on the DVD that one has to check whether the drive supports 16x speed DVD+R discs... Thank you for your guidance! Best, Jonathan

  • Sleep Issues with 20" Intel iMac

    I am having trouble with the iMac not "waking up" from sleep mode. In fact, it's not a full sleep. I have the machine set to "never" go to sleep. I do have the screen set to go dark after 30 minutes of inactivity. I also have the "turn hard drives of

  • Integration of icefaces in jdev 11gTP2

    Hi, I want to know if it is possible to integrate icefaces with TP2 or any other framework Thanks

  • Activation email.. anyone still waiting?

    Hey everyone. Just got the IPhone today and am waiting for the activation email for the past three hours.. I was just wondering if anyone is still getting this and when I should expect to get this email. I know it took quite sometime the first few da