Question

Fellows, I’m going to break it down a little clearer. When I look at that JQuery UI stuff, I get absolutely confused as to what I need to download and where to put the files.

What I DID just do successfully was to link to the JQuery website so that I didn’t have to download anything and saw that the dialog box works.

However, the dialog box, from the example shown me, is linked to a div. That div is not going to help me if it’s at the top of the screen and the input box is at the bottom. I have only one function in the header that is called from a number of textboxes. This function includes a javascript alert() with a message.

PLEASE, tell me the EXACT code I need to type in the function (We’ll call it MyFunction() ) that will pop up a message wherever the MyFunction is being envoked..

If it was javascript, in the head section in a script we’d have:

<script type="text/javascript">

function digitsOnly(){
alert("Digits only, please");
}

</script>

and in a number of textboxes, we’d have:

<input type="test/javascript" onkeydown="digitsOnly()" />

I need a beautiful pop-up box to replace the javascript alert();
I don’t need this do do anything other than pop up a message next to the calling textbox. If it’s draggable and resizable, that would be the coolest thing. But for now, I’ll be happy with what I mentioned..

I study languages all the time. I know I’ll eventually learn JQuery too. But I need this done tonight if possible.

James

Answer 1

Javascript’s alert() function runs before anything else, so it’s hard (if not impossible) to actually replace its default behavior. However, you can easily make your own function. Instead of:

$('.clickable').click(function() {
  alert("Clicked.");
});

Do this:

$('.clickable').click(function() {
  $('.dialog').dialog({ 
    // options...
  });
});

You will have to go through your code and replace each alert with this, however, that shouldn’t be too big of a deal, especially if you’re using something like Textmate, which has a “Search Project” feature.