Synchronizing Javascript Events

It looks like you are doing form validation with an automatic popup when the form is fully completed. To do this, you write a single validation function in javascript that validates every field in the form. You can trigger this function from each of your OnChange events and open a popup when the entire form is validated successfully.

Consider jQuery validation when you're short on time.

http://jquery.com/

Let's assume that input fields only mean text inputs and not any checkboxes or combinations (I'm assuming you are trying to autocomplete). My advice is to use onkeyup and onkeydown.

var keypressed = false;

function onkeydown( )
{
   keypressed = true;
}

function onkeyup( )
{
  keypressed = false;
  setTimeout( function()
              { 
                 if (!keypressed) 
                    show_popup();
                 else 
                    setTimeout( this.calee,1000)
               }, 1000 );
}

      

        
        
        
      

    

Set flags (variables) for each test group.

• Initiate flag to 0.
• Set the flag to 1 when validation is complete for the group.
• When the user pops the button, if all flags are 1, the popup.

The callback that John talked about will solve the problem "what do you do if they haven't passed validation yet?"

EDIT: Added after clarification:

Have you considered adding a popup button via DOM methods (just) (or innerHTML if you like), after everything is checked? So there is no option until his time.: D

Also do you check if the popup is blocked? If so, you can either send a notification to the user that their blocker is blocking the editor; or load your editor into an iframe automatically; or to load the editor to the main page using DOM methods (adding documentFragment, etc.).

Some blockers provide users with the ability to block even pop-ups created by clicking on links (which are traditionally not limited to blockers). I would think some kind of backup method would be helpful to you, or at least an in-place warning system.

NTN

I don't think I fully understood your question, but here are some thoughts on how to solve problems you might have :)

firstly, i deactivate the popup open button when sending the ajax call. then when the requested data comes in and the whole check is done, activate it again. you can do this with a counter: increase it for each request sent, decrease it as soon as the data arrives and the validation is complete. activate popup open when data arrives and the counter is zero. this prevents the user from clicking the pop-up button while validation requests are not yet pending.

you can use the same method for the input fields themselves: lock the input fields that are pending validation by setting them to read, unlock them when done.

to prevent problems when the user changes form values ​​while the ajax call hasn't returned yet, you have several options:

• use a timer to send the request: every time the onchange event fires, wait x seconds before sending the request. if another exchange event occurs before the ajax request is sent, reset this timer. this way multiple exchange events with a specific timeframe only fire one ajax request. this helps to reduce the load.

• you can calculate and store checksums for each position, so if an onchange event occurs, calculate the checksums again and compare them. this way you know which parts have actually changed, avoiding unnecessary validation prompts.

too, never place your bets on time (if I understand correctly what is needed for the setup). x seconds may be sufficient under normal circumstances, but in the worst case ...