PDA

View Full Version : conflict between js - don't work simultaneously



carreto
11-13-2012, 06:44 PM
Hi,
can you help me out please?
I have a menu working with ddsmoothmenu.js.
When i insert the js below the menu stop working.


// validateForm.js//
$('document').ready(function(){
$('#form').validate({
rules:{
"email":{
required:true,
email:true,
maxlength:100
},
},
messages:{
"email":{
required:"This field is required",
email:"Please enter a valid email address"
},
},
submitHandler: function(form){
$(form).ajaxSubmit({
target: '#preview',
success: function(response) {
$('#formbox').slideUp('fast');
}
});
}
})
});


I load these files in the HTML:

<script src="js/jquery-1.7.2.min.js"></script> <!-- jQuery library -->
<script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script>
<script src="js/success_msg.js"></script> <!-- jQuery library -->
<script src="js/jquery.easing.1.3.min.js"></script> <!-- jQuery Easing -->
<script src="js/jquery-ui.min.js"></script> <!-- jQuery Ui -->
<script src="js/ddsmoothmenu.js"></script> <!-- Nav Menu ddsmoothmenu -->
<script src="js/jquery.flexslider.js"></script> <!-- Flex Slider -->
<script src="js/jquery.eislideshow.js"></script> <!-- Elastic Slider -->
<script src="js/jquery.iconmenu.js"></script> <!-- Sliding Text and Icon Menu Style -->
<script src="js/colortip.js"></script> <!-- Colortip Tooltip Plugin -->
<script src="js/tytabs.js"></script> <!-- jQuery Plugin tytabs -->
<script src="js/carousel.js"></script> <!-- jQuery Carousel -->
<script src="js/jquery.prettyPhoto.js"></script> <!-- jQuery Prettyphoto -->
<script src="js/jquery.isotope.min.js"></script> <!-- Isotope Filtering -->
<script src="js/selectnav.js"></script> <!-- Responsive Navigation Menu by SelectNav -->
<script src="js/jquery.ui.totop.js"></script> <!-- UItoTop plugin -->
<script src="js/custom.js"></script> <!-- Custom Js file for javascript in html -->
<script src="js/jquery.tweet.js"></script> <!-- jQuery Tweets -->
<script src="js/jflickrfeed.min.js"></script> <!-- jQuery Flickr -->
<script src="js/twitter-flickr-options.js"></script> <!-- jQuery Tweets Options -->
<script type="text/javascript" src="js/validateForm.js"></script>
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/googleTranslate.js"></script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>
<script language="JavaScript" type="text/javascript"> if (top.location != self.location) top.location = self.location; </script>

VIPStephan
11-14-2012, 02:45 AM
First of all, read this sticky (http://www.codingforums.com/showthread.php?t=271898) and think about whether this could apply to you. Secondly, read the browser’s error console and tell us what it says.