JQuery :: Disable Events Under Certain Condition Temporary?
May 25, 2009
[URL] Example on this site u can test what i mean. I want that when all skillpoints are used further click function is disabled or better only works to disable selection to gain again a skillpoint. On current state u can see that when skill counter is at 0, 2 clicks messes up the selection and u can select further on. my code for each icon looks so far like this:
$("#2").toggle(
function () {
if (counter > 0) {
$("#3").attr("disabled", false).fadeTo("fast", 0.50);
Is there any way to temporary disable any clicks? I've made a jquery code where you press a button and after 1,4 sec it will go to the next screen. But I don't want people to click on anything within those 1,4 sec.
I want to temporaraly disable events from my page. However, I cant seem to get it to work. It will show my disables message, but then it goes ahead and does the action I was trying to do (like clicking on a link).
Here is the code, any ideas? ----- function disableEvents() { document.onclick = showDisabledMessage; } function enableEvents() { document.onclick = null; } function showDisabledMessage() { alert("Please wait for the current action to complete."); return false; }
I'm trying to enable/disable a textarea. I am able to do a mouseout disable, but cannot do a mouseover enable. For instance, when I click on the image, a textarea shows up. When I move my mouse to a different location, the textarea disables fine.Then when I try to move my mouse back over the textarea, it DOES NOT enable for me to write in it.I just happen to try out this code in IE and the textareas are not showing up where I click. I assume that I'm capturing the X/Y coordinates incorrectly for an IE browser.
********* CODE *************
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>[code].........
I am developing a web site for a summer comedy series. The site has links to buy tickets but I want them to disappear two hours before the show begins. Does anyone know how to use a simple javascript that shows and hides text and links after a date has passed?
how to avoid temporary (local) variables to reassign this.Example as follow:
function Test(id){ this.id=id; this.init=function(){ // some initialization go here
[code]....
This is terrible because it breaks the structure, and so many local temporary variables will be instantiated (possibly they will eat up the memmory).However, this type of reference is just so popular in jQuery, and they got a beautiful solution. Example:
$('li').each(function(){ // Do with $(this). This is beautiful, but I don't understand how could they make this scheme. })
im loading data via json dynamical from the server. Now i try to optimate the speed of my application and so i want to disable the validate of the fields during the data loading from the server.Is there a simple solution to this? like validate = false
I am trying to "ajaxify" my site. Now I have one problem:
$("#posts").children().remove(); $("#tag-sidebar").children().remove(); $.each(data.Tags_Sidebar, function (indexInArray, valueOfElement) { var insert = $("<li>");
[Code]......
Now when I click one of those links (href1, href2, href3) generated, the click event won't execute! What's the problem? Also, is it right that I have to transfer the valueOfElement over, like I did? What does stopEventPropagation do? Prevent the href from being navigated to? That's what I am trying to do.
I have a series of images with an animation bound to mouseover and mouseleave events, and I'm trying to get my head around adding a click event that would prevent the mouseleave animation from occurring only for the image that was clicked, preserving everything else as is (until another image is clicked). I've discovered .stop() and I think I'm getting close, but some part of the logic is still escaping me.
Is there a way to combine selectors with && condition. eg: $('.classname div[att=value]') Requirement is to select all div elements with class 'classname' and (&&)an attribute 'att' whose value is 'value'
How could I add a class to a div that contains a div that contains a link that contains specific text, and name that class based on that link but with hyphens in place of spaces and all lower case? Here's specifically what I'm looking for:
<div class="my-div-one"> h2>Title of this section</h2> <div class="my-div-something-else"><a href="url">My Special Link</a></div> </div>
In the above example, I want to add the class my-special-link to my-div-one. Is that possible? How could I do that?
problem is that these functions seem to pass so fast that ajax queries aren't ready when code passes to startMainCode(). One way I could prevent this is by making ajax_init_global_data() "success" call ajax_init_stuff_1(), and same with stuff_1 -> stuff_2, and finally stuff_2 -> startMainCode().
Still, I was thinking is there a way to write condition in way that when ajax_inits go "success", I could put variables "phase_1_ready = true", "phase_2_ready = true" and "phase_3_ready = true", and finally write something like: if $document.bind(phase_1_ready == true && phase_2_ready == true && phase_3_ready) { startMainCode());
So basically I'm wondering if there is way to bind condition to trigger function, without writing somekind of setTimeout -loop to do the check?
I was wondering if anyone knew of a way of selecting a DIV based on 2 of itsattributes meeting a certain criteria. Say for example I have a variable called 'time', now if data-in and data-out (below) are 'seconds', how would you show the relevant DIV based on the 'time' variable.Assume all the below are hidden by CSS to start with.
For example if 'time'=15 it would show slide1 because it's between data-in (10) and data-out (20).[code]...
I'm trying to clear the TIF on Windows XP programmatically with the below code.
This code works fine on any folder but the TIF. For some reason the atEnd() statements always defaults to true and no files are deleted in the folder.
The peculiarity of this issue is that the files/subfolders cannot be seen through the windows explorer either. I can only access/delete them through a command shell. Code:
I've started working with the jQuery UI 1.8 Autcomplete recently with remote data. I was pleased with the ease of initial implementation, but before long I ran into a classic race condition.As I type, the search query gets more specific, so it takes less time for the server respond. As a consequence, it is possible for the old response to arrive after the most recent one. Obviously, this is producing undesirable effects.I'm a little frustrated that the plugin doesn't have a way to manage this. To me, it seems that it makes the "basic" remote data implementation unreliable in most real-world situations. It also seems as though this would be a common problem, but I've found very little literature on it.
I've found that autocomplete is a relatively new addtion to jQuery UI, so I've put the frustration aside and started my own widget which extends autocomplete to solve for three things: 1) race conditions; 2) animated open/close; 3) caching.The nature of this post is two-fold. Not only to share information I've gathered on the topic of race conditions with others who might be having the same trouble, but to (hopefully) gain some insight to how other people are solving for this.The first piece of this puzzle was that $.ajax() (and related methods) return an XMLHTTPRequest instance. As described at stackoverflow.com, this grants us the ability to use XMLHTTPRequest.abort() method. So I just keep a handle to the XMLHTTPRequest instance, and if it exists, call abort() before the next request is made.Using a firebug, I could see that the requests were being aborted as expected and the symptoms of the race-condition ceased. So far, so good... then I got to IE. Not so much.In IE, I was seeing run-time errors. The odd thing is that the run-time errors seemed to be coming from deep within jQuery UI, rather than my code yet commenting out the abort() avoided the run-times. After scratching my head for a while, I used the following simplified code to shed some light on the situation:[code]
In Firefox and Chrome, behavior is as expected - no alert box. However, in IE6 and IE8 (IE7 untested at this time), the success handler still fires! As it turns out, the run-time errors were because the response was undefined as it got passed through my success code path. My next thought was, "maybe I can just evaluate textStatus". Unfortunately, it turns out (as seen in the alert box) it contains the string "success".
How to use the IF ELSE condition inside the RUle function in Jquery Validation. I am using one form for some fields are require for option 1 and some fields are require for option 2. Example for the below code I need name and address for option one and name and url for option 2. How to use the IF/Else condition for this.
I would like to write a jquery function that will work like this:
$(document).ready(function(){ifclick is made then do: $("#wheel1").click(function(){ $(".wheels").show(500);}); leave the function else:$("#wheel1").mouseover(function(){ $(".wheels").show(500);}); $("#wheel1").mouseout(function(){ $(".wheels").hide(500);});
I am using this Browser Plugin call: world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', ''); in the middle of my page, where I want to load this object. (It is a 3d rendering modul Viewpoint Player)
Now I want to add a browser check, as this plugin runs only in IE. When I dedect that the page is loaded with IE, I am writing via Jquery a class name into my body tag.
I thought, it would work if I do the following:
if($('body').attr('class').length > 1){ world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', ''); }
But for some reason, the if fails, as it seem that the plugin is called earlier than the jquery browser check, so the class name is not set at this point.
Then I thought, making a function arround and call it onLoad within the body tag. Which has the disatvantage that the MTS Plugin is loading at the worng place on the page.
What I want, is that the call to the object "world = new MTSPlugin( '../obj/main.mtx', '100%', '100%', '', 'simple', '');" is only at a trie condition at the place where it should be...
I'm pretty new to jQuery and I'm using $.getJSON to submit some data to a PHP script which either returns 5 sets of json-formatted data or data to indicate an error condition (i.e., no data available) from the PHP database query. The callback routine handles the 5 sets of json-formatted data just fine (using $.each...) but I'm having trouble testing for either just a string with 'null' in it or a json-formatted data return of [{"error":"null"}].
My callback code for the second approach looks like this: function handle_stores(data) { if (data.error == "null") ..... But this test does not execute the following code for the 'true' condition, i.e., data.error == "null" never evaluates to 'true'.
