Viewing posts from: jQuery

26
Nov

Learn how to check a checkbox using jQuery

By admin|jQuery

Think you need to check a checkbox using jQuery. If jQuery 1.6+ Use the new .prop() function: To set $(‘.yourCheckbox’).prop(‘checked’, true); $(‘.yourCheckbox’).prop(‘checked’, false); To unset $(‘.yourCheckbox’).prop(‘checked’, false); if jQuery 1.5 and below The .prop() function is not available on jQuery 1.5 and below, so you need to use .attr(). To set $(‘.yourCheckbox’).attr(‘checked’,’checked’); To unset $(‘.yourCheckbox’).attr(‘checked’,”); […]

Continue Reading →
11
Jul

Learn how to get array from checked checkboxes using Jquery

By admin|Computer, JavaScript, jQuery

Think you want to get checkboxes value which are checked using jquery. You can use following code to do that. $(‘input:checkbox:checked’).each(function(index){ alert($(this).val()); }); or else you want to get the array of the checked checkbox value. Then use following code. var data = $(‘input:checkbox:checked’).map(function(){ return this.value; }).get(); //this will give array like this. [’19’, ’20’]

Continue Reading →
20
Jun

Learn how to use the callback option (init_instance_callback) of the TinyMCE

By admin|Computer, Internet, JavaScript, jQuery

Callback function of the TinyMCE : init_instance_callback This option should contain a function name to be executed each time a editor instance is initialized. See the bellow example for usage of this callback function. function my_custom_init_instance(inst) { alert(“Editor: ” + inst.editorId + ” is now initialized.”); } tinyMCE.init({ … init_instance_callback : “my_custom_init_instance” });

Continue Reading →
06
May

Learn how to fix jQuery UI dialog position (relative to the browser) when scrolling browser

By admin|Computer, CSS, CSS, Internet, JavaScript, jQuery

When open a jQuyery UI dialog and can scroll the browser and the dialog would change it’s position relative to the browser window, And if you want to make it stay in the same position relative to the browser, use the following css & javascript. .dialogFixed { position: fixed !important; } $(function() { $( “#dialog” […]

Continue Reading →
19
Dec

Learn how to use jquery .is() function

By admin|Computer, jQuery

.is( selector ) returns Boolean. That means returns true or false. .is( selector ) selectorA string containing a selector expression to match elements against. .is( function(index) ) function(index)A function used as a test for the set of elements. It accepts one argument, index, which is the element’s index in the jQuery collection.Within the function, this […]

Continue Reading →
19
Dec

Learn how to use $(this) selector and children

By admin|Computer, jQuery

If you want to select img tag and modify values of it. <div id=”known_id”><img src=”…”></div> The jQuery constructor accepts a 2nd parameter which can be used to override the context of the selection. $(‘#known_id’).click(function(){ var img = jQuery(“img”, this); }); Which is the same as $(‘#known_id’).click(function(){ var img = jQuery(this).find(“img”); }); If the imgs are […]

Continue Reading →