Problem with crawler.js and IE

[dlayland]

I have a website I am building and have used crawler.js to scroll some logos in the header. I have it working in Firefox, but it will not show in IE 7 or 8. I get the activeX message, but nothing happens. Is there anything specific that I need to do for IE to like the javascript?

I am new to this, so I have probably done something silly

Any help is appreciated!

[jscheuer1]

You won't get the Active X warning if it's live. If locally you allow it to do the Active X, does it still not work? If not, upload it to the web and:

Please post a link to the page on your site that contains the problematic code so we can check it out.

Note: The demo page for this script on Dynamic Drive works just fine in IE.

[dlayland]

Here it is live:
http://www.projectproslp.com/indexscroll

I only get the ActiveX locally and it was working after that, but now I have made some changes and it won't work at all in IE. In Firefox it looks great!

[jscheuer1]

There could be other problems, but this image:

<img src="images/smamerocklogo.jpg" alt="Amerock" title="Amerock" border="0">

is missing. It's a 404 not found* (click and see):

http://www.projectproslp.com/images/smamerocklogo.jpg

IE will not fully initialize a crawler if any of the images in the crawler are missing. On your page Firefox, for some reason isn't doing so either, at least not until the page is cached/reloaded.

Fix that missing image (add it to the images folder, or remove it from the crawler) and see what happens.


*the image may be there but upper and lower case letters in its name may differ than what you have on the page. This matters on the web, not on the local machine.

[dlayland]

Thank you so much! That fixed it. I thought it would be something silly, but it's been driving me nuts trying to find it.

I really appreciate your help, thank you!!

(I will certainly use this code in the future, it's the best and easiest one I found - bar the user errors setting it up!)

[7dma]

Hello! I'm having the same problem (crawler doesn't display in IE8). It works fine in all Mozilla browsers. I've checked that all images exist.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C)
Timestamp: Wed, 18 Apr 2012 01:31:33 UTC

Message: Invalid argument.
Line: 158
Char: 6
Code: 0
URI: scripts/crawler.js

The site is at http://www.bestbodyfood.com

Any assistance is greatly appreciated!

[jscheuer1]

Hello! I'm having the same problem (crawler doesn't display in IE8). It works fine in all Mozilla browsers. I've checked that all images exist.

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; .NET4.0C)
Timestamp: Wed, 18 Apr 2012 01:31:33 UTC

Message: Invalid argument.
Line: 158
Char: 6
Code: 0
URI: scripts/crawler.js

The site is at http://www.bestbodyfood.com

Any assistance is greatly appreciated!

Here in the on page init you have:

		<script type="text/javascript">
		marqueeInit({
			uniqueid: 'mycrawler',
			style: {
				'padding': 'px',
				'width': 'px',
				'height': 'px'
			},
			inc: 5, //speed - pixel increment for each iteration of this marquee's movement
			mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
			moveatleast: 2,
			neutral: 150,
			savedirection: true,
			random: true
		});
		</script>

Those are all invalid. Other browsers ignore them. IE 8 and less feels insulted. I'm assuming you don't want any of those styles, that's why you removed the numbers from them, leaving only the 'px' part. No styles are required though, so you can just skip that part altogether:

		<script type="text/javascript">
		marqueeInit({
			uniqueid: 'mycrawler',
			inc: 5, //speed - pixel increment for each iteration of this marquee's movement
			mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
			moveatleast: 2,
			neutral: 150,
			savedirection: true,
			random: true
		});
		</script>