Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts

    jQuery script not work in any version of IE

    Hi all was wondering if anyone could tell my why my script dont work in any version of IE.

    http://www.actwebdesigns.co.uk/test

    Code:
    // JavaScript Document
    //CREATED BY ACT WEB DESINGS//
    //HTTP://WWW.ACTWEBDESIGNS.CO.UK//
    
    $(document).ready(function(){
    	if($.cookie("width")==null){var width = 790;}else{var width = $.cookie("width");}
    	$('#plus').attr("href", "#"); //SET HREF ON PLUS ANCHOR, THIS MEANS THIS SCRIPT WILL ONLY WORK IF JAVASCRIPT IS ENABLED, ELSE WE WILL USE PHP SCRIPT
    	$('#neg').attr("href", "#"); //SET HREF ON NEG ANCHOR, THIS MEANS THIS SCRIPT WILL ONLY WORK IF JAVASCRIPT IS ENABLED, ELSE WE WILL USE PHP SCRIPT
    	$('#contrastChange').attr("href", "#");//SAME AS ABOVE BUT FOR CONTRAST
    	setWidth(width); //SET THE WIDTH RETRIEVED
    	setContrast($.cookie("contrast"));
    	$("#plus").bind("click", function increaseSize() { // IF CLICKED PLUS
    		if($.cookie("width")==null){var width = 790;}else{var width = $.cookie("width");}
    		if(width<1100)
    		{
    			var newWidth = Math.floor(Number(width) + Number(60));
    			$.cookie("width", + newWidth, { expires: 7 }); //SET COOKIE WITH NEW WIDTH
    			var newEm = (Number(newWidth)/1600);
    			$("body").animate({ 
    				fontSize: newEm + 'em'
    			}, 500, "easeInSine", function() {
    					//---------------------------------------------------------------------------//
    					$("#wrapper, #footer, #header, #top_bar, #main, #menu").animate({ 
    						width: newWidth + 'px'
    					}, 1000, "easeOutBounce" );
    					//---------------------------------------------------------------------------//
    					var mainColWidthWrapper = Math.floor(Number(newWidth) / 3);
    					$("#mainGreenWrapper, #mainBlueWrapper, #mainRedWrapper").animate({ 
    						width: mainColWidthWrapper + 'px'
    					}, 1000, "easeOutBounce" );
    					//---------------------------------------------------------------------------//
    					var mainColWidthFront = Math.floor(Number(mainColWidthWrapper)-24);
    					$("#mainGreenFront, #mainBlueFront, #mainRedFront").animate({ 
    						width: mainColWidthFront + 'px'
    					}, 1000, "easeOutBounce" );
    					//---------------------------------------------------------------------------//
    				}
    			);
    		}
    	});
    	$("#neg").bind("click", function decreaseSize() { // IF CLICKED NEG
    		if($.cookie("width")==null){var width = 790;}else{var width = $.cookie("width");}
    		if(width>790)
    		{
    			var newWidth = Math.floor(Number(width) - Number(60));
    			$.cookie("width", + newWidth, { expires: 7 }); //SET COOKIE WITH NEW WIDTH
    			var newEm = (Number(newWidth)/1600);
    			$("body").animate({ 
    				fontSize: newEm + 'em'
    			}, 500, "easeInSine", function() {
    					//---------------------------------------------------------------------------//
    					$("#wrapper, #footer, #header, #top_bar, #main, #menu").animate({ 
    						width: newWidth + 'px'
    					}, 1000, "easeInSine" );
    					//---------------------------------------------------------------------------//
    					var mainColWidthWrapper = Math.floor(Number(newWidth) / 3);
    					$("#mainGreenWrapper, #mainBlueWrapper, #mainRedWrapper").animate({ 
    						width: mainColWidthWrapper + 'px'
    					}, 1000, "easeInSine" );
    					//---------------------------------------------------------------------------//
    					var mainColWidthFront = Math.floor(Number(mainColWidthWrapper)-24);
    					$("#mainGreenFront, #mainBlueFront, #mainRedFront").animate({ 
    						width: mainColWidthFront + 'px'
    					}, 1000, "easeInSine" );
    					//---------------------------------------------------------------------------//
    				}
    			);
    		}
    	});
    	$("#contrastChange").bind("click", function increaseSize() { // IF CLICKED NEG
    		var contrast = $.cookie("contrast");
    		if(contrast == null || contrast == "no")
    		{
    			$.cookie("contrast", "yes", { expires: 7 });
    			setContrast("yes");
    		}
    		else
    		{
    			$.cookie("contrast", "no", { expires: 7 });
    			setContrast("no");
    		}
    	});
    });
    
    function setWidth(width){
    	$('#wrapper').css('width', width + 'px');
    	$('#footer').css('width', width + 'px');
    	$('#header').css('width', width + 'px');
    	$('#top_bar').css('width', width + 'px');
    	$('#main').css('width', width + 'px');
    	$('#menu').css('width', width + 'px');
    	var mainColWidthWrapper = Math.floor(Number(width) / 3);
    	$('#mainGreenWrapper').css('width', mainColWidthWrapper + 'px');
    	$('#mainBlueWrapper').css('width', mainColWidthWrapper + 'px');
    	$('#mainRedWrapper').css('width', mainColWidthWrapper + 'px');
    	var mainColWidthFront = Math.floor(Number(mainColWidthWrapper)-24);
    	$('#mainGreenFront').css('width', mainColWidthFront + 'px');
    	$('#mainBlueFront').css('width', mainColWidthFront + 'px');
    	$('#mainRedFront').css('width', mainColWidthFront + 'px');
    	var newEm = (Number(width)/1600);
    	$('body').css('font-size', newEm + 'em');
    }
    function setContrast(contrast) {
    	if(contrast == "yes")
    	{
    		//CSS WHEN CONTRAST IS TURNED ON
    		$('#top_bar p').css('color','#404040');
    		$('#top_bar').css('background-color','#F5F5F5');
    		$('#mainGreenFront').css('background','#F5F5F5');
    		$('#mainGreenLeftBorder').css('background','#F5F5F5');
    		$('#mainGreenRightBorder').css('background','#F5F5F5');
    		$('#mainBlueFront').css('background','#F5F5F5');
    		$('#mainBlueLeftBorder').css('background','#F5F5F5');
    		$('#mainBlueLeftBorder').css('border-left-color','#f18957');
    		$('#mainBlueLeftBorder').css('border-left-width','1px');
    		$('#mainBlueLeftBorder').css('border-left-style','solid');
    		$('#mainBlueRightBorder').css('background','#F5F5F5');
    		$('#mainRedFront').css('background','#F5F5F5');
    		$('#mainRedLeftBorder').css('background','#F5F5F5');
    		$('#mainRedRightBorder').css('background','#F5F5F5');
    		$('#mainRedLeftBorder').css('background','#F5F5F5');
    		$('#mainRedLeftBorder').css('border-left-color','#f18957');
    		$('#mainRedLeftBorder').css('border-left-width','1px');
    		$('#mainRedLeftBorder').css('border-left-style','solid');
    		$('#user_interface').css('background','url(images/for_web/interfaceReplacement.gif) no-repeat');
    	}
    	else
    	{
    		//CSS WHEN CONTRAST IS TURNED OFF
    		$('#top_bar p').css('color','#ffffff');
    		$('#top_bar').css('background-color','#456f81');
    		$('#mainGreenFront').css('background','url(images/for_web/main_box_front_green_middle.gif) top repeat-x');
    		$('#mainGreenLeftBorder').css('background','url(images/for_web/main_box_front_green_left.gif) left top no-repeat');
    		$('#mainGreenRightBorder').css('background','url(images/for_web/main_box_front_green_right.gif) right top no-repeat');
    		$('#mainBlueFront').css('background','url(images/for_web/main_box_front_blue_middle.gif) top repeat-x');
    		$('#mainBlueLeftBorder').css('background','url(images/for_web/main_box_front_blue_left.gif) left top no-repeat');
    		$('#mainBlueLeftBorder').css('border-left-color','none');
    		$('#mainBlueLeftBorder').css('border-left-width','none');
    		$('#mainBlueLeftBorder').css('border-left-style','none');
    		$('#mainBlueRightBorder').css('background','url(images/for_web/main_box_front_blue_right.gif) right top no-repeat');
    		$('#mainRedFront').css('background','url(images/for_web/main_box_front_red_middle.gif) top repeat-x');
    		$('#mainRedRightBorder').css('background','url(images/for_web/main_box_front_red_right.gif) right top no-repeat');
    		$('#mainRedLeftBorder').css('background','url(images/for_web/main_box_front_red_left.gif) left top no-repeat');
    		$('#mainRedLeftBorder').css('border-left-color','none');
    		$('#mainRedLeftBorder').css('border-left-width','none');
    		$('#mainRedLeftBorder').css('border-left-style','none');
    		$('#user_interface').css('background','url(images/for_web/interface_bar.gif) no-repeat');
    	}
    }
    click on the icons in the top right corner of the screen.

    Regards

  • #2
    Regular Coder
    Join Date
    Sep 2008
    Posts
    280
    Thanks
    25
    Thanked 9 Times in 9 Posts
    no worries, sussed it out, was in the contrast function, doesn't like setting the border color to 'none', lol


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •