Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Spry Data Set (HTML) is not showing up in IE. help!

Posted on 2009-04-06
11
Medium Priority
?
1,559 Views
Last Modified: 2013-12-08
My site is working fine in firefox, safari, etc... but in IE7 the spry data set disappears with just the border visible.  

What am I doing wrong?
<!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">
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsHOME = new Spry.Data.HTMLDataSet("spry/data.html", "homepage_source", {sortOnLoad: "when", sortOrderOnLoad: "ascending"});
dsHOME.setColumnType("when", "date");
//-->
</script>
<head>
<title>Bethel Lutheran Church</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="SpryAssets/SpryMasterDetail.css"/>
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySpotlightColumn.css"/>
<link href="bethel_favicon.ico" rel="icon" />
</head>
<body>
<center>
  <table width="760" border="0" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF">
    <tr>
      <td align="left" valign="top"><span class="logo">Bethel Lutheran Church</span></td>
      <td width="200" align="right" valign="top"><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td>&nbsp;</td>
            <td><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="15" align="center" valign="middle"><a href="contact.php"><img src="images/phone.jpg" alt="alt here" width="16" height="16" border="0" /></a></td>
                  <td ><a href="contact.php"  class="toplink">contact </a></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td colspan="2" align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td align="left" valign="top"><table width="100%"  border="0" cellspacing="1" cellpadding="2">
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="index.html" class="menu">Home</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="about.html" class="menu">About our Church </a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="calendar.html" class="menu">Calendar</a></td>
                      </tr>
                      <tr bgcolor="#EFEFEF">
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'">&nbsp;<a href="sermons.html" class="menu">Sermons</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="community.html" class="menu">Community</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="sryouth.html" class="menu">Sr Youth</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="http://www.mygrapple.com/default.aspx" class="menu">Jr Youth</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#EFEFEF">&nbsp;<a href="sundayschool.html" class="menu">Sunday School</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="confirmation.html" class="menu">Confirmation</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="http://www.groupvbs.com/webtoybox/myvbs/bethellcVBS2009" class="menu">VBS</a></td>
                      </tr>
                      <tr>
                        <td align="left" valign="middle" onmouseover="this.style.backgroundColor='#999999'" onmouseout="this.style.backgroundColor='#efefef'" bgcolor="#efefef">&nbsp;<a href="contact.php" class="menu">Contact and Directions</a></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="center" valign="top"><table width="98%"  border="0" cellspacing="1" cellpadding="2">
                      <tr>
                        <td height="20" align="left" valign="top" bgcolor="#F19F00" class="subtitle">&nbsp;Church news</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><strong>Adult Bible Study</strong>: Pastor Elsner is leading a class on Heaven and Hell. The class meets on  Sundays at 9:15 a.m. in the Great Hall. Everyone is welcome to attend. </td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><strong>Mom's Ministry:</strong> Join us for A Mom&rsquo;s Ordinary Day: Gaining and Being a Friend in Classroom  9. The Sunday group meets every Sunday at 9:15 a.m. The Thursday group  meets the 1st and 3rd Thursday of every month at 10 a.m. You choose  which day is more convenient for you. Childcare is provided during our  gatherings.</td>
                      </tr>
                      <tr>
                        <td align="left" valign="top"><p class="text"><a href="https://www.eservicepayments.com/cgi-bin/specialwebapp.vps?appid=40a27221f816144b21e9f2e0d81891b8a68820b814b79fc6caf83c6a4fcf06b22f288aa4a34fa442a76b20a4eb1041b09725c66fcf182e50a0dce7d461c32c9f"><img src="images/donate.jpg" alt="Donate" width="50" height="49" hspace="5" vspace="5" border="0" align="left" /></a>Did you know that you can now make donations to Bethel securely and safely on the Bethel website? To donate, go to our <a href="https://www.eservicepayments.com/cgi-bin/specialwebapp.vps?appid=40a27221f816144b21e9f2e0d81891b8a68820b814b79fc6caf83c6a4fcf06b22f288aa4a34fa442a76b20a4eb1041b09725c66fcf182e50a0dce7d461c32c9f">secure area</a>.</p></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="center" valign="top">&nbsp;</td>
                </tr>
              </table></td>
            <td width="555" align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="222" align="right" valign="bottom" class="top"><table width="400"  border="0" cellspacing="0" cellpadding="10">
                      <tr>
                        <td align="right" valign="top" class="whitetext"><p><strong>Visions of Opportunity, From Hearts of Gratitude</strong></p>
                          <p>3166 N. McMullen Booth Rd. Clearwater, FL. 33761<br />
                          </p></td>
                      </tr>
                    </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="1" align="left" valign="middle" bgcolor="#FFFFFF" class="largetitle"></td>
                      </tr>
                      <tr>
                        <td height="25" align="left" valign="middle" bgcolor="#F19F00" class="largetitle"><span class="main" style="margin-left:145px; margin-top:3px "><font class="dark">Welcome to Bethel Lutheran Church!</font></span></td>
                      </tr>
                      <tr>
                        <td align="left" valign="top" class="text"><img src="images/jesus.jpg" alt="jesus" hspace="15" vspace="15" align="left" />
                          <div style="margin-left:145px; margin-top:3px " class="main"></div>
                          <div style="margin-left:10px; margin-right:30px; height: auto;" class="main">
                            <p>Pastor Parsch                         is a teacher and a counselor and, most of all, he                         isa friend. If you have questions about your faith or  Lutheran                         doctrine, he would certainly be an excellent source of information.                         Please contact Jeannie, and she will arrange a time                         for you to meet with Pastor (727.799.3010).</p>
                            <p>God has blessed                         the city of Clearwater and its people with a beautiful new church. Read                         all about it in the St. Petersburg Times article written <a href="http://pqasb.pqarchiver.com/sptimes/access/1222247091.html?dids=1222247091:1222247091&amp;FMT=FT&amp;FMTS=ABS:FT&amp;date=Feb%2B24,%2B2007&amp;author=EILEEN%2BSCHULTE&amp;pub=St.%2BPetersburg%2BTimes&amp;edition=&amp;startpage=10&amp;desc=Church%2Bgets%2B$4-million%2Bmakeover" target="_blank"><strong>about the church</strong></a> and it's dedication.</p>
                            <p>Services  are held every Sunday at 8:00 a.m. and 10:30 a.m. We use the new LBS  hymnal, celebrating Holy Communion in both services on the 1st and 3rd  Sundays of each month. Both the Common Cup and Individual Cups are  used. (If for personal reasons you should not consume alcohol, the  center cup in each tray contains a non-alcoholic wine).</p>
                            <p><span class="largetitle">Announcements and Special Events</span></p>
                            <div class="MasterDetail">
                              <div spry:region="dsHOME" class="MasterContainer">
                                <div class="MasterColumn" spry:repeat="dsHOME" spry:setrow="dsHOME" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{title}<br />
                                  {when}<br />
                                  {where}</div>
                              </div>
                              <div spry:detailregion="dsHOME" class="DetailContainer">
                                <div class="DetailColumn">{image}</div>
                                <div class="DetailColumn">{details}</div>
                              </div>
                              <br style="clear:both" />
                            </div>
                            <p>&nbsp;</p>
                          </div></td>
                      </tr>
                    </table></td>
                </tr>
              </table></td>
          </tr>
        </table></td>
    </tr>
    <tr align="center" valign="middle" bgcolor="#efefef">
      <td height="35" colspan="2" class="bottomlinks"><a href="index.html">Home</a> &nbsp;&nbsp;&nbsp;<a href="about.html">About our church</a> &nbsp;&nbsp;&nbsp;<a href="sermons.html">Sermons</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="community.html">Community</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Site map</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Privacy</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="contact.php">Contact</a></td>
    </tr>
    <tr>
      <td height="4" colspan="2" align="center" valign="top"><a href="http://www.magictemplate.com" target="_blank" class="toplink"><br />
        Copyright 2009 Bethel Lutheran Church</a><br /></td>
    </tr>
  </table>
</center>
</body>
</html>

Open in new window

0
Comment
Question by:andyDCE
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
11 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 2000 total points
ID: 24079722
Hi andyDCE,

IE is pretty twitchy about formatting in the dataset.  Is this a regular page or just an HTML fragment?  Table or list?
0
 

Author Comment

by:andyDCE
ID: 24079758
yes there are tables.  list?  I do know that someone commented on the tons of divs I have.  the page is at www.bethellc.com

thanks for the fast response.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24079815
HTML datasets can use tables or lists.

Is your DATA page a fully formatted and working document or is it just a plain page with the data on it?
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:andyDCE
ID: 24079874
OH!  sorry.... VERY new at this whole web design thing.  HTML data set is using tables.... http://bethellc.com/spry/data.html

its fully fuctional as far as I know.  I had to assign as id for the table.  is that what you mean?
0
 

Author Comment

by:andyDCE
ID: 24079908
something that might help is that if you view the page in IE, when you refresh the page the data set is there for a split second and then disappears.
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24079988
You don't need to apologize.

Try moving the <script> calls inside of the <head></head> block and report back
0
 

Author Comment

by:andyDCE
ID: 24081974
unless I did it wrong... It dodn't seem to work...  Below is where I moved the <head> from, and to where i moved it too.

Still not working in IE but looks the same in firefox.
<!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 MOVED THE TAG TO HERE
 
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var dsHOME = new Spry.Data.HTMLDataSet("spry/data.html", "homepage_source", {sortOnLoad: "when", sortOrderOnLoad: "ascending"});
dsHOME.setColumnType("when", "date");
//-->
</script>
 
<---FROM HERE
 
<title>Bethel Lutheran Church</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="SpryAssets/SpryMasterDetail.css"/>
<link rel="stylesheet" type="text/css" href="SpryAssets/SprySpotlightColumn.css"/>
<link href="bethel_favicon.ico" rel="icon" />
</head>

Open in new window

0
 

Author Comment

by:andyDCE
ID: 24082109
GOT IT!  Can you explain why this solution worked so that I can understand how to prevent this in the future!?!?

I moved the code below that is noted:


                      <p>Services  are held every Sunday at 8:00 a.m. and 10:30 a.m. We use the new LBS  hymnal, celebrating Holy Communion in both services on the 1st and 3rd  Sundays of each month. Both the Common Cup and Individual Cups are  used. (If for personal reasons you should not consume alcohol, the  center cup in each tray contains a non-alcoholic wine).</p>
<p><span class="largetitle">Announcements and Special Events</span></p>
 
 
<div class="MasterDetail">  <-- I MOVED THESE TWO LINES (this one and the one below it) ALL THE WAY TO THE LEFT... SEE INITIAL POST FOR WHERE THEY WERE.
<div spry:region="dsHOME" class="MasterContainer">
                          <div class="MasterColumn" spry:repeat="dsHOME" spry:setrow="dsHOME" spry:hover="MasterColumnHover" spry:select="MasterColumnSelected">{title}<br />
                            {when}<br />
                            {where}</div>
                        </div>
                        <div spry:detailregion="dsHOME" class="DetailContainer">
                          <div class="DetailColumn">{image}</div>
                          <div class="DetailColumn">{details}</div>
                        </div>
                        <br style="clear:both" />
                      </div>
                      <p>&nbsp;</p>
                    </div></td>
                  </tr>
                </table></td>
              </tr>
          </table></td>
        </tr>
      </table></td>

Open in new window

0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24082275
It's as I said in the initial post:

"IE is pretty twitchy about formatting..."

Whitespace can throw it off in strange ways.
0
 

Expert Comment

by:chris009897
ID: 24217707
I am having what I think is a similar problem??

The site is: http://www.apexproduction.com/looney_grossman4/index.html

If someone could view the source for the firm directory spry data set and let me know if there is any visible issues, I would greatly appreciate it.


<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<link href="SpryAssets/SprySpotlightColumn.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var attorney = new Spry.Data.HTMLDataSet("quick_profile.htm", "table", {tableModeEnabled: false, rowSelector: "tr", dataSelector: "td"});
var ds2 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var prof = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var ds3 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
var ds4 = new Spry.Data.HTMLDataSet("quick_profile.htm", "table");
//-->
</script>
<link href="SpryAssets/SpryMasterDetail.css" rel="stylesheet" type="text/css" />
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

670 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question