#increment code causing problems in IE

**Daniel Thomas** · 07-11-2009, 08:37 PM

1) Script Title: Featured Content Slider 2.4

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...tentslider.htm

3) Describe problem: I've been using the Content Slider on this particular site for a year now,

----------------------------
I designed the site in PHP with a single .php template which then calls the other pages through PHP Includes, with the default page loaded being index2.html. I also use PHP Includes to call the News Article pages on the content slider.

Example:

Code:

		<div class="contentdiv">
				<?php include ("updates/1.html") ?>
						</div>

I've always used Firefox when checking out the site and I was just recently made aware of this problem when using Internet Explorer.

Anyway, Whenever you visit the site in IE, 99% of the time you'll get a "Internet Explorer cannon open the INternet site (url here). Operation Aborted." and in Firefox you don't.

I believe I've narrowed down whats causing the problem. I believe the "#increment" code is causing the error. If I change the code to "markup" I no longer have the error.
(uses the "markup" code with no error)

I've searched around and don't believe I've found any other problems like this with the Slider. Any way to fix this without using the "markup" code?

Thanks

**ddadmin** · 07-14-2009, 03:25 AM

This issue occurs in IE6/7 when the HTML within your FCS are improperly nested (see here for more info). Basically looking at your HTML, there contains a lot of invalid and invalid nested tags:

Code:

<!--Inner content DIVs should always carry "contentdiv" CSS class-->
<!--Pagination DIV should always carry "paginate-SLIDERID" CSS class-->

		<div id="slider1" class="sliderwrapper">

			<div class="contentdiv">
				<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Important Announcement For Middl</title>
</head>

<body>

<table border="0" width="525" height="250" cellspacing="0" cellpadding="0">
	<tr>

		<td valign="top" background="http://images.mckenziefootball.com/news/2009/passingleague1.jpg">
		<table border="0" width="100%">
			<tr>
				<td height="150" valign="top">
				&nbsp;</td>
			</tr>
			<tr>
				<td height="83" background="http://images.mckenziefootball.com/transparentbg.png" valign="top">
		<font color="#FFFFFF">

		<b><font face="Arial" size="4">2009 Passing League:</font><font size="2" face="Arial"><br>
		</font>
		</b></font><font size="2" face="Arial"><font color="#FFFFFF">McKenzie 
		took on Camden and Martin-Westview in a passing league event at the high 
		school Thursday afternoon. A few photos have been uploaded to our 
		dotPhoto gallery, </font>
		<a href="http://mckenziefootball.dotphoto.com/CPViewAlbum.asp?AID=5904633">
		<font color="#FFFFFF">click here to view them</font></a><font color="#FFFFFF">.</font></font></td>
			</tr>
		</table>

		</td>
	</tr>
</table>

</body>

</html>
 <br>
						</div>
			<div class="contentdiv">
				<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Important Announcement For Middl</title>
</head>

<body>

<table border="0" width="525" height="250" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top" background="http://images.mckenziefootball.com/news/2009/springliftathonvideo.jpg">
		<table border="0" width="100%">

			<tr>
				<td height="150" valign="top">
				&nbsp;</td>
			</tr>
			<tr>
				<td height="83" background="http://images.mckenziefootball.com/transparentbg.png" valign="top">
		<b><font face="Arial" size="4" color="#FFFFFF">2009 Spring Lift-A-Thon 
		Highlight Video:</font><font size="2" color="#ffffff" face="Arial"><br>
		</font>

		</b><font size="2" color="#ffffff" face="Arial">The Rebel football team 
		completed their Spring Lift-A-Thon fundraiser a couple weeks ago and 
		we've uploaded a nearly 8 minute highlight video of the event that took 
		place over several days. You can check it out on our YouTube page (mckenziefootball),
		<a href="http://www.youtube.com/watch?v=meTnJC88drM">
		<font color="#FFFFFF">here.</font></a></font></td>
			</tr>
		</table>
		</td>
	</tr>
</table>

</body>

</html>
 
			</div>
			<div class="contentdiv">
				<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Important Announcement For Middl</title>
</head>

<body>

<table border="0" width="525" height="250" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top" background="http://images.mckenziefootball.com/news/2009/springliftathon.jpg">
		<table border="0" width="100%">
			<tr>
				<td height="150" valign="top">
				&nbsp;</td>
			</tr>
			<tr>

				<td height="83" background="http://images.mckenziefootball.com/transparentbg.png" valign="top">
		<b><font face="Arial" size="4" color="#FFFFFF">Lift-A-Thon:</font><font size="2" color="#ffffff" face="Arial"><br>
		</font>
		</b><font size="2" color="#ffffff" face="Arial">T</font><font face="Arial" size="2" color="#FFFFFF">he 
		McKenzie Rebels have begun the annual Lift-A-Thon contest in which the 
		football players lift weights to raise money for the football program. 
		Results of the Lift-A-Thon can be found in the 'Weightlifting Stats' on 
		the left. Video highlights coming soon.</font></td>
			</tr>
		</table>
		</td>

	</tr>
</table>

</body>

</html>
 
			</div>
			<div class="contentdiv">
				<html>

<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Important Announcement For Middl</title>
</head>

<body>

<table border="0" width="525" height="250" cellspacing="0" cellpadding="0">
	<tr>
		<td valign="top" background="http://images.mckenziefootball.com/news/newgallery.jpg">
		<table border="0" width="100%">
			<tr>
				<td height="150" valign="top">

				&nbsp;</td>
			</tr>
			<tr>
				<td height="83" background="http://images.mckenziefootball.com/transparentbg.png" valign="top">
		<b><font face="Arial" size="4" color="#FFFFFF">Brand New Photo Gallery:</font><font size="2" color="#ffffff" face="Arial"><br>
		</font>
		</b><font size="2" color="#ffffff" face="Arial">There's a new photo 
		gallery now, hosted by dotPhoto. This new gallery will allow me to 
		upload many more pictures than previously, and it also allows for you to 
		purchase these photos, and download the full high quality version right 
		off the internet, all at your convenience. View:
		<a href="http://mckenziefootball.com/?id=other/photos">
		<font color="#FFFFFF">Photo Purchasing Policy</font></a>&nbsp; |&nbsp;

		<a href="http://mckenziefootball.dotphoto.com/CPListAlbums.asp">
		<font color="#FFFFFF">Visit The New Photo Gallery</font></a></font></td>
			</tr>
		</table>
		</td>
	</tr>
</table>

</body>

</html>
 
			</div>
		</div>
		<div id="paginate-slider1" class="pagination">
		</div>

You have <html> and <head> tags where they do not belong, plus most likely tags that aren't closed plus improperly nested.

To confirm the above is in fact the issue, try reverting the HTML for the FCS back to the default when you cut and pasted the code. If the issue disappears, then you know the solution is to clean up the HTML inside your FCS.

**Daniel Thomas** · 07-14-2009, 09:37 PM

The <html> and <head> tags were placed by default were they are by Microsoft Frontpage.

I believe I might have narrowed it down even more. I believe it may have something to do with my index.php template.

I created another php file, called slider.php and it only contains the PHP Include and went to slider.php?id=index2 and I get no Operation Aborted error. If I change slider.php to index.php?id=index2 I do get the Operation Aborted error which leads me to believe theres something wrong with the index template.

I still find it weird how changing the "#increment" code to "markup" fixes the Operation Aborted error.

----------EDITED------------

I think I may have found the culprit.

In my index.php template, I have a code

Code:

<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

This is a part of the Lightbox 2 popup image gallery script. Removing this code, I no longer get the "Operation Aborted" error. However, it does prevent my popup images from loading.

**ddadmin** · 07-15-2009, 06:30 AM

I still find it weird how changing the "#increment" code to "markup" fixes the Operation Aborted error.

In markup mode, the script doesn't dynamically add the TOC HTML to the page but instead relies on the existing HTML you've already defined. That's why there's no issue in the later. There are lots of info on this bug here: http://support.microsoft.com/kb/927917/ , which is fixed in IE8 btw.

Thread: #increment code causing problems in IE

Thread Tools

Search Thread

#increment code causing problems in IE

Bookmarks

Bookmarks

Posting Permissions