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

Question

在我的网站上有一个用户可以提问的页面。 现在我想添加Add Image按钮，该按钮必须调用用户在其中的有点模态对话框 需要从计算机上传图片。然后关闭窗口并将图像链接放回到帖子。

我想在SO https://stackoverflow.com/questions/ask中做类似的事情 - 尝试按下图像按钮，你会看到很好的弹出窗口。

请建议实施这些内容的最佳方法。我要的是代码片段，而不是技术

Answer 1

容易饮用水;）

使用jquery创建弹出窗口...像这样（http://fancybox.net/）然后添加表单以弹出上传图像...然后当文件上传时只返回父编辑器的绝对地址...现在你可以显示你的形象;）

Answer 2

一旦你开始http://jqueryui.com/demos/dialog/#modal-form，这可能会有所帮助。另外，您可以使用DOM结构并使用appendChild和CreateElement创建每个元素，并使用css来提供良好的外观。

Answer 3

您可以使用任何jQuery库（如colorbox）执行该弹出窗口。对于图像上传，您必须交替查找一些基于Flash或基于Java的上传。

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

Answer 4

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