如何在HTML中创建弹出窗口(模式对话框)
问题描述:
在我的网站上有一个页面,用户可以在其中提问。 现在我想添加添加图像按钮,必须调用模拟对话框,用户需要从计算机上传图片 。然后关闭窗口,链接到图像被重新发布。如何在HTML中创建弹出窗口(模式对话框)
我想做类似于SO https://stackoverflow.com/questions/ask的东西 - 尝试按下图像按钮,你会看到漂亮的弹出窗口。
请建议什么是最好的方式来实现这些东西。我要求的代码片段,而不是技术
答
您需要的客户端脚本。我建议学习Javascript,然后使用Jquery,然后使用Jquery UI。如果你知道php,那么拾取基础知识应该不会太难。
答
该弹出窗口,您可以通过使用任何jQuery库像colorbox做的。对于图片上传,您将不得不轮流寻找一些基于Flash或Java的上传。
http://colorpowered.com/colorbox/core/example1/index.html http://swfupload.org/
答
容易,因为喝水;)
与jQuery创建弹出......像这样(http://fancybox.net/),然后添加表格,弹出上传图片...然后当文件上传仅返回绝对地址父编辑...现在你可以显示你的图像;)
答
也许这可能是一些帮助,一旦你开始http://jqueryui.com/demos/dialog/#modal-form。除此之外,您可以使用DOM结构并使用appendChild和CreateElement创建每个元素,并使用css来给出一个好看的样子。
嗨马特,是啊我看着JQuery UI他们有一个对话框,请你解释如何使用jscript上传,因为我不能使用基于表单的文件上传然后 – 2011-03-17 10:01:28
@Captain Comic如果你确定你需要一个JavaScript上传而不是更简单的形式提交上传,我用这个http://valums.com/ajax-upload/ – Matt 2011-03-17 10:04:41
看起来很酷,但它的新词 - 阿贾克斯...嗯 – 2011-03-17 10:07:18