function calling from another function javascript

Question

I have 2 functions. First contains Jquery-UI dialog and called from the Second function. Something like :

function First() {
    $('div').dialog({
        buttons: {
            "Ok": function () { /* code */
            }
        }
    });
}

function Second() {
    First();
    /* rest of this function code is depend upon the "Ok button" 
       function code */
}

Now my problem is that after calling function First the execution of script doesn't wait for dialog's Ok button press. Whats should i do, so that only after pressing the Ok button, the control return from the function First?

move the code after first function call in second function to OK button click — TRR
– TRR, Commented Jul 4, 2012 at 6:37

scessor · Accepted Answer · 2012-07-04 07:10:32Z

2

Move from the function Second the part after calling First into a 2nd function (here called SecondOkHandler). Call First with a new parameter (this callback function) and in the function First on 'ok' call this:

function First(okCallback) {
    $('div').dialog({ 
        buttons : {
            "Ok" : okCallback
        }
    });
}

function Second () {
    First(SecondOkHandler);
}

function SecondOkHandler() {
    /* rest of this function code is depend upon the "Ok button" function code */
}

Also see this example.

=== UPDATE ===

To make it more complex, here a link to an example with more callbacks.

edited Jul 4, 2012 at 7:10

answered Jul 4, 2012 at 6:38

scessor

16.1k4 gold badges45 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vinayak Phal · Accepted Answer · 2012-07-04 06:36:58Z

1

This is because you have given a parenthesis First() this will make a call to that function as soon as the parser encounter that line.

You can make use of the one of the 2 Javascript methods of calling the function apply or call. By using this your function will not execute as soon it is encounter.

Check out this reference http://odetocode.com/blogs/scott/archive/2007/07/05/function-apply-and-function-call-in-javascript.aspx

Try using this and let me know if it is not working.

answered Jul 4, 2012 at 6:36

Vinayak Phal

8,9194 gold badges35 silver badges53 bronze badges

Comments

gaurang171 · Accepted Answer · 2012-07-04 07:13:52Z

1

    function First(waitTillOk) {
        $('div').dialog({
            buttons: {
                "Ok": function () { 
                      /* code */
                      if(typeof waitTillOk == "function"){
                        waitTillOk();
                      }
                }
            }
        });
    }

    function Second() {
        var waitTillOk = function(){
         /* rest of this function code is depend upon the "Ok button" 
           function code */
     }
     First(waitTilOk);
    }

answered Jul 4, 2012 at 7:13

gaurang171

9,1104 gold badges31 silver badges30 bronze badges

Collectives™ on Stack Overflow

function calling from another function javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related