Solved

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

Posted on 2009-04-06
11
1,541 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
  • 5
  • 4
11 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 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
 

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
Why You Should Analyze Threat Actor TTPs

After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

 
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

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

708 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now