如何用jquery對話框替換javascript警報？

Question

可能重複：
How to replace javascript alert (which pops up where the event called it) with a jquery dialog box?

研究員，我要打破它更清晰一點。當我看着那些JQuery UI的東西時，我對我需要下載什麼以及在哪裏放置這些文件感到困惑。

我只是成功的做法是鏈接到JQuery網站，這樣我就不必下載任何東西並看到對話框工作。

但是，從示例中顯示的對話框鏈接到div。如果div位於屏幕的頂部並且輸入框位於底部，那麼div無法幫助我。從頭文件中只有一個函數是從多個文本框中調用的。這個函數包含一個javascript alert（）和一條消息。

請告訴我確切的代碼，我需要在彈出的任何地方myFunction是被envoked郵件的功能，鍵入..

如果是JavaScript的，在一個腳本中，我們」頭部分d有：

<script type="text/javascript"> 

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

</script> 

，並在多個文本框，我們就會有：

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

我需要一個漂亮的彈出框，以取代JavaScript的alert（）;除了在調用文本框旁邊彈出消息之外，我不需要做任何其他操作。如果它可以拖動和調整大小，那將是最酷的事情。但現在，我會很滿意我所提到的。

我一直在學習語言。我知道我最終也會學習JQuery。但是如果可能的話，我今晚需要這樣做。

詹姆斯

Answer 1

以下是用於製造定製對話框一個非常有用的鏈接： http://www.queness.com/post/1696/create-a-beautiful-looking-custom-dialog-box-with-jquery-and-css3

你需要做到以下幾點： 1.在HTML body DIV元素（如在給定的鏈接） 2.複製給到一個CSS文件的CSS，包括它在你的HTML 3.包括使用JQuery的JS文件中HTML頭下面：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 

1. 用標籤寫下標題部分給出的javasript。文本框的
2. 的OnClick調用方法：彈出（「」）

在要這個對話框，具有JavaScript和CSS文件JS文件必須inluded任何頁面，所以做一個單獨的js和css文件的可重用性。