如何在HTML中创建弹出窗口（模式对话框）

Question

在我的网站上有一个页面，用户可以在其中提问。 现在我想添加添加图像按钮，必须调用模拟对话框，用户需要从计算机上传图片 。然后关闭窗口，链接到图像被重新发布。

我想做类似于SO https://stackoverflow.com/questions/ask的东西 - 尝试按下图像按钮，你会看到漂亮的弹出窗口。

请建议什么是最好的方式来实现这些东西。我要求的代码片段，而不是技术

Answer 1

您需要的客户端脚本。我建议学习Javascript，然后使用Jquery，然后使用Jquery UI。如果你知道php，那么拾取基础知识应该不会太难。

Answer 2

该弹出窗口，您可以通过使用任何jQuery库像colorbox做的。对于图片上传，您将不得不轮流寻找一些基于Flash或Java的上传。

http://colorpowered.com/colorbox/core/example1/index.html http://swfupload.org/

Answer 3

容易，因为喝水;）

与jQuery创建弹出......像这样（http://fancybox.net/），然后添加表格，弹出上传图片...然后当文件上传仅返回绝对地址父编辑...现在你可以显示你的图像;）

Answer 4

也许这可能是一些帮助，一旦你开始http://jqueryui.com/demos/dialog/#modal-form。除此之外，您可以使用DOM结构并使用appendChild和CreateElement创建每个元素，并使用css来给出一个好看的样子。