Spry Accordian and 2 data Sets

I have created a nested accordian with 2 data sets feeding a
detail region. It works on my machine, but after I uploaded
everything, including the spry js and css files, it still just
shows the {data} markers on the live version. Does anyone know
where the error is? I've tried reuploading it all but it still is
the same.
Here is the link:
http://clubs.wharton.upenn.edu/winterwk/Subs/students09W.html
Thanks!

you are missing
SpryData.js, SpryShell.js, xpath.js in your includes
folder.

Similar Messages

  • HT5706 My Apple TV is frozen on the time and date setting and then it goes to the screen saver I tried changing the batteries on the remote and it still doesn't make a difference someone help

    My Apple TV is frozen on the time and date setting and then it goes to the screen saver I tried changing the batteries on the remote and it still doesn't make a difference someone help...has anyone else had these problems?

    Hi i ran into the same problem Ithoght it was the control, i changed the batteries the the control, and stil did not work, in the same connection (network and everything) i installed a new one and it worked perfectly, i can deduct the unit is nit working properly

  • Spry Accordian and Flash

    I'm working on a Spry accordian that will display text and
    Flash audio players. Unfortunately, the Flash audio player only
    shows within the default tab only-not any of the others. I believe
    this is part of Flash trying to conserve system resources. Some
    browsers don't give pages and windows that are in the background
    (or not visible or "below the fold") any "resources." Only the
    visible objects are given resources. So this I think also applys to
    accordian windows other than the default. Ordinarily, refreshing a
    regular page with Flash audio players scattered about would fix it,
    but with a Spry accordian it just reverts back to the default tab.
    Hope this makes sense.
    Can anyone suggest a workaround?

    Hi,
    what Spry version do you use? If you have Spry 1.4 we had a
    bug for Accordion that was fixed on Spry1.5.
    If your Spry version is 1.5 please give us an url to see your
    problem.
    Thanks,
    Diana

  • Loosing Time and Date Setting

    Well hello altogether. I couldn't find an anwser to my question. Every time I'm cleaning my powerbook I take out the AC and the Battery avoiding to start the PB (maybe 2 minutes). When I start the PB again after putting the Battery and the AC back in, the time and date settings set back to 1970...
    As far as I know, it was not like that from the very beginning.
    The PB and the Battery are about one year old.
    Any ideas?
    Thanks in advance
    Peter

    Welcome to the Discussions!
    That would be normal since what you are really doing is resetting the PMU.
    http://docs.info.apple.com/article.html?artnum=14449
    Joe

  • Can not set time and date fax setting on officejet 4620

    Can not set the time and date on Officejet 4620 when faxing.  There are no setup options available.  The log always shows "Jan 00  00:00 AM".

    The time and date setting should be under the setup tools or fax setting in the printer control panel.1. Click the wrench icon on the control panel of the printer.
    2. Scroll to Tools.
    3. Scroll to Time and date.

  • Why does my spry accordian look good in live view and switch back to default in safari

    i am new to dreamweaver and have started my first page-
    step one inserted a picture as a background
    step 2 inserted a spry accordian and have spent hours trying to configure it - my dreamweaver wont allow me to type any information in the design view so i worked out how to get around that in the code - so i put in the labels - changed the font
    then i got rid of any color by adding the hex value #0.0 (transparent) in the spryaccordian.css page  - which has worked really well in the live view ( and works in opera) but when i check it in safari it has reverted back to the default settings - it hasnt even kept the font settings
    i would also like to put quite a lot of information in the content panels (pictures, subscriber list, links ect, essentially whole pages) is this possible
    hoping someone can help me
    kind regards
    mandy evans

    Have a look at the following, just copy and paste into a new document in code view.
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    <style>
    html {
        background-color: #FF9;
    body {
        width: 960px;
        margin: auto;
    .Accordion {
        font: 14px "Comic Sans MS", cursive;
        color: #090;
    .AccordionPanelTab,
    .AccordionPanelOpen .AccordionPanelTab,
    .AccordionFocused .AccordionPanelTab,
    .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
        background-color: transparent;
    </style>
    </head>
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Label 2</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
    </div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>
    Gramps

  • Spry Accordian Tabs Question

    Hi
    I'm trying to create a spry accordian menu for a navbar and am having some trouble.
    This is the first time I've tried it so I would appreciate any help.
    The Client would like the tabs to be:
    Home
    Students
       High School Students
       College Students
    Professionals
    Parents/Educators
    Seminars
    Bio
    Q  & A Blog
    Testimonials
    So all they would like High School Students and College Students to be child tabs underneath the parent tabs and all other tabs to be parent tabs.
    They asked for a spry accordian.
    They want the nav bar to be on the left.
    Here is the link to the website online:
    http://www.elynncohen.com/index2spry2.html#
    and here are my questions:
    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    Any help would be much appreciated!
    Thanks!!!
    Here is my code:
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Your Career Direction Career and College Counseling</title>
    <meta name="Keywords" content="career counseling, college counseling, job search, career choice, college options, career options, work, jobs, new opportunities, career change, new career, new job" />
    <meta name="Description" content="Your Career Direction :: Career and College Counseling" "Considering your college choices & career options" "Preparing for the world of work after college" "Seeking a new position to further your career"
    "In-transition and considering new opportunities"
    "Seeking to make a significant and meaningful career change"  />
    <meta name="Publisher" content="Your Career Direction, LLC" />
    <meta name="Copyright" content="Copyright 2012, Your Career Direction, LLC. All rights reserved." />
    <meta name="Author" content="Lisa Mark" />
    <meta name="Language" content="en-US" />
    <meta name="distribution" content="global" />
    <meta name="revisit-after" content="10 days" />
    <meta name="Robots" content="All" />
    <link rel="Index" href="index.html" />
    <link rel="Site Map" href="sitemap.html" />
    <script type="text/javascript" src="//use.typekit.net/ifb2bte.js"></script>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
    <style type="text/css">
    <!--
    body {
        margin: 0;
        padding: 0;
        color: #000;
        font-size: 100%;
        line-height: 1.4;
        background-image: url(images/background.gif);
        background-repeat: repeat;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px;
    .container .sidebar1 h3 {
        padding-left: 0px;
        color: #C60651;
        font-size: x-large;
    h1 strong {
        color: #C60651;
        font-size: 90%;
        font-family: "Binary ITC Bold";
    h1 strong em {
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
        color:#414958;
        text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
        color: #4E5869;
        text-decoration: underline;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
    .container {
        width: 80%;
        max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
        min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
        background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
        margin-top: 0;
        margin-bottom: 0;
        margin-right: auto;
        margin-left: auto;
        border-right-width: thick;
        border-left-width: thick;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #C60651;
        border-left-color: #C60651;
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
        padding-top: 40px;
    #Quote {
        float: right;
        clear: left;
        margin-right: 1%;
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
    .sidebar1 {
        float: left;
        width: 15%;
        padding-bottom: 10px;
        margin-top: 40px;
        margin-left: 25px;
        background-color: #FFF;
        font-family: museo-sans;
    arial;
        max-width: 200px;
        min-width: 180px;
    .content {
        float: left;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10;
        font-family: museo-sans;
    arial;
        margin-top: 40px;
        padding-right: 10px;
        width: 50px;
        font-size: large;
    .container .content p {
        padding-top: 0px;
    .sidebar2 {
        float: left;
        width: 20%;
        background-color: #D3CCB2;
        margin-top: 40px;
        padding-top: 10px;
        border-top-color: #FFF;
        border-right-color: #FFF;
        border-bottom-color: #FFF;
        border-left-color: #FFF;
        border-right-width: 5px;
        font-family: museo-sans;
    arial;
        font-size: 90%;
        right: 12%;
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol {
        padding-top: 0px;
        padding-right: 25px;
        padding-bottom: 15px;
        padding-left: 40px;
        font-family: museo-sans; arial;
        font-size: 100%;
        color: #666;
    .container .content p {
        font-family: museo-sans;
    arial;
        padding-top: 0px;
        padding-left: 17px;
        padding-bottom: 0px;
    #Quote {
        float: right;
        clear: both;
    /* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this creates the space between the navigation on the content below */
        font-family:museo-sans; arial;
        line-height: 250%;
    .nav {
        font-family: museo-sans;
    arial;
        padding-left: 0px;
    ul.nav li {
        font-family: museo-sans; arial;
        padding-bottom: 10px;
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
        display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
        text-decoration: none;
        color: #333333;
        background-color: #FFF;
        font-family: museo-sans; arial;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 15px;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
        color: #C60651;
        font-family:museo-sans; arial;
        background-color: #FFF;
        background-image: url(images/navbar2.gif);
        padding-bottom: 10px;
    .content img {
    /* ~~The footer ~~ */
    .footer {
        position: relative;/* this gives IE6 hasLayout to properly clear */
        clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 10px;
    /* ~~miscellaneous float/clear classes~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    .container .content {
        width: 50%;
        font-size: large;
        font-family: museo-sans; arial;
    #footer {    width: 100%;
        background-color: #FFF;
    .container .sidebar2 h4 img {
        padding-left: 20px;
        padding-top: 0px;
    .sidebar2 p img {
        border: medium solid #C60651;
    #Insert_logo2 {
        border-top-width: 4px;
        border-right-width: 4px;
        border-bottom-width: 4px;
        border-left-width: 4px;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: #fff;
        border-left-color: #fff;
    .container .content p .content strong {
        font-family: museo-sans; arial;
    .container .content .content {
        font-family: museo-sans; arial;
    .container .content ul li strong {
        font-family: museo-sans;
    arial;
        font-size: 95%;
        line-height: 150%;
        list-style-type: disc;
    .container .content ul {
    test {
        font-family: "Binary ITC Bold";
    .container .sidebar2 p img {
        margin-right: auto;
        margin-left: auto;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-color: #C60651;
        border-right-color: #C60651;
        border-bottom-color: #C60651;
        border-left-color: #C60651;
    li strong {
        line-height: 130%;
        list-style-type: circle;
        color: #978980;
    .container .content ul {
    .container .sidebar1 .nav {
        margin-top: 10px;
        margin-bottom: 10px;
    .sidebar1 .nav li {
        padding-bottom: 10%;
    .nav li a {
        background-image: url(images/navbar2.gif);
        background-repeat: no-repeat;
        background-position: right center;
        left: auto;
        right: auto;
        clip: rect(auto,auto,auto,auto);
    .container .sidebar1 .nav li a {
    .container .sidebar1 h6 {
        padding: 0px;
        color: #000000;
    #footer h3 strong {
        font-size: 60%;
        color: #978980;
    .container .content p {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 85%;
    .container .sidebar2 p {
        padding-right: 8%;
        padding-left: 8%;
        padding-top: 5px;
    #Insert_logo2 #Insert_logo2 {
        padding-left: 15px;
    .container .content ul {
        color: #C60651;
    h6 {
        color: #978980;
        font-family: museo-sans;
    arial;
        font-size: 82%;
        padding-left: 20%;
        text-align: left;
        text-indent: 8px;
    .nav li a {
        padding-bottom: 10px;
    h8 {
        font-family: museo-sans; arial;
        font-size: 100%;
    h4 {
        font-family: museo-sans;
    arial;
        font-size: 100%;
        color: #C60651;
        padding-left: 17px;
        padding-top: 5px;
        padding-bottom: 0px;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
    .sidebar1 h8 strong {
        font-size: 80%;
        font-family:museo-sans; arial;
    .container .sidebar1 h7 {
        font-size: 40%;
        color: #978980;
    h7 {
        font-family: museo-sans; arial;
        font-size: 15%;
    .container .sidebar1 h8 {
        font-family: museo-sans; arial;
    .sidebar2 p img {
            max-width: 100%;
    .container .content img {
        padding-left: 3%;
    img {
        position: static;
        text-align: left;
    body,td,th {
        font-family: museo-sans; arial;
    h5 {
        font-size: 150%;
        color: #C60651;
        padding-left: 0px;
        font-family:museo-sans; arial;
    .container .content p {
        padding-left: 17px;
        padding-right: 30px;
        font-size: 87%;
    .container .sidebar2 p {
        font-size: 90%;
    .container .sidebar1 .nav li {
        font-family: museo-sans;
    arial;
    .container .sidebar1 .nav li a {
        padding-left: 0px;
        margin-bottom: 0px;
        height: 30px;
    li a {
        padding-left: 2px;
    -->
    </style><!--[if lte IE 7]>
    <style>
    .content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
    ul.nav a { zoom: 1; }  /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
    </style>
    <![endif]-->
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    </head>
    <body><script type="text/javascript">
    function pageWidth() {
    return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
    function pageHeight() {
    return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;
    </script>
    <div class="container">
      <div class="header"><!-- end .header -->
        <p class="clearfloat"><a href="#index.html" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Your Career Direction Logo" name="Insert_logo" width="50%" id="Insert_logo2" style="background: #FFF
        ; display:block;" /></a></p>
        <div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
        <p class="clearfloat"> </p>
    </div>
      <div class="sidebar1">
        <ul class="nav">
          <li>
            <div id="Accordion1" class="Accordion" tabindex="0">
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
                <div class="AccordionPanelContent">Content 1</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
                <div class="AccordionPanelContent">Content 3</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
                <div class="AccordionPanelContent">Content 4</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
                <div class="AccordionPanelContent">Content 5</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
                <div class="AccordionPanelContent">Content 6</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
                <div class="AccordionPanelContent">Content 7</div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
                <div class="AccordionPanelContent">Content 8</div>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="content">
    <p>Given today's competitive job market, global economy, and changed corporate culture,
    we can no longer depend upon others to ensure our professional futures. Choosing or
    changing your career direction requires self-reflection, career education and an action plan.</p>
    <img src="images/Whether-you-are-.gif" alt="Whether you are considering your college choices and career options" width="197" height="31" align="left">
    <ul>
          <br><br><li><strong>Considering your college choices &amp; career options</strong></li>
          <li><strong>Preparing for the world of work after college</strong></li>
          <li><strong>Seeking a new position to further your career</strong></li>
          <li><strong>In-transition and considering new opportunities</strong></li>
          <li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
        </ul>
    <img src="images/Onethingisforsureraster.gif" width="352" height="49" alt="One thing is for sure, we all want to direct our own careers, our own lives!">
    <br><p> Building a successful and rewarding career requires linking your interests, education and experience with employment trends, growth industries, and career choices. It takes making smart decisions about your college major, vocational training and continuing education options. With enthusiasm, persistence and top notch job search skills, you can succeed in finding a path to career that is right for you.</p>
    <p> We are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go and become what you want to be.</p>
    <img src="images/yourcareerourpassionraster.gif" width="441" height="20" alt="At Your Career Direction, YOUR career is our passion!"> </div>
      <div class="sidebar2">
        <p><img src="images/Counselingastudent.gif" width="100%" alt="Lisa Mark counseling a student"></p>
        <p>Our mission is to help you explore, choose and create your direction for an exciting and rewarding career path.</p>
         <p>We incorporate our experience with today's job market and career counseling expertise with your passions and interests. We'll introduce you to new career ideas, target companies and generate job and internship opportunities for you.</p>
         <p>We provide step by step guidance to ensure your success during the college application, job interview
    and decision making process.
    </p>
    </div>
      <div class="footer">
        <div id="footer">
          <h6 align="left"> Your Career Direction, LLC •  96 Harvard Avenue, Maplewood, N.J. 07040 • (973) 996-0207 • [email protected]</h6>
        </div>
        <p> </p>
      <!-- end .footer --></div>
    <!-- end .container --></div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>

    1. The spry accordian has a box around it on mouse down but I can't figure out how to get rid of it. I've checked all the CSS rules for the spry accordian and none of them seem to have rules around them.
    2. All the tabs have a content area underneath them and we only want content areas underneath the student tab. You see how it goes when you click on any of the tabs, you get a little thing that says content 1, 2 etc. I tried deleting them in the code and the page goes completely crazy when I do and the nav bar areas stretch all the way across the page.
    3. I can't figure out how to get the child tabs (which would be the tabs under students which say high school and college) to have two tabs. You will see that it does have the high school tab there now. When I try cutting and pasting the code to try to get two tabs, it does not work. The spry accordian framework only creates one content area under each tab.
    4. I'd like the child tabs to have a narrower height than the parent tabs, and be indented so that they will clearly be set off and different than the parent tabs.
    1. Line 454
    <div id="Accordion1" class="Accordion" tabindex="0" style="outline: none;">
    2 & 3. Change your code from Line 455 - 491:
    <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Home</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Students</a></div>
                <div class="AccordionPanelContent"><a href="#">High School</a><br/><a href="#" style="margin-top: -30px;">College</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Professional</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Parent/Educator</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Seminars</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Bio</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Q &amp; A Blog</a></div>
              </div>
              <div class="AccordionPanel">
                <div class="AccordionPanelTab"><a href="#">Testimonials</a></div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    4. Append your HTML for child tabs like this:
    <div class="AccordionPanelContent" id="submenu"><a href="#">High School</a></div>
    Create a new #submenu css rule in your CSS document and set styling the way you want it.

  • Spry Accordian - Javascript Variable - Replace simple ASP

    Hey Gang,
    I'm not familiar with Javasscript Syntax as much as I'd like
    to be.
    But I need to quickly replace this simple VBScript for
    grabbing a querysting
    and using it in the page
    Basically I'm using the Spry Accordian and setting the
    default panel based
    on a querystring variable.
    There may be a far better way, but this is a quick example.
    What I need is a Javascript solution.
    Thanks
    -Dave
    <%
    Select case Request.Querystring("p")
    Case "0"
    strPanel = "0"
    Case "1"
    strPanel = "1"
    End select
    %>
    <script type="text/javascript">
    <!--
    var Accordion1 = new Spry.Widget.Accordion("Accordion1", {
    defaultPanel: <%=
    strPanel %> });
    //-->
    </script>

    Hi Gramps!
    Appreciate your advice and reference to Backyard Furniture. I've been working on it and thought I was getting close...but the revised coding just created havoc on my site.
    Could you please have a look at  http://www.trafficnetwork.ecanvas.com.sg/TMA.html and advice?
    Cheers!

  • ICloud sync and data usage

    After upgrading my ATT iPhone 4 to iOS5, I thought I would try out iCloud. I read somewhere, that it only syncs when it is connected to a powersource, and maybe I read that wrong, but I interpret it to mean when I am connected to either a power outlet or my computer using the cable. In otherwords, it wouldn't sync while I was out and about, away from my wireless home network, using the 3G network.
    Is this not correct?
    Because 2 days ago I racked up 80 MB of my data plan (not iCloud storage) while I slept at home, where I have a wireless network. I found this out by getting a text warning from ATT the next day, that I was close to using up my alloted 200MB data usage. I checked out my account online, and sure enough the 80MB transferred in the middle of the night. I didn't notice the "documents and data" setting was turned on so it looks like my apps updated while my phone was in sleep mode. Is there anything else it could be? I have everything iCloud turned off now and wondering if there is something I should know about to avoid wasting my data usage?

    elko wrote:
    After upgrading my ATT iPhone 4 to iOS5, I thought I would try out iCloud. I read somewhere, that it only syncs when it is connected to a powersource, and maybe I read that wrong, but I interpret it to mean when I am connected to either a power outlet or my computer using the cable. In otherwords, it wouldn't sync while I was out and about, away from my wireless home network, using the 3G network.
    Is this not correct?
    Because 2 days ago I racked up 80 MB of my data plan (not iCloud storage) while I slept at home, where I have a wireless network. I found this out by getting a text warning from ATT the next day, that I was close to using up my alloted 200MB data usage. I checked out my account online, and sure enough the 80MB transferred in the middle of the night. I didn't notice the "documents and data" setting was turned on so it looks like my apps updated while my phone was in sleep mode. Is there anything else it could be? I have everything iCloud turned off now and wondering if there is something I should know about to avoid wasting my data usage?
    I think possibly you are thinking about wireless sync of iTunes. That can be set to happen when you connect to a charger etc, but that is not the same thing as you are descrbing with iCloud.

  • HP Officejet Pro 8600 fax confirmation time and date fields has all zeros

     My fax confirmation sheet for the time and date of my HP Officejet Pro 8600 prints all zeros.  How do I reset the time and date for this function?

    Hello rschne,
    Welcome to the HP Forums.
    I see that you are having an issue with the date and time being all zeros on the fax confirmation.
    Is the time and date set on the front display of the printer?
    Please make sure that you have the printer power cable connected directly to a wall outlet and not a power bar/strip. Here is a document that uses a LaserJet printer as an example but it is meant for HP products in general. Please click on the following link that explains the Issues when Connected to an Uninterruptible Power Supply/Power Strip/Surge Protector.
    Write me back when you have time and I will be happy to assist further.
    Cheers, 
    Click the “Kudos Thumbs Up" at the bottom of this post to say “Thanks” for helping!
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    W a t e r b o y 71
    I work on behalf of HP

  • Where can I find the current time and date of Time Capsule?

    I have a home network consisint of 2 x Time Capsules and 1 x Airport Express.  All is working fine.  I would like to set up access control for one machine connecting to the network and I can see I can do this under Access Control on the Airport Utility.  My question is where can I find the current time and date setting for these devices? 
    I can set them to use the time.apple.com server to set the time automatically, but I can't find where to see the current time and date of the device.  The only place I can see reference to the time and date is on the logs and statistics under the Advanced tab of the AirPort Untility.

    I don't think you can change the time and date on the TC itself, it just connects to a time server (and you set your own time zone).

  • Apple TV.2: Time & Date Set Up Errors

    Hi, I bought the newest version of the Apple TV in Panama and took it with me to Venezuela. Every time I try to "hook it up", it never adjusts the time and date setting and simply says "Activating" until it goes to sleep. I've had it for a long time now and I haven't had the chance of using it. Other methods online talk about turning off Firewall, or just letting it sit there until it adjusts but I can't do "let it sit" because it will go to sleep. Hoping for your reply/hint. Thank you.

    I have an Isignia HDTV and my Apple TV (generation 2) does the same thing. Whenever it is asleep and I tell it to wake up it turns on. But there is no input signal at all. The only way I am able to get the signal through is to unplug the Apple TV power cord and plug it back in.
    EDIT: I found out how to wake up the ATV2!! Make sure your tv (vizio, sony, insiginia etc.) is turned on to the correct input. Then turn on AppleTV if the screen is still blank using the ATV2 remote hold the MENU and PLAY/PAUSE button at the same time and the ATV2 should wake up. Just figured this out.
    Message was edited by: Erik12C

  • Nokia 6131 time and date

    The time and date setting on my Nokia 6131 keeps going back to the default setting every time i switch the phone on . ( I turn off the phone overnight ) No other memories are affected only the time and date. I have had the phone 2 1/2 years ,this has just started to happen 2 weeks ago.
    Has anyone got any ideas on what could be the problem please.
    Redtwincam

    The age of the phone leads me to think that the auxillary battery (which powers the clock even when the phone is off) is dead. You can head to a Nokia Care Center to get it fixed.
    If you find my post helpful please click the green star on the left under the avatar. Thanks.

  • 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.

Maybe you are looking for