javascript - textarea 输入的弹出预览

标签 javascript popup

我想为帖子创建一个预览功能,允许人们查看他们在文本区域中输入的内容的输出,一旦提交它会如何显示。论坛使用bbcode并且不允许在帖子中使用html并且textarea框的id是“message”

谁能帮我创建一个弹出窗口,可以在弹出窗口中预览这篇文章,而无需将其任何数据传递到数据库并返回?

我真的应该提供更多信息,我意识到...基本上我们有一个

形式的帖子表单
<textarea id=\"message\" name=\"message\" style=\"width:515; height:160; font-family: Verdana; font-size: 8pt; color: #000000\" onKeyDown=\"countit()\"></textarea>

带有提交按钮

<input type=\"image\" src=\"newlayout/images/reply.png\" height=\"35\" width=\"109\" border=\"0\" alt=\"Submit\">

当它被点击时,表单被发送到另一个页面,从那里它被插入到数据库中。我希望有一个预览按钮,就像 livejournal 上的那个按钮,在那里创建一个新的弹出窗口并显示帖子的样子。我查看了 livejournal 上的源代码,它提供了 jQuery,所以我尝试了这里给出的代码:http://haacked.com/archive/2009/12/15/live-preview-jquery-plugin.aspx 然而,这没有用,因为什么都没有出现,而且我也不喜欢实时预览的想法。

我还尝试了这里的 javascript 代码:http://www.codingforums.com/showthread.php?t=174810 , 但再一次,它没有得出任何结果......

我希望这是很好的信息,如果我还需要包含任何其他信息,请告诉我:)

最佳答案

这个问题越来越接近于“为我编写代码”,但如果您只是想通过最佳方法获得帮助,这里有一些:

最干净的是有一个按钮(通过 javascript)更改表单的 actiontarget 并触发 submit()... 这将发送所有通过将数据发布到模板页面,该页面可以获取 $_POST 数据并将其放入模仿实时模板的模板中。

或者,您可以让 JavaScript/Jquery 获取所有字段值,并在 javascript 中构建 HTML 模板,然后将其传递到样式为 (a) 的页面上的 div弹出窗口和 (b) 具有模仿实时页面的 CSS。

有很多方法可以做到这一点,但这些都行得通。如果您尝试做某事并陷入困境,请告诉我们,我们会帮助您。

关于javascript - textarea 输入的弹出预览,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9243298/

相关文章:

jQuery 在父窗口中选择元素

javascript - jQuery 无法正确呈现

javascript - 在弹出窗口中创建复制按钮

xamarin - 在 Xamarin.Forms 中,如何使用 RG.Plugin 在所需位置设置弹出页面?

ios - 如何创建 ipad PopUpOver?

jquery - 如何让jQuery模态框显示 "on top"页面元素?

javascript - 无法使用 jquery 重定向到页面

javascript - 是否可以通过 javascript 客户端脚本检索 url 的图标?

javascript - 加载 ajax 内容后 Jquery 搜索过滤器不起作用

javascript - 停止滚动条向左推内容