如何用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（）。

请告诉我，我需要在函数中键入的EXACT代码，无论在哪里调用MyFunction都会弹出消息。

如果是javascript，我们在脚本的head部分中有：

<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正文中创建一个DIV元素（如链接中所示） 2.将给定的CSS复制到CSS文件中并将其包含在HTML中 3.在HTML头中使用以下内容包含JQuery的JS文件：

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

1. 在标题部分中用标签写下javasript。
2. 文本框的OnClick调用方法：popup（“”）

在您想要此对话框的任何页面上，必须包含具有javascript和css文件的js文件，因此请创建一个单独的js和css文件以便重用。