var colour; var htmlOn; var textAreaName = 'message'; //initialise RTE editor function initialiseWebWizRTE(){ var textArea = document.getElementById(textAreaName); var editor = document.getElementById('WebWizRTE').contentWindow.document; function initIframe(){ editor.addEventListener('keypress', editorEvents, true); editor.addEventListener('mousedown', editorEvents, true); document.addEventListener('mousedown', hideIframes, true); editor.designMode = 'on'; } setTimeout(initIframe, 300); //resetting the form textArea.form.onreset = function(){ if (window.confirm('WARNING: All form data will be lost!!')){ editor.body.innerHTML = ''; return true; } return false; } } //Create RTE toolbar function WebWizRTEtoolbar(formName){ document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(' '); document.writeln(' '); document.writeln(' '); document.writeln('
'); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(' '); document.writeln(''); document.writeln('
'); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln(''); document.writeln('
'); } //Function to format text in the text box function FormatText(command, option){ var editor = document.getElementById('WebWizRTE'); //Show iframes if ((command == 'forecolor') || (command == 'backcolor') || (command == 'hilitecolor') || (command == 'fontname') || (command == 'formatblock') || (command == 'fontsize')){ parent.command = command; buttonElement = document.getElementById(command); switch (command){ case 'fontname': iframeWin = 'fontSelect'; break; case 'formatblock': iframeWin = 'formatFont'; break; case 'fontsize': iframeWin = 'textSize'; break; default: iframeWin = 'colourPalette'; } editor.contentWindow.focus() document.getElementById(iframeWin).style.left = getOffsetLeft(buttonElement) + 'px'; document.getElementById(iframeWin).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + 'px'; if (document.getElementById(iframeWin).style.visibility=='visible'){ hideIframes(); }else{ hideIframes(); document.getElementById(iframeWin).style.visibility='visible'; } var selectedRange = editor.contentWindow.document.selection; if (selectedRange != null){ range = selectedRange.createRange(); } } else{ editor.contentWindow.focus(); editor.contentWindow.document.execCommand(command, false, option); } editor.contentWindow.focus() } //Function to initialise commands function initialiseCommand(selection){ var editor = document.getElementById('WebWizRTE') editor.contentWindow.document.execCommand(parent.command, false, selection); editor.contentWindow.focus(); hideIframes(); } //Function to switch to HTML view function HTMLview(){ var editor = document.getElementById('WebWizRTE'); //WYSIWYG view if (htmlOn == true){ var html = editor.contentWindow.document.body.ownerDocument.createRange(); html.selectNodeContents(editor.contentWindow.document.body); editor.contentWindow.document.body.innerHTML = html.toString(); document.getElementById('ToolBar1').style.visibility='visible'; document.getElementById('ToolBar2').style.visibility='visible'; htmlOn = false; //HTML view }else{ var html = document.createTextNode(editor.contentWindow.document.body.innerHTML); editor.contentWindow.document.body.innerHTML = ''; editor.contentWindow.document.body.appendChild(html); document.getElementById('ToolBar1').style.visibility='hidden'; document.getElementById('ToolBar2').style.visibility='hidden'; htmlOn = true; } editor.contentWindow.focus() } //Iframe top offset function getOffsetTop(elm){ var mOffsetTop = elm.offsetTop; var mOffsetParent = elm.offsetParent; while(mOffsetParent){ mOffsetTop += mOffsetParent.offsetTop; mOffsetParent = mOffsetParent.offsetParent; } return mOffsetTop; } //Iframe left offset function getOffsetLeft(elm){ var mOffsetLeft = elm.offsetLeft; var mOffsetParent = elm.offsetParent; while(mOffsetParent){ mOffsetLeft += mOffsetParent.offsetLeft; mOffsetParent = mOffsetParent.offsetParent; } return mOffsetLeft; } //Function to hide iframes function hideIframes(){ if (document.getElementById('colourPalette').style.visibility=='visible'){document.getElementById('colourPalette').style.visibility='hidden';} if (document.getElementById('formatFont').style.visibility=='visible'){document.getElementById('formatFont').style.visibility='hidden';} if (document.getElementById('fontSelect').style.visibility=='visible'){document.getElementById('fontSelect').style.visibility='hidden';} if (document.getElementById('textSize').style.visibility=='visible'){document.getElementById('textSize').style.visibility='hidden';} } //Function to perform spell check function checkspell(){ } //Run Editor Events function editorEvents(evt){ var keyCode = evt.keyCode ? evt.keyCode : evt.charCode; var keyCodeChar = String.fromCharCode(keyCode).toLowerCase(); hideIframes(); return true; } //Function to add emoticon function AddEmoticon(iconItem){ editor = document.getElementById('WebWizRTE'); img = editor.contentWindow.document.createElement('img'); img.setAttribute('src', iconItem.id); img.setAttribute('border', '0'); img.setAttribute('alt', iconItem.title); img.setAttribute('align', 'absmiddle'); try{ editor.contentWindow.focus(); editor.contentWindow.document.selection.createRange().pasteHTML(img.outerHTML); }catch(exception){ alert('Error inserting object in current location.'); editor.contentWindow.focus(); } editor.contentWindow.focus(); }