IE7 error with spry html dataset

Hi
I hope I've posted this in the right place.
Has anyone else had a problem with using a HTML table as a
data source for a spry master/detail set?
I've set one up and it works OK when I test it in live view.
It also works OK in Firefox, but good old IE7 fails and a pop up
box says <Spry.Data.HTMLDataSet: 'mydatatable' is not a valid
element ID> where mydatatable is the name that I gave to the
data container. I'm using CS4, and I assume spry v 1.6, although
I'm not sure how to check that.
Anybody got any ideas?
Thanks

You may wish to check your headers:
<!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>....
I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
Hope this helps

Similar Messages

Spry HTML dataset unseen in IE7/8

Using Mac OS 10.5.8 and DW CS4 to produce a simple HTML dataset for calendar dates. The code produced by DW is unaltered, and can be viewed at www.meonrc.org/Test.html. The data is at /Data/dscalendar.html.
Dataset renders perfectly in Firefox (Mac & PC), Safari, but will not render in IE7 or 8 (PC) or IE5 (Mac - latest version). Briefly 'flashes' spry container, but no data. Spry menu components, produced at same time, render ok in all browsers.
I can see various forum entries on XML, but not HTML - suggestions please. Thanks.

You may wish to check your headers:
<!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>....
I was adding some spry to a site I developed in 2006, and after much review, I discovered that the headers were different on pages I newly created vs those that were built upon a template that I added the Data Sets to.
Just copied those headers from the freely created page (with working HTML datasets) to the template... and everything works beautifully.
Hope this helps

Spry HTML Datasets on Business Catalyst

I am venturing into new territory with Business Catalyst, and have FTPd a site to BC that contains a number of Spry HTML Datasets.
Although the code appears to be correct, and the auxiliary pages are there...I think!...at least the page with the data is there...The Master/Detail presentation is just not working.
I have used Spry on other pages: collapsible panels, accordions, etc., and they all function well, but are of course self-contained...no data needed from off-page besides the JS and the CSS.
Has anyone any experience with BC and Spry HTML Datasets? You can find a page at http://chaplaincyinstituteofmaine.businesscatalyst.com/faculty.html
Beth

As your are now running on BC, there is no reason to still include the ICE scripts.
<script src="includes/ice/ice.js" type="text/javascript"></script>
Delete !
As for general debugging, i would suggest, installing Firefox, with the firebug plugin. ( www.getfirefox.com & www.getfirebug.com ).
As the page you supplied suffers from JavaScript Errors. Probably because of the ICE script .

Spry html dataset ? sliding detail panel?

I have created a spry html dataset on a dreamweaver CS4 site. The master column has around 40 entries and the detail column is rather small. When clicking on the names in the master column, the detail information appears at the top of the page - no problem for entries at the top of the page, but for entries near the bottom of the list, you need to scroll up the page to see the information. I want to either make the master column scrollable or in some manner make the detail column appear beside the name in the master column. I have looked at sliding panels, accordionb panels ,etc... but can't seem to get the coding right to make this work. Waht would be best to use and how should I do this?
You can find the page here... http://www.ituna.ca/WhereAreTheyNow3.html excuse the mess at the top there is much work to be done here...just uploaded so I could get some help.
Thanks

A fast way would be adding height:300px; overflow:scroll; to your css..
MasterDetail .MasterContainer {
background-color:#FFFFFF;
border:1px solid gray;
color:#000000;
display:inline;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
height:300px;
overflow:scroll;
text-align:left;
width:35%;
But anyways if you want to use accordions with Spry Data. take a look at the samples: http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html

Spry HTML dataset and Shadowbox

Hi,
i have this test page www.for-sale.nl/v3/test.html
I have an spry HTML dataset. I want if you click on the thumnail {Thumb_1}, the mainImage {Image_1} appear in the shadowbox. but now when you click on the thumbnail, nothing happens! it's not finding the image source from the dataset..
Does anybody know whats wrong?
Thanks in advance.

This is the source code for your data
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="100%" border="0" cellpadding="0" cellspacing="10" id="cases">
<tr>
    <td><strong>Text</strong></td>
    <td><strong>Titel</strong></td>
    <td><strong>Thumb 1</strong></td>
    <td><strong>Image 1</strong></td>
    <td><strong>Thumb 2</strong></td>
    <td><strong>Image 2</strong></td>
    <td><strong>Thumb 3</strong></td>
    <td><strong>Image 3</strong></td>
</tr>
<tr>
    <td>Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Aenean ac metus sed urna<br />
viverra lobortis. Pellentesque vel quam id nunc<br />
molestie accumsan ut quis erat. Mauris quis<br />
massa mi. Praesent id eros.</td>
    <td>Debitel Shop</td>
    <td><img src="images/cases/creatief/thumbs/thumb1.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage1.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb2.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage2.jpg" width="480" height="480" /></td>
    <td><img src="images/cases/creatief/thumbs/thumb3.jpg" class="thumb" width="160" height="160" /></td>
    <td><img src="images/cases/creatief/mainimage3.jpg" width="480" height="480" /></td>
</tr>
</table>
</body>
</html>
What is wrong with having an extra column called image_source or similar and placing images/cases/creatief/mainimage1.jpg in that column. You can rhen use the source in the Spry region as <img src="{image_source}" width="480" height="480 />

Spry HTML dataset broken in Firefox 2.0.0.14

Downloaded spry 1.6.1 and tested local samples - works well
in IE but breaks in Firefox - no errors, but simply doesnt show
data on select of row. Tested with the following file -
file:///C:/manju/downloads/spry1.6/extract/Spry_P1_6_10-01/samples/htmldataset/InternalTab leAsSourceSample.html

No. The URL
http://labs.adobe.com/technologies/spry/samples/htmldataset/InternalTableAsSourceSample.ht ml
if tested with Firefox 2.0.0.14 doesnt work - lists the list
of adobe products, but 'onClick' of these products should update a
detail region - that doesnot happen - neither an error is thrown.
Actually I had to do this test as I was using Collapsible
panel with html dataset - they worked in IE and failed in Firefox.
After lots of troubleshooting I tried to upgrade to 1.6.1 from 1.6
. As it didnt help I had to ensure basic samples worked in both
browsers and they didnt. Its probably only an issue with
htmlDataSets - I have not tested the other samples.

Can I use DataExtensions.js with an HTML dataset?

The following example: http://labs.adobe.com/technologies/spry/samples/data_region/MultipleFiltersSample.html
uses an XML dataset..
Are there any example for HTML dataset?
THANKS,
Angela

Thanks for the input. I've download the example and got it to work on my server.
When I switch out the XML dataset for HTML ( and include <script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>>
Of course my results are only as good as my data, when I attempt to filter based on name (similar to the
states example) some of my user table columns contains:
<td valign="top" width="27%"><p>Alp, Necati, M., MD</p></td>
and some contain
<td valign="top" width="27%">Anderson, John, M., MD</td>
within the name column so the filter does not see the last name "Alp" but sees the <p> tag is some cases. Is there any way around this?
My link is: http://www.health.ri.gov/lists/disciplinaryactions/testcolumn.php
THANKS FOR GETTING ME GOING!
Angela

Compatibilidad de Spry HTML DataSet en Internet Explorer

Hola que tal tengo un problema correspondiente con un html dataset, espero que me puedan ayudar. El asunto es el siguiente:
En un archivo asp muestro información que esta almacenada en una Base de Datos, por medio del HTML DataSet muestro esta
información en un archivo aparte ejemplo el index de mi pagina. Guardo esta información en el index y utilizo el metodo loadData()
para recargar nuevamente el DataSet para que se muestre la nueva información que ingrese, esto me lo hace de forma perfecta
en el exploradro Firefox y en el explorador de Google Chrome, por que en Internet Explorer no lo hace??
Espero que alguien me pueda ayudar gracias y Saludos.

A ok, gracias por el dato, pero al parecer lo que pasaba es que la pagina
asp guardaba los valores del DataSet en la cache es por eso que no se
actualizaban los datos.
Agregue estas lineas de código para que funcionara bien:
Response.CacheControl = "Private"
Response.Expires = 0

Validation Errors with Spry tabbed panels with doctype XHTML 1.0 Strict

I'm getting errors while using the W3C Validation Service on my Strict XHTML 1.0 pages that use the SPRY Tabbed Panels. I've read a few places that W3C has no plans on 'fixing or relaxing" the restrictions. Is there any type of work around to the Spry Widget Tab panels code ??? All of my other pages validate nicely... hate to go back to Transitional afterconverting all my other code.
The DreamWeaver File validation also gives me errors but I think that is fed from W3C.
Any help would be appreciated. Thanks Pat
Line 31, Column 46: there is no attribute "tabindex"
… <li class="TabbedPanelsTab" tabindex="0">Want a professional looking Logo ?</…

Use Spry 2.0
You can see a live demo of Spry 2.0 widgets below (contains valid markup).
http://alt-web.com/sandbox/Spry-test.html
Unless you're incorporating XML applications into your web site, there is not much reason to use XHTML Strict doc types. That standard was last revised in 2002. It has since been replaced with HTML5.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/

IE7 Issue with Spry Horizontal Menu

I am fairly new to all of this, I have developed a web site using horizontal spry menu, everything fine on IE8, Safari and Firefox. When viewed on IE7 there appears a white line above the menu.
Url is www.psweb-test.com could you help please as I can see the problem.

The problem lies with the line-height style rule in ul.MenuBarHorizontal a
I do not know what the solution is but I am sure if you Google the subject, you will find a plethora of discussions regarding same.
One such search gave me the following link http://www.ensight.org/2006/08/23/list-of-ie7-css-bug-fixes/
I hope this helps.
Ben

Spry HTML Dataset not loading in DW CS4 wizard

Does anyone have any idea as to why my HTML data set (a
table) will not load in the Create Spry Dataset wizard (DW CS4). It
is saying that there are no valid data containers. I followed the
tutorials exactly and I also added an ID column to my HTML table. I
can't seem to figure this out and I am stuck. Any info would be
greatly appreciated.

Make sure that your table has an id. Go to your html table,
choose the table and in the properties inspector, under Table,
enter a name. Once that's done the wizard will recognize it as a
data container.

Help with URL Parameters and HTML DataSet please.

Hello everybody!
Looking at the example page: "Using URL Parameters to Control Data Regions", towards the bottom it gives an example of "Set by Product Name", from an XML DataSet using the following sample code:
    //Data set for the second example. var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");    //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data. if (params.product){    ds2.setXPath("products/product[name = '"+params.product+"']");    ds2.loadData(); }
Can anyone please explain how to amend this to work with a HTML Dataset rather than XML?
The first example on the page (Set by RowID) works unchanged for the HTML DataSet, but I don't know what I should replace the 'setXPath' line with.
I see this has been asked before, but I'm afraid I can't find any answer that works (or, more often, that I can understand properly!)
Grateful for any suggestions.
Len

Wow! Thanks Ben.
I hadn't thought about using Stacked Containers.
I'll test this out tonight and let you know how I get on.
Cheers,
Len
A few days later and at last I've been able to test your suggestions.
I think I must be doing something wrong as the links and content don't work at all:
http://www.myosanthe-bernhard-huber.com/html/stack1.php
I know that the stacked containers do work (http://www.myosanthe-bernhard-huber.com/html/stack0.php), so I guess there are some errors in the coding somewhere.
Would you mind reviewing, please?
The important thing for me (in this case, anyway) is to get the called page's content using its 'Ref', and I'm not sure what benefit there is in using stacked containers as opposed to master-detail containers.
The master-detail method works reasonably well for me at
http://www.myosanthe-bernhard-huber.com/html/fotoalbum.php and sub-pages.
Perhaps I am betraying my lack of knowledge, but as I said in my original post, I think that I just need the HTMLDataSet equivalent to:
    //Data set for the second example.
var ds2 = new Spry.Data.XMLDataSet("../../demos/products/products.xml", "products/product");
   //If the URL parameter 'product' has a value, set the XPath that includes a filter and then load the data.
if (params.product){
   ds2.setXPath("products/product[name = '"+params.product+"']");
   ds2.loadData();
which as you can see uses an XMLDataSet, but does exactly what I need.
(see http://labs.adobe.com/technologies/spry/samples/data_region/DataWithURLParams.html)
Thanks again for your help, Ben.
Len
Message was updated by: ec1lennie

Spry HTML Data Set Gives Empty Table (no data), Spry XML Data Set is Fine

I am working in Dreamweaver CS5 and in lesson 14 of the "Dreamweaver CS5 Classroom in a Book" and the lesson implements Spry HTML Datasets and XML Datasets. The XML is fine but the HTML dataset produces an empty table. This happens in live view or even when previewing the HTML file in any of the browsers Firefox, Google or IE. I should add that the lesson (as in all the lessons) has a "finished copy file" prepared by the authors to show what things will look like in the end (so it is a file NOT produced by me but included on the CD with the book), and that file also produces the problem. I have uninstalled and reinstalled Dreamweaver, the lessons CD and spent all day trying to figure out why and no clues at all yet. All my browser settings look fine as for allowing content.
ANY CLUES would be appreciated. Thanks.

Hello,
First, thank you very much for your quick response and help.
I am not sure what you mean by upload the site to a server so you can look. I am working locally in Dreamweaver on the book's exercise. So I figured you may mean CS Live. What a clumsy operation that is. In any case, they said the links below will work for ANYBODY that clicks them! What is especially baffling here is that it seems so straighforward. The file "events_finished.html" (the 1st link below) is everything but the data, produced by the author of "Adobe Dreamweaver CS5 Classroom In A Book" in lesson 14. All paths should be correct. The file referenced by "Spry.Data.HTMLDataSet", "html-data_finished.html" (the data and the 2nd link below) is in the same directory as the first file, all JavaScript files referenced exist and are in their denoted "SpryAssets" folder. As seen in the "screenShot", the HTML dataset table is empty with placeholders; the XMLDataSet is fine and all data nicely represented.
I hope this helps and thanks for all help and any clues you can provide.
events_finished.html: https://acrobat.com/#d=J2Aez*f-uXeEICwt2ctjDg
html-data_finished.html: https://acrobat.com/#d=NugqeOzL6sBtjZw81PNNAg
screenShot of viewed page in browser: https://acrobat.com/#d=nS5FBcWC-AvXXEGHiWAo6A

Slimbox not working with Spry Dataset

Hi there,
I'm trying to populate a page with Spry Dataset and use Slimbox2 to show a set of 4 images when a thumbnail is clicked.
The original webpage WITHOUT Spry Dataset is here:
http://shadowmuseum.com/portfolio/p-web.html
Currently it works with just slimbox, but as soon as I add a Spry Dataset, the large images won't load anymore. When a thumbnail is clicked on, it opens the 1st large image of the set in a new page, completely removing the lightbox effect.
I've scouted the internet for solutions; it's been suggested that slimbox doesn't work because spry doesn't have time to load the content first. But I'm not savvy with javascript at all, so have no idea how to work around it....
Any help would be greatly appreciated.
Thanks a lot.
P.S. Below is the HTML code for the page with both spry & slimbox:
<!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" /><meta name="keywords" content="Shadow Museum, design, photography, london, web, web design, ana, ana lorraine lui, benjamin, backhouse, E1, E8, N16, graphic design, st martins, creative, agency, bespoke, multi-disciplinary" /><meta name="description" content="London based bespoke multi-disciplinary creative agency. Services include web design, photography, print design, and filmmaking." />

<title>Shadow Museum || London-based bespoke multi-disciplinary creative agency</title>
<script type="text/javascript" src="../zzAssets/scripts/Lightbox/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="../zzAssets/scripts/Lightbox/js/slimbox2.js"></script>
<script src="../zzAssets/scripts/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="../zzAssets/scripts/SpryAssets/SpryData.js" type="text/javascript"></script>
<link rel="stylesheet" href="../zzAssets/scripts/Lightbox/css/slimbox2.css" type="text/css" media="screen" />

<link href="../zzAssets/scripts/main.css" rel="stylesheet" type="text/css" />
<script src="../zzAssets/scripts/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../zzAssets/scripts/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../zzAssets/scripts/clock/clockp.js"></script>
<script type="text/javascript" src="../zzAssets/scripts/clock/clockh.js"></script>

<script type="text/javascript">

</script>

</head>
<body>
<div id="clock_a"></div>
<div id="menu">
<ul id="mainMenu" class="MenuBarHorizontal">
    <li><a href="../index.html">Home</a>      </li>
    <li><a href="../news/news.html">News</a></li>
    <li><a class="MenuBarItemSubmenu" href="#">About</a>
        <ul>
          <li><a href="../about/our_story.html">Our Story</a></li>
          <li><a href="../about/our_values.html">Our Values</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Services</a>
      <ul>
        <li><a href="../services/web_design.html">Web Design</a></li>
        <li><a href="../services/print_design.html">Print Design</a></li>
        <li><a href="../services/photography.html">Photography</a></li>
        <li><a href="../services/filmmaking.html">Filmmaking</a></li>
        </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Portfolio</a>
      <ul>
        <li><a href="p-web.html">Web Design</a></li>
        <li><a href="p-print.html">Print Design</a></li>
        <li><a href="p-photography.html">Photography</a></li>
        <li><a href="p-filmmaking.html">Filmmaking</a></li>
      </ul>
    </li>
    <li><a href="../contact/contact.html">Contact</a></li>
</ul>
</div>

<div id="content">
<div id="p-web">
    <h2>Web Portfolio</h2>
     <div class="SpryHiddenRegion" spry:region="dsWeb">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr spry:repeat="dsWeb">
        <td align="center" valign="top">
               <a href="../zzAssets/images/p-web/{pic1}" rel="{label}" title="{title}"><img src="../zzAssets/images/p-web/{thm}" width="180" height="130" /></a>
               <a href="../zzAssets/images/p-web/{pic2}" rel="{label}" title="{title}"></a>
               <a href="../zzAssets/images/p-web/{pic3}" rel="{label}" title="{title}"></a>
               <a href="../zzAssets/images/p-web/{pic4}" rel="{label}" title="{title}"></a>
          </td>
        <td align="left" valign="top">
               <h3>{title}</h3>
               {info}
               <p><a href="http://{url}" target="_blank">{url-label}</a></p>
          </td>
      </tr>
    </table>
     </div>
    <p> </p>
</div>
</div>

<div id="footer">
<div id="watermarkRight">
    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td align="left" valign="top">©2009 Shadow Museum | Company Number 6576238
          | <a href="../terms.html" class="colourless">Terms & Conditions</a></td>
        <td align="right" valign="top">contact us: <a href="mailto:[email protected]">[email protected]</a></td>
      </tr>
    </table>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

You are not re-initializing the lightbox library code after Spry have generated the markup.
You can use the Spry region observer onPostUpdate to get notified of region re-generation and recall the initialization code of the lightbox.

Problems with spry dataset in IE

I am having problems with IE and dataset.
It all seem to work ok with Chrome and Firefox but IE throws errors.
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.6; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
Timestamp: Fri, 14 Jan 2011 21:55:00 UTC
Message: Object expected
Line: 101
Char: 1
Code: 0
URI: http://www.dylizans.com/Spry_1_6_1_022408/includes/SpryPagedView.js
Message: Object expected
Line: 27
Char: 1
Code: 0
URI: http://www.dylizans.com/strony_autostop/autostop_ogloszenia.php
Message: 'Spry.Debug' is null or not an object
Line: 961
Char: 41
Code: 0
URI: http://www.dylizans.com/SpryAssets/SpryData.js
And url if anyone can help: http://www.dylizans.com/strony_autostop/autostop_ogloszenia.php
Any help would be great.
Thanks

Also I was wondering could the XML file have any impact on that errors? I know its very wild guess but I just dont know whre to find problem....copy just in case you can see anything there...:
header('Content-type: text/xml');
header('Pragma: public');
header('Cache-control: private');
header('Expires: -1');
?>
<?php echo('<?xml version="1.0" encoding="utf-8"?>'); ?>
<root>
<?php if ($totalRows_autostop_ogloszenia > 0) { // Show if recordset not empty ?>
    <?php do { ?>
      <row>
        <?php foreach ($row_autostop_ogloszenia as $column=>$value) { ?>
        <?php echo "<".$column.">"; ?>
        <![CDATA[<?php echo $row_autostop_ogloszenia[$column]; ?>]]>
        </<?php echo $column; ?>>
        <?php } ?>
      </row>
      <?php } while ($row_autostop_ogloszenia = mysql_fetch_assoc($autostop_ogloszenia)); ?>
    <?php } // Show if recordset not empty ?>
<?php
mysql_free_result($autostop_ogloszenia);
?>
</root>
Its a conversion from database result.

IE7 error with spry html dataset

Similar Messages

Maybe you are looking for