Go Back   CodingForums.com > :: Client side development > JavaScript programming > JavaScript frameworks

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-19-2011, 06:54 PM   PM User | #1
zimmo
New Coder

 
Join Date: May 2008
Posts: 30
Thanks: 2
Thanked 0 Times in 0 Posts
zimmo is an unknown quantity at this point
Slideshow and Menu conflict

I wonder if anyone can spot the problem I have. I am not an expert when it comes to javascript.

I have 2 scripts running on the same page and these are conflicting in IE6 and IE7, but the page works in IE8. I am using cubecart and making my own skin up, so need to fix this issue as the drop down menu just will not work.

I am not sure why it is not working, hopefully someone can spot the obvious.

Here is the header of my page with the cubecart information added:

Code:
<!-- BEGIN: body -->
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={VAL_ISO}" />
<title>{META_TITLE}</title>
<meta name="description" content="{META_DESC}" />
<meta name="keywords" content="{META_KEYWORDS}" />

<link href="skins/{VAL_SKIN}/styleSheets/layout.css" rel="stylesheet" type="text/css" />
<link href="skins/{VAL_SKIN}/styleSheets/style.css" rel="stylesheet" type="text/css" />
<link href="skins/{VAL_SKIN}/styleSheets/superfish.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link href="skins/{VAL_SKIN}/styleSheets/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
		jQuery('ul.sf-menu').superfish();
	});
</script>
<script type="text/javascript">
	$(document).ready(function() {
	    $('.slideshow').cycle({
			fx:'fade',
			speed:1000
		});
	});
</script>
<script type="text/javascript">
 var RecaptchaOptions = {
    theme : 'custom'
 }
</script>
</head>
What happens in IE6 and 7 is when you scroll over the list where the drop down should appear, it does not appear correct, the slideshow images seem to be blocking it, you can just see a faint menu that then disappears. In IE8 it works fine, so not sure what it is?
zimmo is offline   Reply With Quote
Old 04-20-2011, 06:42 PM   PM User | #2
zimmo
New Coder

 
Join Date: May 2008
Posts: 30
Thanks: 2
Thanked 0 Times in 0 Posts
zimmo is an unknown quantity at this point
Can anyone help? I think this is to do with a jquery conflict, but dont know how to fix this!
zimmo is offline   Reply With Quote
Old 04-21-2011, 03:01 PM   PM User | #3
harbingerOTV
Senior Coder

 
Join Date: Jan 2005
Location: Memphis, TN
Posts: 1,768
Thanks: 8
Thanked 123 Times in 121 Posts
harbingerOTV will become famous soon enough
A link would help so we can see what error is being produced.
__________________
Stop making things so hard on yourself.
i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis
harbingerOTV is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:26 AM.


Advertisement
Log in to turn off these ads.