jquery新浪网易的评论块制作_jquery

来源：爱若养生

效果图如下:

技术要点：
1。因为 textarea里面不能放图片，所以和新浪的做法一样，选用iframe放内容，然后隐藏一个 textarea用于提交。

2 。JQqery tab 插件的使用（文盲都会）
先引用这三个：
代码如下:

然后：
$(function() {
$("#tabs").tabs();
});

3。让iframe可编辑
window.frames["iframe1"].document.designMode='on';

4。打开简易窗体
var newwindow = window.open("tab.htm",'_blank', toolbars=0,resizable=1);

5。 iframe里执行父窗体的方法
window.opener.XXX(xxx);

其实也就三个页面，不愿下载的直接复制粘贴，拿去就能用。大家有什么好的想法或创意欢迎讨论。
代码如下:

插入表情

$(function() {
$("#tabs").tabs();
});

function SetEmotion(e)
{
window.opener.InsertEmotion(e.childNodes[0].src);
window.close();
}

种类一

种类二

种类三

代码如下:

Untitled Page

function xx()
{
window.frames["iframe1"].document.designMode='on';
}
function xxx()
{
window.frames["iframe1"].document.getElementById("xxx").innerHTML+='';
}

function openTab()
{
var newwindow = window.open("tab.htm",'_blank', toolbars=0,resizable=1);
newwindow.focus();
}
function InsertEmotion(content)
{
document.getElementById("TextArea1").value+=content;
window.frames["iframe1"].document.getElementById("xxx").innerHTML+='';
}

-->

代码如下:

6。demo 下载