Accordion with spry data on IE8

Hi,
I have an accordion with spry data and everything works fine on IE8 and FF, but on IE8 when i click on a accordion tab it doesnt focus on that open panel. It takes me at the very top of where my accordion begins. I notice the same thing happens to the accordion with spry data site. It's a problem for me because my page has a long accordion and our users have small laptop screens. Does anyone know how this can be fixed in IE8?
Sorry i dont have a sample link or code, because it's on our company intranet. but i used the exact same method on the spry accordion with data page.
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
thanks!

Good. I am sure you can figure it out.
http://labs.adobe.com/technologies/spry/articles/pager/index.html
Let us know.
Donald Booth
Adobe Spry Team

Similar Messages

  • Paging of accordion with spry data

    Hello everyone !
    It is possible to paginate
    this
    example in order to show a specific number of accordion divs
    per page ?
    I've tried to insert and adapt the
    Massimo
    Foti's spry data paging but without success considering that
    I'm not very familiar with javascript.
    Thanks,
    Gabetu

    Good. I am sure you can figure it out.
    http://labs.adobe.com/technologies/spry/articles/pager/index.html
    Let us know.
    Donald Booth
    Adobe Spry Team

  • Accordion and Spry data

    I've seen a number of questions with regards to populating an
    Accordion with Spry data. I can load the data but the widget
    breaks. Is there a solution? I've tried using states with no
    success. My current code:
    <div spry:region="dsMedia">
    <div spry:state="loading">loading...</div>
    <div spry:state="ready">
    <div id="menu" class="Accordion">
    <div class="AccordionPanel" spry:repeat="dsMedia">
    <div class="AccordionPanelTab">{@title}</div>
    <div class="AccordionPanelContent"><a
    href="{@path}">{@description}</a></div>
    </div>
    </div>
    </div>
    </div>
    --sb.

    Excellent! - that does the trick. Guess I should learn about
    observers.
    My site is a work in progress - but here's the link:
    squarehead
    Thanks again,
    --sb.

  • How to i add an image path with spry data set

    hi
    how to i add an image path with spry data set. I made a xml file and then created a data set in html but image won't load
    this is my XML
    <?xml version="1.0" encoding="UTF-8"?>
    <banner width = "185" height = "400">
        <item>
            <image scr = "nui-panforte-recipe_01.jpg" ></image>
            <description>CHOC-COCONUT PANFORTE</description>      
            <text1>Try this delicious GLUTEN FREE Christmas treat</text1>
            <text2>CHOC-COCONUT PANFORTE</text2>
        </item>
    </banner>
    this is my 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/xpath.js" type="text/javascript"></script>
    <script src="../../SpryAssets/SpryData.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.XMLDataSet("recipe_banner.xml", "banner/item");
    //-->
    </script>
    </head>
    <body>
    <div spry:region="ds1">
      <table>
        <tr spry:repeat="ds1">
          <td>{image}</td>
          <td>{description}</td>
          <td>{text1}</td>
          <td>{text2}</td>
          <td>{text3}</td>
          <td>{text4}</td>
          <td>{link}</td>
          <td>{url}</td>
          <td>{target}</td>
        </tr>
      </table>
    </div>
    </body>
    </html>

    It would be helpfull if you actually created an <img> tag to start with
    <img src="{image/@src}" />
    would work.

  • Accordion with XML data

    As I'm learning, I also am experiencing some difficulties.
    I've tried to combine some XML data with an accordion. Since
    the <div> solutions gave me errors, I found some inspiration
    in the following
    thread.
    Can somebody help me and explain why this isn't working? (PS
    I'm a newbie).
    Some explanation what you might see in the code below:
    - List view => ok = list generated from XML
    - Manual Accordion => ok = HTML for the accordion
    - Accordion from XML data => NOK = attempt to combine List
    view and Manual Accordion =
    Final goal
    ----------------------------------------Beginning of the
    code----------------------------------------
    <!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>00r05</title>
    <!--Link the Spry libraries-->
    <script type="text/javascript"
    src="../Spry_1_6_1_022408/includes/xpath.js"></script>
    <script type="text/javascript"
    src="../Spry_1_6_1_022408/includes/SpryData.js"></script>
    <script language="JavaScript" type="text/javascript"
    src="../Spry_1_6_1_022408/includes/SpryNestedXMLDataSet.js"></script>
    <script type="text/javascript">
    var dsSubjects = new
    Spry.Data.XMLDataSet("00r03_content.xml", "subjects/subject");
    var dsSubSubjects = new
    Spry.Data.NestedXMLDataSet(dsSubjects, "subsubject");
    </script>
    <!--Accordion-->
    <script language="JavaScript" type="text/javascript"
    src="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.js"></script>
    <link
    href="../Spry_1_6_1_022408/widgets/accordion/SpryAccordion.css"
    rel="stylesheet" type="text/css" />
    </head>
    <body>
    <!--
    <div spry:region="dsSubjects">
    <ol>
    <li
    spry:repeat="dsSubjects">{dsSubjects::name}</li>
    </ol>
    </div>
    -->
    <p>---------List View---------</p>
    <div spry:region="dsSubjects dsSubSubjects">
    <ul>
    <li spry:repeat="dsSubjects">{name}
    <ul>
    <li
    spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
    </ul>
    </li>
    </ul>
    </div>
    <p>---------Manual Accordion---------</p>
    <div id="testAccordionManual" class="Accordion">
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">home</li>
    <ul class="AccordionPanelContent">
    </ul>
    </ul>
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">Products</li>
    <ul class="AccordionPanelContent">
    <li>Product 1</li>
    <li>Product 2</li>
    </ul>
    </ul>
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab">Contact</li>
    <ul class="AccordionPanelContent">
    </ul>
    </ul>
    </div>
    <p>---------Accordion from XML data---------</p>
    <div id="testAccordionAuto" class="Accordion"
    spry:region="dsSubjects dsSubSubjects">
    <ul class="AccordionPanel">
    <li class="AccordionPanelTab"
    spry:repeat="dsSubjects">{dsSubjects::name}</li>
    <ul class="AccordionPanelContent">
    <li
    spry:repeat="dsSubSubjects">{dsSubSubjects::name}</li>
    </ul>
    </ul>
    </div>
    <script>
    var acc1 = new Spry.Widget.Accordion("testAccordionManual");
    var acc2 = new Spry.Widget.Accordion("testAccordionAuto");
    </script>
    </body>
    </html>
    ----------------------------------------Ending of the
    code----------------------------------------

    quote:
    Originally posted by:
    V1 Fusion
    Your missing a </li>
    <li spry:repeat="dsSubjects">{name}
    Many thanks. That seams the be the issue.
    However, I'm not able to resolve it. After experimenting I've
    noticed that either:
    - I can get the </li> correct, but then the script
    generates only the three panel tabs without the content
    - or I have the issue with the </Li> as you explained
    So the issue must be with the way I define my list. But I'm
    missing something to get it right.
    Help is more then welcome.
    quote:
    Originally posted by:
    V1 Fusion
    and uhm:
    Did u check this example for your accordion data issues?
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
    Yes I did. I even managed to reconstruct it with my own data.
    But what if you would like to see the 5 addresses of "Edward
    Smith"? While working with this example I experienced a counter
    issue. The example was not elaborative enough to be useful too me
    (and a lot of others if you read trough this forum).
    quote:
    Originally posted by:
    Idriel
    Here you can se Accordation from XML and Nested DataSet. I
    have all created.
    http://zagreb-rugby.hr/igraci.html?id=seniori
    Wow, impressive! I'll hope I manage to get as smart as you
    are and built something just like that.
    It took me a while before I got the concept. And you
    explained it very well. The concept contains 2 kind of data sets,
    one external and the other embedded.
    I also tested it and it is a workaround. Unfortunately, as
    I'm studying the AJAX and SPRY concepts, I want to see how far I
    can go ... with as little as help and workarounds as possible.
    That said, I of course welcome all help when needed, but I
    need the challenge as well.
    PS I'll hope you have a great rugby season with your team ;-)

  • A working YUI Calendar With Spry Data

    Hi,
    I've seen a number of posts about linking Spry data with the YUI calendar widget.
    Well I've done that here.  http://www.pwhitehurst.f2s.com/yui%20calendar.html. through a little perserverance and reading the Yahoo calendar API
    The calendar dates are highlighted based on the event dates in the SPRY data.  I haven't added any other functionality yet as  I'm just taking it one step at a time.  But this page should give others the base code for getting started.  The key is to declare a YAHOO namespace so you can reference the calendar in your spry region postload notifications or other spry functions etc.
    Any questions please reply and I'll see if I've worked it out.  I'm away over Easter but intend to add functionaility so that when you click a date on the calendar it filters the spry data via a non destructive filter etc. I also want the calendar to move to the right month as I click events.
    Cheers
    Phil

    Thanks,
    Unfortunatley my page hasn't gone live yet, so I can't show you what I mean, but I think I've found the problem.
    I've managed to config the YUI calendar to accept dates in DD/MM/YYYY format (using some of the localisation features described on the Yahoo developers pages: http://developer.yahoo.com/yui/examples/calendar/germany.html) so now my calendar will accept and properly shade any date passed to it in DD/MM/YYYY format (which is what my spry dataset is in) and it will also return any date selected from the calendar in DD/MM/YYYY format, as it should. So, all good on the calendar front...
    ...but spry is still operating in standard MM/DD/YYYY mode, so if I set my "start_date" and "end_date" columns as type = "date" (which I want to do for sorting purposes) it doesn't recognise any date after the 12th day of the month! (because it still thinks the DD segment is a MM segment and so has a maximum poss value of 12! doh!). So far I've got around this by defining both date columns as "strings", so the combining function you describe above (much appreciated btw :-)) passes the date string to the calendar exactly as entered, and because my calendar is set up to recognise this date string, theres no problem, and i can shade any date in the calendar (including the 13th to the 31st!)
    so the only problem i have now is being able to sort my dates. one solution seems to be to have 2 columns - one with the date in DD/MM/YYYY format which is used for display (as it is now) and another in american MM/DD/YYYY format which is used to sort, but this seems to me a bit of a waste of time, and theres always the possibility that one column will have an error in it, especially since I'm not used to working in the american format.
    sorry, a bit of a ramble there. I suppose my question is this: is there a simple step i'm missing where I can tell spry that my date columns are in a specific format? ie. dd/mm, not mm/dd?
    something like:
    var ds1 = new.Spry.Data.HTMLDataSet("myData.html", "table1", {sortOnLoad: "start_date", sortOrderOnLoad: "ascending"});
    ds1.setColumnType("start_date", "date", {format:dd/mm/yyyy});
    if not, there really should be!
    *any admins reading, mental note for the next release please...! :-)*
    I suppose i could give in and convert all my dates to the american system which would solve all the problems, but i never like being bullied by the Yanks!

  • Using alternate rows with Spry Data Set

    Can anyone provide more information on how to implement alternate row colors with a Spry Data Set?  What I have done is:
    Create spry data set using HTML page as the data set
    The html page that displays the data set is:  <div spry:region="equipment">
    In the default.css page that is linked, I added the info in note #1 below
    When the page displays, no colors appear. Tried changing the colors and still no luck.  Is there another step to do?
    Note #1:
    within the default.css, the following are declared:
    #equipment odd {
    background-color: #CCC;
    #equipment even {
    background-color: “#F2F2F2;
    Note #2:
    Here is a link to see the actual pages referenced above.
    Any ideas? Getting frustrated!!  Thanks in advance for any advice.

    You are going to kick yourself, but, you haven't assigned any page element the ID #equipment. The region is called that but the table or the DIV does not have an idea and your selector matches nothing...

  • How do you set up Paged View with Spry Data Sets

    Hope someone can help. I have constructed a Spry data set using a html table and want  to use the paged view javascript to limit the amount of rows displayed on one page at a time to 10 then forcing a new page. Have found the java script file in the spry 1.6 download and attached it to the spry assets folder and have followed the instructions found at the Adobe development center   http://labs.adobe.com/technologies/spry/articles/pager/index.html        with no luck. Have attached  files to show what I have done. If someone could look at this and point out my error or suggest a better way I would be grateful. I am not a code warrior so simple  instructions would be so helpful. Many thanks in advance.
    Here is the code
    <!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 src="SpryAssets/SpryPagedView .js"></script>
    <link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    <!--
    var ds1 = new Spry.Data.HTMLDataSet("table.html", "ds1", {sortOnLoad: "Name", sortOrderOnLoad: "ascending"});
    ds1.setColumnType("Phone", "number");
    var pv1 = new Spry.Data.PagedView( ds1 ,{pageSize: 10});
    //-->
    </script>
    </head>
    <body>
    <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();" /
    <div class="MasterDetail">
      <div spry:region="ds1" class="MasterContainer">
        <div class="MasterColumn" spry:repeat="ds1" spry:setrow="ds1" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{Name}</div>
      </div>
      <div spry:detailregion="ds1" class="DetailContainer">
         <div class="DetailColumn">{Name}</div>
        <div class="DetailColumn">{Product}</div>
        <div class="DetailColumn">{Contact}</div>
        <div class="DetailColumn">{Phone}</div>
      </div>
      <br style="clear:both" />
    </div>
    <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();" /
    </body>
    </html>

    Your region needs to refer to the pageview, not the dataset.  Your paged view var is already looking at/pulling in the ds.
    I would change the following code:
    <div spry:detailregion="ds1" class="DetailContainer">
         <div class="DetailColumn">{Name}</div>
        <div class="DetailColumn">{Product}</div>
        <div class="DetailColumn">{Contact}</div>
        <div class="DetailColumn">{Phone}</div>
      </div>
    to read the following:
    <div spry:region="pv1">
    <table>
    <tr spry:repeat="pv1">
    <td>{Name}</td>
    <td>{Product}</td>
    <td>{Contact}</td>
    <td>{Phone}</td>
    </tr>
    </table>
    Regards,
    Michael

  • How to create a category/sucategory list with spry data

    I am trying to create a a menu list that looks like this using spry:
    Category Name
    subcategory1
    subcategory2
    subcategory3
    my mysql query is:
    SELECT myp_category_cat.idmnu_cat, myp_category_cat.category_cat, myp_subcat_sct.subcat_sct, myp_subcat_sct.id_sct FROM (myp_category_cat LEFT JOIN myp_subcat_sct ON myp_subcat_sct.idcat_sct=myp_category_cat.id_cat) WHERE myp_category_cat.idmnu_cat=1
    i have ben trying to use xpath filtering but i am getting an error. My datasets look like this:
    var dsCategories = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/category", {sortOnLoad: "category", sortOrderOnLoad: "ascending", distinctOnLoad: true});
    var dsList = new Spry.Data.XMLDataSet("myincludes/categories.php", "export/row/subcat");
    now i try to combine like this but getting error:
    <div spry:region="dsCategories" class="SpotlightAndStacked">
      <div spry:repeat="dsCategories dsList" class="SpotlightAndStackedRow">
        <div class="SpotlightContainer">
          <div class="SpotlightColumn"> {category} {subcat} </div>
        </div>
        <br style="clear:both; line-height: 0px" />
      </div>
    </div>
    i am now getting a failed to retrieve dataset. Both dataset work perfectly when not combined.

    You have to declare all your SPRY Datasets in the region:
    div spry:region="dsCategories dsList" class="SpotlightAndStacked">
    Kevin

  • Working with spry data sets

    Hi,
    I have page that uses a spry data set called 'dsSupport',
    however i do not want to use a table to select the item in the list
    i am instead using a spry select box:
    <div spry:region="dsSupport">
    <h1>Step1: Select your product:</h1>
    <form id="form1" name="form1" method="post" action="">
    <p><strong>Choose from a
    list:</strong><br />
    <span id="spryselect1">
    <label>
    <select name="prodlist" id="prodlist">
    <option spry:repeat="dsSupport" spry:setrow="dsSupport"
    value="{model}">{name}</option>
    </select>
    </label>
    <span class="selectRequiredMsg">Please select an
    item.</span>
    </span>
    </p>
    </form>
    </div>
    This is connected to a spry detail region so i can pull up
    more details from the data set, but when i change the option in the
    select box nothing happens. Is this possible? If so can anyone
    help!
    If i drop a spry table in to the div tag as well i can select
    the items in there and the detail region does change so i know its
    linked ok and all the table items are showing in the select box, i
    just cannot get it to change when i select something different in
    the select box!

    fixed it using:
    <select spry:repeatchildren="dsSupport"
    spry:choose="choose" name="prodlist"
    onChange="dsSupport.setCurrentRow(this.selectedIndex);">
    <option spry:when="{ds_RowNumber} ==
    {ds_CurrentRowNumber}" selected="selected">{name}</option>
    <option spry:default="default">{name}</option>
    </select>

  • Spry collapsible panel with spry data

    I have created a spry collapsible panel and wanted to put
    srpy data in it, to dynamically load.
    i also want to hide the entire panel if no data is available.
    It will show the data, but the click to open/close does not
    work.
    here is the code.

    I have made some progress, thanks, however im still getting
    some odd formatting issues, for example, the 1st panel shows with
    different design to the rest of the panels.
    this is my code;
    <div id="region" spry:region="ds1">
    <div id="repeat" spry:repeat="ds1">
    <div id="CollapsiblePanel{ds_RowID}"
    class="CollapsiblePanel">
    <div class="CollapsiblePanelTab"
    tabindex="{ds1::ds_RowID}"> <h1>{title} - last amended
    {amended}</h1></div>
    <div
    class="CollapsiblePanelContent"><strong>{message}</strong>
    Added by <strong>{owner}</strong> on
    <strong>{added} </strong>(REF:
    <strong>{id}</strong>) <a href="/service/index.asp"
    target="_self">View full details</a></div>
    </div>
    <script type="text/javascript">
    <!--
    var CollapsiblePanel{ds_RowID} = new
    Spry.Widget.CollapsiblePanel("CollapsiblePanel{ds_RowID}");
    //-->
    </script>
    As you can see, I am inserting {ds_RowID} in the variable
    name, in order for the panels to operate independantly, however
    have I coded it correctly?

  • Tabbed Panels: Opening panel with panel number doesn't work with Spry Data

    I have some data inside a TabbedPanelsContent div, and would
    like to be able to open tabs using links, but it only seems to work
    with static content.
    Clicking on tabs themselves loads content correctly, whereas
    clicking on links does nothing. I tried both - panel number and
    panel ID - neither worked. What gives?
    See code below.
    <div spry:region="ds1">
    <div class="TabbedPanels" id="tp1">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0">Asset
    Management</li>
    <li class="TabbedPanelsTab"
    tabindex="0">Brokerage</li>
    <li class="TabbedPanelsTab" tabindex="0">Mutual
    Funds</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent">
    <p spry:repeat="ds1"
    spry:test="'{@industry01}'.search(/^Asset Management/) !=
    -1;">{ds1::client}</p>
    </div>
    <div class="TabbedPanelsContent">
    <p spry:repeat="ds1"
    spry:test="'{@industry02}'.search(/^Brokerage/) !=
    -1;">{ds1::client}</p>
    </div>
    <div class="TabbedPanelsContent">
    <p spry:repeat="ds1"
    spry:test="'{@industry03}'.search(/^Mutual Funds/) !=
    -1;">{ds1::client}</p>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var tp1 = new Spry.Widget.TabbedPanels("tp1");
    </script>
    </div>
    <a href="#" onclick="tp1.showPanel(0); return
    false;">Asset Management</a>
    <a href="#" onclick="tp1.showPanel(1); return
    false;">Brokerage</a>
    <a href="#" onclick="tp1.showPanel(2); return
    false;">Mutual Funds</a>

    Try to declare the variable out side of the region
    <script> var tp1;</script>
    <div spry region ... >
    tab panel stuff
    <script type="text/javascript">
    tp1 = new Spry.Widget.TabbedPanels("tp1");
    </script>
    </div>

  • Working with Spry Data Elements

    As I understand it, I have to format elements such as dates,
    currency, etc. myself. Can someone can tell me how to manipulate
    the data elements in Spry (JS/DOM/?). I don't (necessarily) need
    date and currency examples, just something simple to get me
    started.
    For instance, I would like to alter the way {currency} and
    {date} appear below:
    <tr spry:repeat="dsList">
    <td>{currency}</td>
    <td>{date}</td>
    </tr>
    Currently, this is pretty ugly...
    <tr spry:repeat="dsList">
    <td>2006-10-02 10:18:35.983</td>
    <td>16500000.0000</td>
    </tr>
    Any JS example will help me... for instance, the code adding
    one (+1) to the currency value would get me through this;)
    Not vital to this question, but this is a cfquery that's
    using Raymond Camden's toXML component (which rocks) to convert my
    queries to XML variables for Spry.
    many thanks...

    Nevermind... I figured it out.
    I simply added the following code in between the query object
    and the conversion to xml:
    <cfif len(myQuery.date)>
    <cfoutput query="myQuery">
    <cfset query.date=DateFormat(query.date,"mm/dd/yyyy")/>
    </cfoutput>
    </cfif>
    Raymond's toXML
    http://ray.camdenfamily.com/projects/toxml/
    Maybe it'll help someone else ;)

  • Need Help with Spry Data Sets

    Reference: Converting Database Queries to XML
    Reference Link:
    Labs
    Example
    I have converted various database queries (i.e.standard
    queries and JOINED Tables) to XML however as I filter the DB Query
    to pass/receive a URL Parameter from (i.e projectsID = projectsID
    (URL Param) so that I can click on one record from one
    category_detail page and view the details of that record on the
    product_detail page, XML does not seem to accept that because when
    I go to product_detail page to create dsProject (dataset), the
    schema only shows <row> and not the columns from the MySQL
    database.
    Why is that and is there a way to pass a URL Parameter from
    one page to the next and have XML recognize that?

    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.

Maybe you are looking for

  • Dynamic variable value based on a value from xml

    I have a invoice template and it is for 4 different companies in my organization. Based on the organization I need to have a different value for a variable that adds blank lines to the end of the invoice. Is there anyway to assign a value to variable

  • Printing over Windows Network

    Hi, I wonder if anyone can help me with this. I'm at University, trying to connect my MacBook to a printer, but my Uni doesn't support Macs. I've got the instructions for connecting to the address in command prompt in Windows. Does anyone know of a w

  • HT1391 locate my IPOD touch

    Someone hasa stolen my new iPod Touch, I do have the serial number. I need to know if I can locate it an dlock it.

  • Teaching myself CSS

    Hi, I'm teaching myself CSS and am having trouble when I'm creating multiple navigation menus. I've got the navs in separate divs, but each time I set new CSS properties to the new nav it seems to be leaking into the other divs and applying some form

  • 25p material recorgnised as 25i

    Hi, Shooting 25p using a Canon HF100 PAL. After import FCPX identify it as 25i. Looks like a incompatibility. What shall I do as workaround? Change the properties for each clip, project or both?  Or does it not matter. At first look the output from F