Jump to content

Javascript Conflict! Please help!

Recommended Posts

Hi,Okay, I'm not very good with Javascript, so I seriously need help here. I'm sick of these javascripts conflicting making other javascripts not work.I've got 3 javascripts on my website:1) Digital Clock2) Date Picker3) and a Toggle Hide Show content effect javascript.Without the toggle script, the digital clock and date picker work just fine!When I add the Toggle script ... both the digital clock and date picker doesn't work!I've read about No.conflict but I have no idea what they are talking about... maybe its something less complicated?Here is my Javascript codes:

<link rel="stylesheet" href="datepicker/development-bundle/themes/base/jquery.ui.all.css">	<script src="datepicker/development-bundle/jquery-1.5.1.js"></script>	<script src="datepicker/development-bundle/ui/jquery.ui.core.js"></script>	<script src="datepicker/development-bundle/ui/jquery.ui.widget.js"></script>	<script src="datepicker/development-bundle/ui/jquery.ui.datepicker.js"></script>	<link rel="stylesheet" href="datepicker/development-bundle/demos/demos.css">	<script>	$(function() {		$( "#datepicker, #datepicker2, #datepicker3, #datepicker4, #datepicker5, #datepicker6, #datepicker7, #datepicker8, #datepicker9, #datepicker10, #datepicker11, #datepicker12" ).datepicker({			numberOfMonths: 3,			showButtonPanel: true		});	});	</script>	<script src="jquery.MyDigitclock.js"></script><script>$(function(){			$("#clock1").MyDigitClock();			$("#clock2").MyDigitClock({				fontSize:50,				fontFamily:"Arial",				fontColor: "#000",				fontWeight:"bold",				bAmPm:true,				background:'#fff',				bShowHeartBeat:true				});			$("#clock3").MyDigitClock({				fontSize:150,				fontColor:"grey",				background:"#fff",				fontWeight:"bold",				timeFormat: '{HH}<span id="ch1">:</span>{MM}'}			);		});function MM_openBrWindow(theURL,winName,features) { //v2.0  window.open(theURL,winName,features);}</script><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript">$(document).ready(function(){   	$(".toggle_container").hide();	$("h2.trigger").click(function(){		$(this).toggleClass("active").next().slideToggle("slow");	});});</script>

Please, if you could me - I'd appreciate it! Thanks

Link to post
Share on other sites

First of all, this is a Javascript question, not a Java question (despite the similarity of the names, they're very definitely not the same thing). You're certainly not the first to make that mistake though!I suspect that the problem is that you're including two copies of JQuery, which is a widely used JavaScript library:

<script src="datepicker/development-bundle/jquery-1.5.1.js"></script>.....<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Try removing one of those lines (it probably doesn't matter which one) and see if that fixes things.

Link to post
Share on other sites

no conflict is a jQuery method for 'giving up' the $ namespace.http://api.jquery.com/jQuery.noConflict/you should also be checking for errors in your browsers console. If the conflict is between the two includes (or anything else for that matter) it would show up there.

Edited by thescientist
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...