2011-10-09 18 views
1

可能重复:
How to replace javascript alert (which pops up where the event called it) with a jquery dialog box?如何用jquery对话框替换javascript警报?

研究员,我要打破它更清晰一点。当我看着那些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。但是如果可能的话,我今晚需要这样做。

詹姆斯

+1

请编辑你的原始问题来澄清。当你已经有人试图帮助你时,不需要有新的问题。 – David

+1

你必须1.)包含jQuery 2.)jQuery UI 3.)jQuery UI CSS 4.)创建一个div并调用'.dialog()',如示例所示(http:// jqueryui。com/demos/dialog /) – ComFreek

+0

我试图删除原来的问题。问题是我发现人们会回答,然后我会失去他们。所以编辑原稿,我担心,将无济于事。没有不敬的意图..关于你告诉我的div例子,这正是我害怕不会为我工作。 div不会跨页面移动到调用文本框的位置,是吗? – iDevJunkie

回答

2

以下是用于制造定制对话框一个非常有用的链接: 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文件的可重用性。

+0

我喜欢这个Queness one,因为在阅读之后,我能够学习到足以从头创建一个全新的,从而可以在没有许可证问题的商业软件上使用它。 – Volomike