var face_count=40; var face_head="/home/main/images/smile/"; var face_tail=".gif"; function checkBrowserType() { var app=navigator.appName; if (app.indexOf('Microsoft') != -1) { return 0; } if (app.indexOf('Netscape') != -1) { return 1; } } function EasyEditor(editorId){ this.editorId=editorId; } EasyEditor.prototype={ addFaceSelector:function(){ var face_selector_div="

"; document.write(face_selector_div); this.faceSelector=document.getElementById("faceSelector_"+this.editorId); }, addFaceImageDiv:function(){ var facesDiv="

"; for(var i=1;i<=face_count;i++){ var _img="

"; facesDiv+=_img; } facesDiv+="

"; document.write(facesDiv); this.facesDiv=document.getElementById("facesDiv_"+this.editorId); }, addFrame:function(){ var frameId="frame_"+this.editorId; var frameString=" "; document.write(frameString); this.frame=document.getElementById(frameId); this.editorArea= this.frame.contentWindow; this.editorArea.document.designMode = "on"; this.editorArea.document.contentEditable = true; this.editorArea.document.open(); this.editorArea.document.writeln(''); this.editorArea.document.writeln(""); this.editorArea.document.writeln(''); this.editorArea.document.writeln(''); this.editorArea.document.writeln(''); this.editorArea.document.close(); }, attachFaceAction:function(){ for(var i=1;i<=face_count;i++){ var imgObj=document.getElementById("face_image_"+this.editorId+"_"+i); imgObj.insertFace=this.insertFace; imgObj.insertHtml=this.insertHtml; imgObj.editorArea=this.editorArea; imgObj.setup=this.setup; imgObj.facesDiv=this.facesDiv; imgObj.onmouseover=function(){this.style.cursor="pointer";this.style.border="1px solid #D01E3B";}; imgObj.onmouseout=function(){this.style.border="1px solid #CCCCCC";}; imgObj.onclick=function(){this.insertFace(this.src);this.facesDiv.style.display="none";}; } }, setup:function(command,content){ this.editorArea.focus(); this.editorArea.document.execCommand(command, false, content); }, insertHtml:function(content){ if(checkBrowserType()==0){ this.editorArea.focus(); this.editorArea.document.selection.createRange().pasteHTML(content); }else{ this.setup("insertHTML",content); } }, getHtml:function(){ return this.editorArea.document.body.innerHTML; }, insertFace:function(imgPath){ var htmlContent="

"; this.insertHtml(htmlContent); }, keyPress:function(){ var ev=this.editorArea.event; if(ev.keyCode==13){ this.insertHtml("
"); return false; } return true; }, init:function(){ this.addFaceSelector(); this.addFaceImageDiv(); this.addFrame(); this.attachFaceAction(); this.faceSelector.facesDiv=this.facesDiv; this.faceSelector.onmouseover=function(){this.style.cursor="pointer";}; this.faceSelector.onclick=function(){var divStyle=this.facesDiv.style;divStyle.display=="block"?divStyle.display="none":divStyle.display="block";}; } }