onClick按钮事件未调用模态窗口

时间:2011-12-04 21:29:26

标签: javascript html modal-dialog prototypejs scriptaculous

这是我的问题:

我正在创建一个用PHP / MySQL编写的简单内容管理系统。我的每个页面都写有一些php和html元素,因此使用.php扩展名。我遇到问题的页面是“创建一篇新文章”页面 - 基本上,我需要一个html表单按钮来调用ModalBox,允许用户选择要插入文本区域的图像。我也以同样的形式使用文本区域的Tiny MCE富文本编辑器工具。

我在顶部包含的内容如下:

<script language="JavaScript" type="text/javascript" src="js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="js/scriptaculous.js?load=builder,effects"></script>
<script language="javascript" type="text/javascript" src="js/modalbox.js"></script>

<link rel="stylesheet" href="modalbox.css" type="text/css" media="screen" />

<script language="JavaScript" src="js/tiny_mce.js" type="text/javascript"></script>

这是我的按钮/ ModalBox调用的样子:

<input type="button" name="insert_image" id="insert_image" value="Insert an Image" onclick="this.blur(); Modalbox.show('image_select.htm', {width: 600, title: 'Select an Image'}); return false;" />

我尝试了很多东西让它发挥作用,但似乎没有任何区别 - 任何想法?谢谢!

1 个答案:

答案 0 :(得分:0)

我想通了 - 显然,浏览器不喜欢我提供的.js文件的路径。我将它重定向到绝对路径,所有似乎都相应地工作。

<script language="javaScript" type="text/javascript" src="http://www.dpigraphics.net/prototype.js"></script>
<script language="javascript" type="text/javascript" src="http://www.dpigraphics.net/scriptaculous.js?load=builder,effects"></script>
<script language="javascript" type="text/javascript" src="http://www.dpigraphics.net//modalbox.js"></script>