JavaScript制作新浪网易的评论块(1)(3)

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns = http://www.w3.org/1999/xhtml head title UntitledPage / title script type = tex

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>Untitled Page</title> 
    <script type="text/javascript" language="javascript"> 
     
function xx()  
{  
 window.frames["iframe1"].document.designMode='on';  
}  
 function  xxx()  
 {  
    window.frames["iframe1"].document.getElementById("xxx").innerHTML+='<img title="顶" alt="顶" src="http://www.sinaimg.cn/uc/myshow/blog/misc/gif/E___0104ZHWSSIGT.gif" _moz_dirty="">';  
  }  
    
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+='<img title="顶" alt="顶" src="'+content+'" _moz_dirty="">';  
}  
    </script> 
</head> 
<body onload="xx()"> 
<iframe frameborder="0" src="HTMLPage1.htm" style="border: 1px solid rgb(199, 199, 199); height: 158px; width: 448px; background-color: white;" id="iframe1"></iframe> 
 
<div> 
    <textarea id="TextArea1" style="height:150px;display:none;" cols="20" rows="2"></textarea> 
    <input id="Button2"  type="button" value="提交" /> 
<!--    <input id="Button1" type="button" value="button" onclick="return xxx()" />--> 
    <input id="Button3" type="button" value="选择表情" onclick="openTab()" /> 
    </div> 
</body> 
<!--<img src="http://www.rao123.com.cn/uploadfile/200912/20100113132913201.gif" alt="" />--> 
</html>

<html> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <style> 
            p {   
                * margin:0.2em  auto;  
            }  
            body {  
                margin: 0;  
                scrollbar-face-color: #ffffff;  
                scrollbar-highlight-color: #ffffff;  
                scrollbar-shadow-color: #c0c1bb;  
                scrollbar-3dlight-color: #c0c1bb;  
                scrollbar-arrow-color: #c9cbb6;  
                scrollbar-track-color: #f4f5f0;  
                scrollbar-darkshadow-color: #ffffff;  
                scrollbar-base-color: #ffffff;  
                padding: 17px;  
                word-wrap: break-word;  
                overflow: scroll;  
                overflow-x: auto;  
                height: 90%;  
                font-size: 12px;  
                background-color:white;  
            }  
              
            body, td, textarea, input, br, div, span {  
                font-family: '宋体', Verdana, Arial, Helvetica, sans-serif;  
                line-height: 1.5;  
            }  
              
            img {  
                border: 0;  
            }  
              
            html {  
                height: 100%;  
                cursor: text;  
            }  
              
            pre {  
                white-space: normal;  
            }  
              
            form {  
                margin: 0;  
            }  
        </style> 
          
 
    </head> 
    <body  style="background-color:white;"> 
    
    <div id="xxx"></div> 
    <span id="content" style="display:none"></span> 
    </body> 
</html>