How do i get an alert to stop a page from going on

bytesFTW99

i have this button, i would like this button on click to pop up an alert "are you sure". If yes continue to the url that in the function, if no stay on the page.

Expand|Select|Wrap|Line Numbers

  
<input type="button" id="addlesson" value="Add Lesson!" onClick="inputter(document.getElementById('testid').value)" />

here is the inputter function

Expand|Select|Wrap|Line Numbers

 
function inputter(element){
 
            parent.location='studentaddlesson.php?option=&s_id=' + escape(element);
 
        }
 
            $(document).ready(function() {
 
         $('#testid').keyup(function(e) {
 
        if(!e) e = window.event;
 
        if(e.keyCode == 13) {

            inputter(document.getElementById('testid').value);

        }

         }
 
            )

        } )

So my question is, how do i tie this jquery alert to the button to stop the action. Right now it pops up but does not stop the page from going to the url

Expand|Select|Wrap|Line Numbers

 
$(document).ready( function() {
 
                $("#addlesson").click( function() {

                    jConfirm('Can you confirm this?', 'Confirmation Dialog');
 
                });

                });

gits

drop the 'hard-assigned' handler from the button and then do something like this in the onload-handler of the page:

Expand|Select|Wrap|Line Numbers

 $(document).ready( function() {

    $("#addlesson").click( function() {

        if ( jConfirm('Can you confirm this?', 'Confirmation Dialog') ) {

            inputter(document.getElementById('testid').value)

        }

    });

});

while i assume that the confirm will return a boolean like it should. which JavaScript framework do you use? JQuery? which version?

kind regards

How do i get an alert to stop a page from going on

re: How do i get an alert to stop a page from going on

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about