JQuery :: Checked Timing Different When Updating To 1.4.2 Version
Apr 5, 2010
I have a list of check boxes on a page and disable/enable a button based on if one or more of the check boxes is checked. If something in the list is checked, the button gets enabled. Otherwise, it is disabled. Since the list fairly long and it is also dynamic, this behavior is bound to the click event of each check box using live.
In jQuery 1.3.2 the following check worked as expected (with both actual and programmatic clicks) :
if ($('input:checked').length > 0) {
$('#button').removeAttr('disabled');
} else {
$('#button').attr('disabled', 'disabled');
}
However, in jQuery 1.4.2 this behavior changes slightly. Actual clicks still register correctly and the code above functions as expected. Programmatic .click()s, on the other hand, pass through with the opposite behavior. When checking the state of $('input:checked').length afterward, it reports as I would have originally expected. I use this technique to unit test my code, so it is important that a programmatic click simulates an actual user click. This appears to be related to the known issue with the timing of :checked being switched when checking from a bound click handler.
Although I didn't see this timing issue with the above code in the past, I have seen it when checking the state of a single check box when it was the one that was clicked. When checking a single check box, I could work around this by maintaining a state variable rather than checking the :checked state directly. Now that this same issue is showing up when checking multiple checkboxes (in addition to the one actually receiving the click) that work around becomes much more difficult.
This error in firebug: jQuery.event.special.orientationchange.orientation is not a function. Page just loads as blank screen? Only when trying to upgrade to higher than 1.0a4.1.min.js. If I revert to earlier version then all is fine?
I have problems updating from version 1.7.2. to version 1.8. I'm using a custom theme - can anybody give me a step-by-step guide how to update without destroying the whole site ? :) I would like to have the button featueres in the new version
i have some regular html form with few inputs (text). all the form parameters are sending to asp.net page that handling the data (by parameters) and thats work fine. I also have one checkbox that need to send true if it checked or false if didn't checked. all the sulotions i found on the internet is to check if the user is checked one of few checkbox or if the user checked at all, and can't find what i need, which is to send true / false parameter after clicking the SEND btn.
I am trying to get started using JQuery, but I find I can't even get to lesson #1. When I go to jquery.com and click to download the latest version (or any version) it doesn't "download" anything. It opens the file as a webpage in my browser and I see all the JQuery in one big string. Why won't the file just download? Is it the browser I am using? Is it my Mac?
I want this function to attach the attributechecked=checked to the input
<input type='checkbox' id='ckbox4' name='please select4' value='1234' '/> The following code does not do this$("#ckbox4").attr('checked','checked'); or $("#ckbox4").attr('checked',true);
But since I'm using it for multiple instances, is there a way to have this time out after a few seconds? Or stop it so that it doesn't have multiple instances running at the same time?
I've used the fantastic Cycle plugin on a couple of projects now, and it's worked really well.
I have four elements that use cycle, and I've used the timeout and delay options to have one box after another flip repeatedly.
This works well, so the first slide flips after 1 second, the second after 2 and so on, and then each slide continues to flip in turn.
Unfortunately, when I move to another browser tab or another window, then move back, returning focus to the window with the flip elements, the timing seems to go wrong. Each slide continues flipping, but they're no longer flipping one at a time.
My code runs as follows:
I'd like to see each one continue flipping in turn when I go back to the first tab.
My boss has given me a task to create what is essentially a pinging script to run via a web page.
What he wants is for the app to track:Time from Request to start of processing server-sideTime for processing serverside requestTime from end of server-side processing to completed page load.The server side stuff is easy enough. The client side is what I'm concerned with.
How can I capture the time of the request (from the time pressing the go button)? How can I tell when the page is loaded? Onload fires before the page starts to load, doesn't it?
Anyone know if its possible to put individual times on how long the image is displayed? I am trying to get the blank.jpg's to display for 1 second, while the others stay at 5.
<SCRIPT LANGUAGE="JavaScript"> var imageWidth = 385; var imageHeight = 407;
am having trouble with a timing issue concerning 'innerHTML' and have been unsuccessful in addressing this problem after numerous hours.
ideally statements only get executed after the previous statement has been completed however this is not wholly true depending on your point of view. while the initial statement of setting the innerHTML has been completed, the content is still not accessible for a short period of time. Code:
I am trying to write a script that calls a function that asks for a php file to return some xhtml. I try to call this function 2 times but it only displays the last call. What is going on? I tried to slow the request by putting false at the end of the open("POST", url, false); part. but then I get no response. When i say true I only get one but sometimes I get 4. It is quite odd and I am lost as to what I should do about it. Code:
I'm trying to add a slight delay to this page's drop-down menu. Though I assume that entails a call to setTimeout() somehow, I've tried all I can think of (which isn't much...)
<script type="text/javascript"> var timeout = 200; var closetimer = 0; var ddmenuitem = 0;
We have a web site that has various 3rd party javascript components on it, such as google analytics code, ad code, etc... JavaScript that executes in the browser and that we have no control over. We'd like to monitor and time the execution of these various blocks of 3rd party code so that we know exactly how long the page is taking to render to the end user. My first thought was to have some sort of JavaScript stopwatch that started immediately when the page began rendering, and then when various 3rd party JS components finished, the stopwatch would report back to a web service we expose noting which 3rd party code block just finished and how much time had elapsed. This web service would log all these reports.
I'm using jQuery 1.4 to hide a div (#cartPop) when the "close" link inside of it (#cartPop a) is clicked. Since I'm using animate() to fade the div out (opacity), I also have to use hide() to get rid of the div once it has faded out (otherwise the invisible div, which is on a higher z-index, blocks the elements on a lower z-index).
Code:
The problem is that the hide() function calls immediately without waiting for the animate() function to run. Even if I append a delay() function before hide() like so:
1. i want to get the current time, possibility no from client computer ( sometimes their time is wrong)? i dont know whether can achieve but if cannot, then never mind, just get from client computer.
2. for example now is 1:25 am, i want to generate dynamically every half an hour timing from 2 am(round up) till for example 11 am
I'm trying to build a slideshow page in Javascript. It's dynamically built and all of that is working, but the Javascript timing is giving me trouble. First, a PHP script builds an array of Image objects to preloads. I have a 'Loading pictures....' message appear in the foreground of the page. This message should disappear after the final image has been preloaded.
I'm using Javascript's onLoad() event of the last image to change the message's CSS div display property to hidden, but it always executes immediately, even though the browser is obviously still working. Is there a way just to tell Javascript "do not proceed with the rest of the code until this task has finished"?
I am exhausted today, not to include the funk that the BCS national championship put me in, so I must be either crazy or missing something. When I do the following the code works;
I have an application developed using jQuery1.2.3 and I currently have issues with printing a pre-defined area of a page within the application.I found the solution in the jQuery Plugin - PrintArea but it's not compattible with jQuery 1.2.x. The introduction of PrintArea and jQuery 1.3.2 to my app throws errors like "exception thrown and not caught - Query1.3.2.js" and "object does not support this property or method - on the line where I'm calling the printArea function".