jquery - w3toppers.com

Controlling the value of ‘this’ in a jQuery event

You can use jQuery.proxy() with anonymous function, just a little awkward that ‘context’ is the second parameter. $(“#button”).click($.proxy(function () { //use original ‘this’ },this));

Fire event each time a DropDownList item is selected with jQuery

To expand Vincent Ramdhanie’s suggestion, take a look at doing something like this. Essentially, you end up with your own jQuery function that you can re-use elsewhere. Step 1: Create the jQuery Function (function($) { $.fn.selected = function(fn) { return this.each(function() { var clicknum = 0; $(this).click(function() { clicknum++; if (clicknum == 2) { clicknum … Read more

Codeigniter session bugging out with ajax calls

Try this <?php /** * ———————————————————————— * CI Session Class Extension for AJAX calls. * ———————————————————————— * * ====- Save as application/libraries/MY_Session.php -==== */ class MY_Session extends CI_Session { // ——————————————————————– /** * sess_update() * * Do not update an existing session on ajax or xajax calls * * @access public * @return void */ … Read more

Jquery – Remove only text content from a div

This should do the trick: $(‘#YourDivId’).contents().filter(function(){ return this.nodeType === 3; }).remove(); Or using an ES6 arrow function: $(‘#YourDivId’).contents().filter((_, el) => el.nodeType === 3).remove(); If you want to make your code more readable and you only need to support IE9+, you can use the node type constants. Personally, I’d also split the filter function out and … Read more

jQuery UI Datepicker – Multiple Date Selections

I needed to do the same thing, so have written some JavaScript to enable this, using the onSelect and beforeShowDay events. It maintains its own array of selected dates, so unfortunately doesn’t integrate with a textbox showing the current date, etc. I’m just using it as an inline control, and I can then query the … Read more

jquery – Click event not working for dynamically created button [duplicate]

You create buttons dynamically because of that you need to call them with .live() method if you use jquery 1.7 but this method is deprecated (you can see the list of all deprecated method here) in newer version. if you want to use jquery 1.10 or above you need to call your buttons in this … Read more

jquery $(window).height() is returning the document height

With no doctype tag, Chrome reports the same value for both calls. Adding a strict doctype like <!DOCTYPE html> causes the values to work as advertised. The doctype tag must be the very first thing in your document. E.g., you can’t have any text before it, even if it doesn’t render anything.

How can I check if a key is pressed during the click event with jQuery?

You can easily detect the shift, alt and control keys from the event properties; $(“button”).click(function(evt) { if (evt.ctrlKey) alert(‘Ctrl down’); if (evt.altKey) alert(‘Alt down’); // … }); See quirksmode for more properties. If you want to detect other keys, see cletus’s answer.

how to change a selections options based on another select option selected?

Here is an example of what you are trying to do => fiddle $(document).ready(function () { $(“#type”).change(function () { var val = $(this).val(); if (val == “item1”) { $(“#size”).html(“<option value=”test”>item1: test 1</option><option value=”test2″>item1: test 2</option>”); } else if (val == “item2”) { $(“#size”).html(“<option value=”test”>item2: test 1</option><option value=”test2″>item2: test 2</option>”); } else if (val == “item3”) … Read more

Installing jQuery?

Get jQuery up and running in a minute or less: Insert this into your HTML (most commonly in the head, but you can throw it before the end body tag too): <script type=”text/javascript” src=”http://code.jquery.com/jquery-latest.min.js”></script> Then place a script element after your jQuery one. This would alert ‘hello’ after the DOM is ready. <script>$(function() { alert(‘hello’) … Read more