JQuery - Tips - Revision history

Nguyentrantri at 09:39, 23 October 2013

2013-10-23T09:39:29Z

← Older revision		Revision as of 09:39, 23 October 2013
Line 2:		Line 2:
	[[Category:Miscellaneous]]		[[Category:Miscellaneous]]
	== JQuery Tips ==		== JQuery Tips ==
	'''1. Optimize performance of complex selectors'''<br>
	var subset = $("");		'''1. Optimize performance of complex selectors'''<br/>var subset = $(""); $("input[value^='']", subset);''<br/><br/>'''2. Set Context and improve the performance'''<br/>On the core jQuery function, specify the context parameter when. Specifying the context parameter allows jQuery to start from a deeper branch in the DOM, rather than from the DOM root. Given a large enough DOM, specifying the context parameter should translate to performance gains. $("input:radio", document.forms[0]);<br/><br/>'''3. Live Event Handlers'''<br/>Set an event handler for any element that matches a selector, even if it gets added to the DOM after the initial page load: $('button.someClass').live('click', someFunction);<br/><br/>'''4. To show / hide element'''
	$("input[value^='']", subset);
	<br>
	<br>'''2. Set Context and improve the performance'''<br>
	On the core jQuery function, specify the context parameter when. Specifying the context parameter allows jQuery to start from a deeper branch in the DOM, rather than from the DOM root. Given a large enough DOM, specifying the context parameter should translate to performance gains.
	$("input:radio", document.forms[0]);
	<br>
	<br>'''3. Live Event Handlers'''<br>
	Set an event handler for any element that matches a selector, even if it gets added to the DOM after the initial page load:
	$('button.someClass').live('click', someFunction);
	<br>
	<br>'''4. To show / hide element'''~~<br>~~
	$("a").hide();		$("a").hide();
	$("a").show();		$("a").show();
	<br>'''5. Check element exists'''~~<br>~~
			<br/>'''5. Check element exists'''

	if ($("#someDiv").length) {}		if ($("#someDiv").length) {}
	<br>'''6. Back to top button/link'''~~<br>~~
			<br/>'''6. Back to top button/link'''

	$('#top').click(function() {		$('#top').click(function() {
	$(document).scrollTo(0,500); }		$(document).scrollTo(0,500); }
	<br>
	<br>'''7. Change width of item on many browser'''~~<br>~~		<br/><br/>'''7. Change width of item on many browser'''

	$('#input:text[name=QUESTION.Q12.1]).width(500);		$('#input:text[name=QUESTION.Q12.1]).width(500);
	~~<br>~~


	<br>
	var error_message = "The error was happened"		<br/><br/>var error_message = "The error was happened" var oldCheck = questioncheck; questioncheck = function() {
	var oldCheck = questioncheck;
	questioncheck = function()
	{
	//QUESTION.Label1		//QUESTION.Label1
	if (checkLength("QUESTION.Label1",5)){		if (checkLength("QUESTION.Label1",5)){
	ErrorMessages.getInstance().clearErrorMessages();		ErrorMessages.getInstance().clearErrorMessages();
	ErrorMessages.getInstance().showErrorMessage(error_message);		ErrorMessages.getInstance().showErrorMessage(error_message);
	return;		return;
	}		}


	}		}

	function checkLength(objname,maxlength)		function checkLength(objname,maxlength) {
	{
	var ao=$("input:text[name="+objname+"]");		var ao=$("input:text[name="+objname+"]");
	if (ao.val().length>maxlength)		if (ao.val().length>maxlength)
	return true;		return true;
	return false		return false
	}
	<br>		}<br/><br/>'''8. Get value of question in javascript'''<br/>from_Q8= "{{Q8[0].value}}";
	<br>'''8. Get value of question in javascript'''<br>
	from_Q8= "{{Q8[0].value}}";

Wikicatglobe at 02:09, 18 October 2013

2013-10-18T02:09:31Z

← Older revision		Revision as of 02:09, 18 October 2013
Line 1:		Line 1:
	<accesscontrol>~~Administrators,,Cem,,Maysunshine~~</accesscontrol>		<accesscontrol>Main:MyGroup</accesscontrol>
	[[Category:Miscellaneous]]		[[Category:Miscellaneous]]
	== JQuery Tips ==		== JQuery Tips ==

Cg_pham at 10:00, 24 October 2011

2011-10-24T10:00:10Z

← Older revision		Revision as of 10:00, 24 October 2011
Line 1:		Line 1:
	<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>		<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>
	[[Category:~~Guidelines~~]]		[[Category:Miscellaneous]]
	== JQuery Tips ==		== JQuery Tips ==
	'''1. Optimize performance of complex selectors'''<br>		'''1. Optimize performance of complex selectors'''<br>

Cg_pham at 10:29, 4 October 2011

2011-10-04T10:29:01Z

← Older revision		Revision as of 10:29, 4 October 2011
Line 1:		Line 1:
			<accesscontrol>Administrators,,Cem,,Maysunshine</accesscontrol>
			[[Category:Guidelines]]
	== JQuery Tips ==		== JQuery Tips ==
	'''1. Optimize performance of complex selectors'''<br>		'''1. Optimize performance of complex selectors'''<br>

Catglobe: /* JQuery Tips */

2010-08-06T02:16:17Z

JQuery Tips

← Older revision		Revision as of 02:16, 6 August 2010
Line 48:		Line 48:
	}		}
	<br>		<br>
	<br>'''7. Get value of question in javascript'''<br>		<br>'''8. Get value of question in javascript'''<br>
	from_Q8= "{{Q8[0].value}}";		from_Q8= "{{Q8[0].value}}";

Catglobe: /* JQuery Tips */

2010-08-06T02:16:04Z

JQuery Tips

← Older revision		Revision as of 02:16, 6 August 2010
Line 48:		Line 48:
	}		}
	<br>		<br>
			<br>'''7. Get value of question in javascript'''<br>
			from_Q8= "{{Q8[0].value}}";

Catglobe: /* JQuery Tips */

2010-07-15T09:18:00Z

JQuery Tips

@@ Line 23: / Line 23: @@
 <br>'''7. Change width of item on many browser'''<br>
   $('#input:text[name=QUESTION.Q12.1]).width(500);
 <br>

Catglobe: /* JQuery Tips */

2010-06-02T07:56:04Z

JQuery Tips

← Older revision		Revision as of 07:56, 2 June 2010
Line 22:		Line 22:
	<br>		<br>
	<br>'''7. Change width of item on many browser'''<br>		<br>'''7. Change width of item on many browser'''<br>
	$('#~~item'~~).width(500);		$('#input:text[name=QUESTION.Q12.1]).width(500);
	<br>		<br>

Catglobe: /* JQuery Tips */

2010-06-02T07:55:37Z

JQuery Tips

← Older revision		Revision as of 07:55, 2 June 2010
Line 20:		Line 20:
	$('#top').click(function() {		$('#top').click(function() {
	$(document).scrollTo(0,500); }		$(document).scrollTo(0,500); }
			<br>
			<br>'''7. Change width of item on many browser'''<br>
			$('#item').width(500);
	<br>		<br>

Catglobe: /* JQuery Tips */

2010-05-04T05:30:59Z

JQuery Tips

← Older revision		Revision as of 05:30, 4 May 2010
Line 13:		Line 13:
	<br>		<br>
	<br>'''4. To show / hide element'''<br>		<br>'''4. To show / hide element'''<br>
	$("a").hide();		$("a").hide();
	$("a").show();		$("a").show();
	<br>'''5. Check element exists'''<br>		<br>'''5. Check element exists'''<br>
	if ($("#someDiv").length) {		if ($("#someDiv").length) {}

	}
	<br>'''6. Back to top button/link'''<br>		<br>'''6. Back to top button/link'''<br>
	$('#top').click(function() {		$('#top').click(function() {
	$(document).scrollTo(0,500); }		$(document).scrollTo(0,500); }
	<br>		<br>