I try different solutions for this problem such as:
Use a modified html5shiv. The html5shiv script adds the ability to add HTML5 tags into older versions of Internet Explorer.
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
Use excanvas to provide a fallback to the
<!--[if lte IE 8]>
<script type="text/javascript" src="/Scripts/excanvas.min.js"></script>
<![endif]-->
Nothing helps. Get an error:
Canvas is not available. If you're using IE with a fall-back such as
Excanvas, then there's either a mistake in your conditional include,
or the page has no DOCTYPE and is rendering in Quirks Mode.
Some other solutions?
all scripts above i include before including flot.js.
Changing of DOCTYPE also doesn't help.
Source of Page:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<!-- common styles & scripts -->
<link rel="stylesheet" type="text/css" href="/Content/css/custom-fonts.css?v=201306210000" />
<link rel="stylesheet" type="text/css" href="/Content/css/styles.css?v=201306210000" />
<script type="text/javascript" src="/Scripts/jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/common.js?v=201306211714"></script>
<script type="text/javascript" src="/Scripts/control-custom-alert-scripts.js?v=201306211714"></script>
<!-- custom styles & scripts -->
<script type="text/javascript" src="/Scripts/jquery.tools.min.js"></script>
<script type="text/javascript" src="/Scripts/jquery.form.js"></script>
<script type="text/javascript" src="/Scripts/localization/en/JsMessages.js?v=201306210000"></script>
<script type="text/javascript" src="/Scripts/jquery.maskMoney.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.js"></script>
<script type="text/javascript" src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ad-gallery.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.effects.core.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.effects.blind.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.selectmenu.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.slider.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="/Scripts/jquery.selecttime.js"></script>
<script type="text/javascript" src="/Scripts/jquery.ui/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="/Scripts/jquery.number_format.js?v=201208031818"></script>
<script type="text/javascript" src="/Scripts/jquery.blockUI.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="/Content/css/jquery.tree/jquery.tree.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/Content/css/jquery.ad-gallery.css" />
<!--[if lt IE 8]>
<style>
/*body {background:none}*/
/*
#global-wrap .nav, #global-wrap .footer, #global-wrap .content-wrap, #global-wrap .user-nav{display:none}
#oldb-block {display:block; margin: 0 auto;}
*/
</style>
<![endif]-->
<!--[if IE]>
<script type="text/javascript" src="/Scripts/jquery.defaultText.js?v=201208031818"></script>
<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="/Scripts/excanvas.min.js"></script>
<![endif]--!>
<!--[if IE 7]>
<link href="/Content/css/ie7styles.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 8]>
<link href="/Content/css/ie8styles.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 9]>
<link href="/Content/css/ie9styles.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
<title>
Listing Stats
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="Viewed Listings Meta" />
<meta name="keywords" content="commercial real estate marketing, commercial real estate professionals" />
<link rel="stylesheet" type="text/css" href="/Content/css/styles-ui2.0.css?v=201310240000" />
<script language="javascript" type="text/javascript" src="/Scripts/jquery.flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jquery.flot/jquery.flot.time.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/jquery.flot/jquery.flot.selection.js"></script>
<script language="javascript" type="text/javascript" src="/Scripts/control-chart-scripts.js"></script>
<!--[if IE]>
<script language="javascript" type="text/javascript">
// Add Default Text to inputs
$(function () {
$.defaultText({
css: 'default-text'
});
});
</script>
<![endif]-->
<script language="javascript" type="text/javascript">
function CustomError() {
$('div.validation-error').each(function () {
var error = $(this, 'span').text();
if (error == '')
$(this).hide();
else {
$(this).show();
}
});
}
$(function () {
CustomError();
$('button').click(CustomError);
});
$.ajaxSetup({
// Disable caching of AJAX responses
cache: false
});
var noAjaxBlock = false;
$(document)
.ajaxStart(function () {
if (!noAjaxBlock) {
startBlockUI();
} else {
noAjaxBlock = false;
}
})
.ajaxStop(function () {
if (!noAjaxBlock) {
$.unblockUI();
}
});
</script>
</head>
<body>
...
</body>
</html>
I ran into this problem the other day, this blog post saved me with these instructions:
Use the excanvas.js (or smaller excanvas.min.js) that is included from within the Flot repository. This one differs from others I believe and contains the necessary amendments to make it work
Include the excanvas JavaScript file before you include the Flot JavaScript file(s).
Make sure Tools->Developer Tools->Browser Mode is set to "IE8" as well!
Related
I am trying to do a project with javascript using events on keys to display alphabets on the screen, I'm stuck with this error. please help
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<script src="script.js" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>
This is the script file that I'm using
script.js
(document).keydown(function(event) {
if (event.which === 13) {
console.log("you pressed");
}
});
You're running your script before jQuery, so $ doesn't exist yet.
Place
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
Before
<script src="script.js" charset="utf-8"></script>
im trying to implement plupload into an existing template but am running into issues when adding the plupload JQuery file the existing template stops working like drop down menus and other features
this is the current head tags without the plupload files
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0' />
<title>$capital_name</title>
<link href='bootstrap/css/bootstrap.min.css' rel='stylesheet' type='text/css' />
<!-- jQuery UI -->
<!--<link href='plugins/jquery-ui/jquery-ui-1.10.2.custom.css' rel='stylesheet' type='text/css' />-->
<!--[if lt IE 9]>
<link rel='stylesheet' type='text/css' href='plugins/jquery-ui/jquery.ui.1.10.2.ie.css'/>
<![endif]-->
<link href='assets/css/main.css' rel='stylesheet' type='text/css' />
<link href='assets/css/plugins.css' rel='stylesheet' type='text/css' />
<link href='assets/css/responsive.css' rel='stylesheet' type='text/css' />
<link href='assets/css/icons.css' rel='stylesheet' type='text/css' />
<link rel='stylesheet' href='assets/css/fontawesome/font-awesome.min.css'>
<!--[if IE 7]>
<link rel='stylesheet' href='assets/css/fontawesome/font-awesome-ie7.min.css'>
<![endif]-->
<!--[if IE 8]>
<link href='assets/css/ie8.css' rel='stylesheet' type='text/css' />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script type='text/javascript' src='plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js'></script>
<script type='text/javascript' src='bootstrap/js/bootstrap.min.js'></script>
<script type='text/javascript' src='assets/js/libs/lodash.compat.min.js'></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src='assets/js/libs/html5shiv.js'></script>
<![endif]-->
<script type='text/javascript' src='plugins/touchpunch/jquery.ui.touch-punch.min.js'></script>
<script type='text/javascript' src='plugins/event.swipe/jquery.event.move.js'></script>
<script type='text/javascript' src='plugins/event.swipe/jquery.event.swipe.js'></script>
<script type='text/javascript' src='assets/js/libs/breakpoints.js'></script>
<script type='text/javascript' src='plugins/respond/respond.min.js'></script> <!-- Polyfill for min/max-width CSS3 Media Queries (only for IE8) -->
<script type='text/javascript' src='plugins/cookie/jquery.cookie.min.js'></script>
<script type='text/javascript' src='plugins/slimscroll/jquery.slimscroll.min.js'></script>
<script type='text/javascript' src='plugins/slimscroll/jquery.slimscroll.horizontal.min.js'></script>
<!--[if lt IE 9]>
<script type='text/javascript' src='plugins/flot/excanvas.min.js'></script>
<![endif]-->
<script type='text/javascript' src='plugins/sparkline/jquery.sparkline.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.tooltip.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.resize.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.time.min.js'></script>
<script type='text/javascript' src='plugins/flot/jquery.flot.growraf.min.js'></script>
<script type='text/javascript' src='plugins/easy-pie-chart/jquery.easy-pie-chart.min.js'></script>
<script type='text/javascript' src='plugins/daterangepicker/moment.min.js'></script>
<script type='text/javascript' src='plugins/daterangepicker/daterangepicker.js'></script>
<script type='text/javascript' src='plugins/blockui/jquery.blockUI.min.js'></script>
<script type='text/javascript' src='plugins/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='plugins/noty/jquery.noty.js'></script>
<script type='text/javascript' src='plugins/noty/layouts/top.js'></script>
<script type='text/javascript' src='plugins/noty/themes/default.js'></script>
<script type='text/javascript' src='plugins/uniform/jquery.uniform.min.js'></script>
<script type='text/javascript' src='plugins/select2/select2.min.js'></script>
<script type='text/javascript' src='assets/js/app.js'></script>
<script type='text/javascript' src='assets/js/plugins.js'></script>
<script type='text/javascript' src='assets/js/plugins.form-components.js'></script>
<script>
$(document).ready(function(){
'use strict';
App.init(); // Init layout and core plugins
Plugins.init(); // Init all plugins
FormComponents.init(); // Init all form-specific plugins
});
</script>
<script type='text/javascript' src='assets/js/custom.js'></script>
<script type='text/javascript' src='assets/js/demo/pages_calendar.js'></script>
<script type='text/javascript' src='assets/js/demo/charts/chart_filled_blue.js'></script>
<script type='text/javascript' src='assets/js/demo/charts/chart_simple.js'></script>
the below is the lines im trying to add when i run into problems and the template stops working
<script type='text/javascript' src='assets/plupload/jquery.js'></script>
<script type='text/javascript' src='assets/plupload/plupload.full.min.js'></script>
<script type='text/javascript' src='assets/plupload/jquery.plupload.queue.min.js'></script>
<link type='text/css' rel='stylesheet' href='assets/plupload/jquery.plupload.queue.css' media='screen'>
any help is very much appreciated im stuck currently and cannot work out how to proceed
code added thanks to below
<script src='assets/plupload/jquery.js'></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery('button').click(function(){
jQuery('p').text('jQuery is still working!');
});
});
</script>
You need to use jQuery noConflict() Method. The noConflict() method releases the hold on the $ identifier, so that other scripts can use it.
In the below code we are using noConflict() just after including jquery js file, we are releasing $ which is a global function for jQuery to be used by others and we are using jQuery as an alias instead of $.
You can have your custom variable declared as an alias when using noConflict() like var jq = $.noConflict();. Now you can access using jquery using jq alias.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery is still working!");
});
});
</script>
</head>
<body>
<p>The noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it.</p>
</body>
</html>
EDIT:
User jQuery noconflict after this in your code not after plupload js.
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script>
$.noConflict();
</script>
Note: Now if you have written any jquery code in your application which is referencing jquery-1.10.2.min.js, replace $ by jQuery.
This is b'se plupload uses the old 1.9.0 jquery. I solved this by putting all pupload code above the tag that calls the later jQuery version then added a
<script>
$.noConflict();
</script>
after the jQuery.
e.g.
...
<script type='text/javascript' src='assets/plupload/jquery.js'></script>
<script type='text/javascript' src='assets/plupload/plupload.full.min.js'></script>
<script type='text/javascript' src='assets/plupload/jquery.plupload.queue.min.js'></script>
<link type='text/css' rel='stylesheet' href='assets/plupload/jquery.plupload.queue.css' media='screen'>
...
<script type='text/javascript' src='assets/js/libs/jquery-1.10.2.min.js'></script>
<script>
$.noConflict();
</script>
...
I'm quite new to js and jQuery, just using it from templates.
My goal is to use magnific popup like a video lightbox, but I can't make it work.
I've tried to remove some other libraries that I used but don't seem to change anything.
Where have I made a mistake? I've uploaded it here.
<!DOCTYPE HTML>
<!--
Overflow 1.1 by HTML5 UP
html5up.net | #n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Overflow by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="shortcut icon" href="../favicon.ico">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript"> document.createElement('video');document.createElement('audio');document.createElement('track'); </script>
<script src="js/video.js"></script>
<script> videojs.options.flash.swf = "js/video-js.swf"</script>
<link rel="stylesheet" href="css/effets_perso.css" />
<link rel="stylesheet" href="css/video-js.css">
<link rel="stylesheet" href="css/perso.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Generic -->
<article class="container box style3">
<header>
<h2>Generic Box</h2>
<p>Just a generic box. Nothing to see here.</p>
</header>
<section>
<header>
<h3>Paragraph</h3>
<p>This is a byline</p>
</header>
<a class="test-popup-link" href="images/pic02.jpg">Image</a>
<script type="text/javascript">
$(document).ready(function() {
$(".test-popup-link").magnificPopup({
type: "image"
// autres options
});
});
</script>
<div align="center">
<a class="popup-youtube" href="http://www.youtube.com/watch?v=miTfXsMn5ms">video YouTube </a><br>
<a class="popup-vimeo" href="https://vimeo.com/45830194">video sur Vimeo </a><br>
<a class="popup-gmaps" href="https://maps.google.com/maps?q=epfl+&hl=en&ll=46.521666,6.56652&spn=0.016005,0.038581&sll=37.0625,-95.677068&sspn=37.683309,79.013672&t=h&hq=epfl&z=15&iwloc=A">EPFL sur Google Map</a>
<script type="text/javascript">
$(document).ready(function() {
$(".popup-youtube, .popup-vimeo, .popup-gmaps").magnificPopup({
disableOn: 700,
type: "iframe",
mainClass: "mfp-fade",
removalDelay: 160,
preloader: false,
fixedContentPos: false
});
});
</script>
</div>
</video>
</section>
</section>
</article>
</body>
</html>
I don't know if this is the complete problem but the order of your javascript tags is definitely part of the problem.
<script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
As you can see you are loading the js/jquery.magnific-popup.js before you actually load the jquery library (js/jquery.min.js). This is an important distinction because your magnific-popup.js uses jquery. If you look at the console on your web page (type ctrl+i, and switch to the console tab) you will see several errors that have to do with jquery not being loaded, and thus the functions in magnific-popup.js not being defined.
So move your jquery script to the top
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-git.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/jquery.poptrox.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
and if it still doesn't work. Look at the console, and try to include the errors when writing an Stack Overflow question.
I'm using jqplot to do some Graphs, and they work fine, but I'm trying to use the 'smooth' attribute in order to smooth out the lines but when I add the js files, my jquery breaks. and I don't know why. I'm running it on FF and firebug doesn't seem to show me any errors.
These are the js files I was using to draw the graphs ( which work fine)
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/jqplot.dateAxisRenderer.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.css" media="screen" />
but then I add these in, the jquery breaks .
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/plugins/jqplot.highlighter.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.min.css" />
the way I'm building the graph is like this:
$( "#chartPointsBmi" ).dialog( "open" );
var plot2 = $.jqplot('bmiChartDiv', coordinates, {
title:'BMI/Time Graph',
gridPadding:{right:35},
axes:{
xaxis:{
renderer:$.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%b %#d, %y'},
// min:'May 01, 2011',
tickInterval:'1 year'
},
yaxis:{
min:0,
max:40,
tickInterval:'5'
}
},
series:[{lineWidth:5, rendererOptions: {smooth: true}, markerOptions:{style:'filledCircle'}}]
});
Any ideas as to why they're not playing along?? Thanks!
~Myy
EDIT:
here's the rendered html
<link rel="stylesheet" type="text/css" href="/miloWeb/css/redmond/jquery-ui-1.8.11.custom.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/view.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/miloWeb/css/ezmark.css" media="screen" />
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.milo #content { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->
<script type="text/javascript" src="/miloWeb/js/jquery.ezmark.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery.maskedinput.js"></script>
<script type="text/javascript" src="/miloWeb/js/random.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery-ui-1.8.11.custom.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jquery.maxlength-min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".button").button();
});
function loading(){
$( "#loadingPopUp" ).dialog( "open" );
return false;
}
function unloading(){
$( "#loadingPopUp" ).dialog( "close" );
return false;
}
</script>
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="/miloWeb/js/jqplot/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.jqplot.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/jquery.min.js"></script>
<script type="text/javascript" src="/miloWeb/js/jqplot/plugins/jqplot.highlighter.min.js"></script>
<link rel="stylesheet" type="text/css" href="/miloWeb/css/jqplot/jquery.jqplot.min.css" />
<script language="javascript">
I used more than three JavaScripts in Magento and I tried to fix some of the scripts (conflict I think) and it works but the last jQuery (jcarousel) it can be swapped to another category if I click the tabs "new arrival" and "most popular" but now it doesn't work, but if I comment out accordion js file it works but accordion can't work.. :(
Click here : http://thaiamuletstore.com/main1/index.php
head.phtml
<?php echo $this->getCssJsHtml() ?>
<?php echo $this->getChildHtml() ?>
<link href="http://thaiamuletstore.com/main1/style/tabs.css" rel="stylesheet" type="text/css">
<link href="http://thaiamuletstore.com/main1/style/tabs.css" rel="stylesheet" type="text/css">
<link href="http://thaiamuletstore.com/main1/style/tango/skin.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/jquery.min.js"></script>
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/Untlitie.js"></script> <!-- this-control-jcarousel-->
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/470fe3190c7d0ea4aacc14677c226000.js"></script> <!--this-control-Accordion-->
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/jquery.jcarousel.min.js"></script> <!-- this-control-jcarousel-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="http://thaiamuletstore.com/main1/style/ie.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/superfish.js"></script>
<script type="text/javascript" src="http://thaiamuletstore.com/main1/js/organictabs.jquery.js"></script>
<script src=http://thaiamuletstore.com/main1/js/menu_effect/script.js" type="text/javascript"></script>
jQuery.noConflict();
This is the thing for your rescue.