Javascript 如何用Jquery替换iframe?
我这里的Javascript 如何用Jquery替换iframe?,javascript,jquery,html,iframe,coldfusion,Javascript,Jquery,Html,Iframe,Coldfusion,我这里的textarea是在我单击添加注释时打开的。所以我不想再使用iframe,可以用JQuery来代替吗?我正在查看load()函数。我该怎么办?提前谢谢 我的代码 <table cellpadding="2" cellspacing="0" width="100%"> <tr onclick="showhide('comment_#aggr_page_variable#'); return(false);" onmouseover="this.style.back
textarea
是在我单击添加注释时打开的。所以我不想再使用iframe
,可以用JQuery
来代替吗?我正在查看load()
函数。我该怎么办?提前谢谢
我的代码
<table cellpadding="2" cellspacing="0" width="100%">
<tr onclick="showhide('comment_#aggr_page_variable#'); return(false);" onmouseover="this.style.background='##e7eced';this.style.cursor='pointer'" onmouseout="this.style.background='##f0f3f4';" bgcolor="##f0f3f4">
<td align="left" width="10">
<img src="pics/button_triangle.gif" alt="" width="10" height="8" border="0">
</td>
<td align="left">
<font class="text_small">
<font color="##777777">Click to add a comment</font></font>
</td>
</tr>
</table>
单击以添加注释
iFrame
<div id="comment_#aggr_page_variable#" style="display:none;">
<div style="paddingo-bottom: 0px;">
<iframe src="#submitted_display_new_comment.cfm?=#aggr_page_variable#" width="100%" height="81" frameborder="no" scrolling="no" src="" marginwidth="0" marginheight="0"></iframe>
</div>
</div>
文本区
<textarea rows="3" cols="50" name="comment" style="font-family: Arial; font-size: 13px; border: 1px solid ##dddddd; padding:2px; width:410px; height:51;"></textarea>
编辑:更新,修复了我忘记的分割 下面是我如何设置的 对于单击事件,每个TR都有一个唯一的ID(格式为
cl#ID#
),并共享一个类
JS小提琴
JQuery用于填充表单中的隐藏字段,表单显示在div中。样式是通用的,但您可以随意使用它
那里有一个奖励行,它只是告诉你它是如何工作的,你可以删除它。在表单提交或ajax提交中,可以使用#form.commentID
和#form.comment
$(函数(){
$(“.commentlink”)。在(“单击”上,函数(e){
var cl_index=$(this.attr('id').split('uu')[1];
$(“#注释框”).show();
$(“#注释框”).css('visibility','visible');
$(“#commentID”).val(cl#U指数);
//下一行只是为了演示。
$(“#commentTA”).val(“此表单中的隐藏字段,'commentID'的值已设置为“+cl#u index+”);
});
});代码>
#注释框{显示:无;
可见性:隐藏}
单击以添加注释
单击以添加注释
我将实现类似于ajax调用的功能,它将注释存储在数据库中,并在ajax调用的on success事件中将新注释附加到div中
例如:
<td id="addComment" align="left">
<font class="text_small">
<font color="##777777">Click to add a comment</font></font>
</td>
<div id="comments"></div>
几天前我试着帮你做这件事。你的问题仍然非常不清楚。您不想使用iFrame,可以改用jQuery吗?嗯?你的环境是什么?为什么ID包含这么多#
?你能拿个提琴或jsbin让我们看看你的意思吗?@elzi我可以回答一个问题,id中包含#因为Cold Fusion使用它作为#变量#
和#function()#
标记。在这种情况下,询问者可以帮每个人的忙,共享呈现的代码,而不是原始源代码。此外,十六进制代码使用##
,因为这就是您在CF中转义#
的方式。设置演示或更详细地解释您试图完成的内容以及当前代码不满足要求的原因。我还是不知道你想要什么。iFrame包含什么?使用load()
,您试图加载什么?如果我不得不猜测,它包含一个表单,该表单由aggr\u page\u变量
提供一个参数。可能会发布submitted\u display\u new\u comment.cfm的内容
$("#addComment").click(function(){
$.ajax({url:"your-page-here", success:function(result){
$("#comments").append(result);
}});
});