IE7 not responding to jquery javascript

JavaScript
1

So, I have this page that works in all browsers but, IE 7.

Example

http://www.americanresults.com/videogenie/about.html

Could someone tell me why this is?

I used the javascript tools from here: http://flowplayer.org/tools/demos/tabs/history.html

And when I put in their code, I get IE7 to work. I have trouble shot the CSS and javascript with no luck.

Thank you for your help.

2

IE7 stops the scripting when it gets to bad code, whereas the other browsers you’ve tested carry on and just report the bad code to their own scripting consoles.

That bad code relates to the non-existence of $(‘.inline1’)

3

pmw57,

Thank you for looking into this. I will check to see if my other Js files are conflicting.

4

I took all of the other JS files off and it still did not work, so I dont think that they are conflicting.

I now have updated the page so that on the bottom I included the direct copy of http://flowplayer.org/tools/demos/tabs/history.htm.

This shows that the JS is working with the original naming system but, does not work when I changing (flowtabs) to (aboutus_tabs).

It is weird that it works one way and not another just because of the name. And the name is just associated with the div id.

Thanks for looking at this.

5

How do I move my post to another section where there are more people that can look at this issue and help me figure it out?

I just have not had any luck trouble shooting it and getting it solved and I need some more direction.

6

Let me put this in terms that are perhaps more understandable.

Your fb_classes.js script code wants to apply the fancybox to an element with an identifier of “inline1”

Your page has no element with that identifier, which causes IE7 to crash and burn.

You have two possible solutions:

  1. Stop the fb_classes.js script from loading

or

  1. Add an element with an identifier of “inline1”
7

Hi again PMW57,

I think I understood what you ment the first time around and because of that comment, I took out all .js files that I did not need for the page and it still did not work.

The strange thing is, is that the tab system that is a straight copy from that website I mentioned earlier works with the identifier of #flowtabs but wont work if I change it to #aboutus_tabs.

I DON"T UNDERSTAND!!!

Thank you for your help.

P.S. the top navigation wont work in other browsers right now because of the bottom tab system js conflict.

8

Problem Solved:

There was an extra comma at the end of activeClass: ‘curret’:

------------NOT WORKING SCRIPT------------

<script>

		$(function() {
$("#aboutus_tabs").tabs("#aboutus_panes &gt; div", { effect: 'fade', fadeOutSpeed:200, history: true, activeClass: 'current'[COLOR="Red"],[/COLOR] });

$("#aboutus_tabs li").click(function(){
	window.location=$(this).find("a").attr("href");return false;
});

});

</script>

-----------WORKING SCRIPT-------------

<script>

		$(function() {
$("#aboutus_tabs").tabs("#aboutus_panes &gt; div", { effect: 'fade', fadeOutSpeed:200, history: true, activeClass: 'current' });

$("#aboutus_tabs li").click(function(){
	window.location=$(this).find("a").attr("href");return false;
});

});

</script>

Thanks again for you help and for this wonderful site.