');
}
catch(ex)
{
// w3c
divContainer = document.createElement('div');
divContainer.setAttribute('id', id);
divContainer.setAttribute('style', css);
}
document.getElementById('tblToolbar').parentNode.insertBefore(divContainer, document.getElementById('tblToolbar'));
// Create smilies
for(var i = 0; i < this.smilies.length; i++)
{
smilie = this.smilies[i];
this.createSmiley(i, smilie[0], smilie[1]);
}
};
/**
* Shows the smiley bar.
*/
this.showSmileyBar = function()
{
var divSmileybar = document.getElementById('divSmileybar');
if (!divSmileybar)
{
// First time, creater smil;ey bar
this.createSmileyBar();
}
else
{
// Later, just show smiley bar
divSmileybar.style.display = 'block';
}
};
/**
* Creates the specified smiley, adding it to the smiley bar.
* @param The smiley identifier.
* @param The ubb code that corresponds with this smiley.
* @param The smiley image.
*/
this.createSmiley = function(index, code, img)
{
// Create button
var css = 'cursor: pointer;';
var id = 'smilie' + index;
// Create smilie image
var imgSmiley;
try
{
// FireFox
imgSmiley = document.createElement('img');
imgSmiley.setAttribute('src', img);
imgSmiley.setAttribute('id', id);
imgSmiley.setAttribute('style', css);
}
catch(e)
{
// IE
imgSmiley = document.createElement('
');
}
// Add onclick event
imgSmiley.onclick = function(e){
var element;
if (e)
{
// w3c
element = e.target;
}
else
{
// IE
element = event.srcElement;
}
var index = element.id.substr(6);
var smilie = glob_ha[d.id].smilies[index];
if (glob_ha[d.id].mode == EditMode.Ubb)
{
glob_ha[d.id].insertHTML(' ' + smilie[0] + ' ');
}
else
{
glob_ha[d.id].insertHTML('
![' + smilie[0] + '](' + smilie[1] + ')
');
}
glob_ha[d.id].checkButton('btnSmilies', false);
this.parentNode.style.display = 'none';
};
// Add this button to the button bar
document.getElementById('divSmileybar').appendChild(imgSmiley);
$(imgSmiley).css("margin", "1px").css("margin-left", "2px").css("cursor", "pointer");
}
/**
* Inserts raw HTML at the cursor position.
* @param The raw HTML code to insert.
*/
this.insertHTML = function(html)
{
// Ubb mode? Then let something else handle this
if (this.mode == EditMode.Ubb && document.OnInsertUBB)
{
document.OnInsertUBB(this, html);
return;
}
var editor = document.getElementById('hb_html');
editor.contentWindow.focus();
if (window.getSelection)
{ //Gecko
d.iframe.contentWindow.document.execCommand("insertHTML", false, html);
}
else if (document.selection)
{ //IE
var selRange = editor.document.selection.createRange();
selRange.pasteHTML(html);
}
};
/**
* Checks if there is a user selection.
* @return True if there is a user selection, otherwise false.
*/
this.textSelected = function() {
var editor = document.getElementById('hb_html');
if (window.getSelection)
{
//Gecko
return (editor.contentWindow.document.getSelection() != '');
}
else if (document.selection)
{
//IE
return (editor.contentWindow.document.selection.createRange().text != '');
}
};
/**
* Inserts raw HTML and selects it.
* @param The raw HTML to select and insert.
*/
this.insertSelection = function(html) {
var editor = document.getElementById('hb_html');
var selectionRange;
if (window.getSelection)
{
//Gecko
selection = editor.contentWindow.getSelection();
selectionRange = selection.getRangeAt(0);
var selOffset = selection.anchorOffset;
var node = selection.anchorNode;
this.insertHTML(html);
selectionRange.selectNode(node);
/*
selectionRange.setStart(node, selOffset);
selectionRange.setEnd(node, selectionRange.anchorOffset + html.length);*/
selection.addRange(selectionRange);
}
else if (document.selection)
{
//IE
var selection = editor.contentWindow.document.selection;
selectionRange = selection.createRange();
selectionRange.text = html;
}
};
this.getSelectionRange = function(){
var userSelection;
if (window.getSelection)
{
userSelection = document.getElementById('hb_html').window.getSelection();
}
else if (document.selection)
{
userSelection = document.getElementById('hb_html').selection.createRange();
}
};
/**
* Executes an editor command.
* @param The command to execute.
* @param The command's arguments.
*/
this.cmd = function(cmd,arg1)
{
// When user clicks toolbar button make sure it always targets its respective WYSIWYG
d.iframe.contentWindow.focus();
if(cmd === "html")
{
var text = this.get_html();
if($("#"+d.id).is(":visible"))
{
$("#"+d.id).hide();
$("#"+d.id+"_html").show();
this.set_text(text);
}
else
{
$("#"+d.id).show();
$("#"+d.id+"_html").hide();
this.set_text(text);
$("#"+d.id).focus();
}
}
else if(cmd === "createlink")
{
if (navigator.appName != 'Microsoft Internet Explorer' || true)
{
if (!this.textSelected())
{
if (this.language == 'en')
{
alert('Select text or an image to create a link.');
}
else
{
alert('Selecteer tekst of een plaatje om er een link van te maken.');
}
return;
}
// Generic implementation
if (this.language == 'en')
{
var url = prompt("Please insert the website URL:", '');
}
else
{
var url = prompt("Vul de website URL in:", '');
}
if (url == null || url == undefined)
{
return;
}
if (!url.startsWith('http://'))
{
url = 'http://' + url;
}
d.iframe.contentWindow.document.execCommand(cmd, false, url);
}
else
{
// Internet Explorer
d.iframe.contentWindow.document.execCommand(cmd, true, '');
}
}
else if(cmd === "marquee")
{
if (this.language == 'en')
{
var url = prompt("Insert the text you want to marquee:", '');
}
else
{
var url = prompt("Vul de tekst in die u wilt laten bewegen:", '');
}
if (url)
{
this.insertHTML('[m]' + url + '[/m]');
}
}
else if(cmd==="smilie")
{
var smileybar = document.getElementById('divSmileybar');
if (smileybar != undefined)
{
if (smileybar.style.display == 'block')
{
smileybar.style.display = 'none';
return;
}
}
this.showSmileyBar();
}
else if(cmd==="insertimage")
{
if (this.language == 'en')
{
var img = prompt("Insert the URL of the image:", '');
}
else
{
var img = prompt("Voer de URL van het plaatje in:", '');
}
if (img == '' || img == null)
{
return;
}
d.iframe.contentWindow.document.execCommand(cmd, false, img);
}
else if(cmd==="fontsize"){
d.iframe.contentWindow.document.execCommand(cmd, false,arg1);
}else if(cmd==="backcolor"){
if($.browser.msie)
{
d.iframe.contentWindow.document.execCommand("backcolor", false,arg1);
}
else
{
d.iframe.contentWindow.document.execCommand("hilitecolor", false,arg1);
}
}else if(cmd==="fontcolor"){
d.iframe.contentWindow.document.execCommand("forecolor", false,arg1);
}else if(cmd==="fontname"){
d.iframe.contentWindow.document.execCommand(cmd, false, arg1);
}else if(cmd==="cut"){
if($.browser.msie === false)
{
alert("Available in IExplore only.\nUse CTRL+X to cut text!");
}
else
{
d.iframe.contentWindow.document.execCommand('Cut');
}
}else if(cmd==="copy"){
if($.browser.msie === false)
{
alert("Available in IExplore only.\nUse CTRL+C to copy text!");
}
else
{
d.iframe.contentWindow.document.execCommand('Copy');
}
}else if(cmd==="paste"){
if($.browser.msie === false)
{
alert("Available in IExplore only.\nUse CTRL+V to paste text!");
}
else
{
d.iframe.contentWindow.document.execCommand('Paste');
}
}else{
d.iframe.contentWindow.document.execCommand(cmd, false, null);
}
// Setting the changed text to textearea
if($("#"+d.id).is(":visible") === false)
{
$("#"+d.id).val(this.get_html());
}
};
/**
* Gets all editor contents.
* @return The editor's contents.
*/
this.get_text = function(){
if($("#"+d.id).is(":visible")){
return $("#"+d.id).val();
}
var text;
if($.browser.msie){
text = d.iframe.contentWindow.document.body.innerText;
}else{
var html = d.iframe.contentWindow.document.body.ownerDocument.createRange();
html.selectNodeContents(d.iframe.contentWindow.document.body);
text = html;
}
return text;
};
/**
* Sets the editor contents.
* @param The new editor content.
*/
this.set_text = function(txt){
var text = (undefined===txt)?"":txt;
if($("#"+d.id).is(":visible")){
$("#"+d.id).val(text);
}else if($.browser.mozilla){
if(text===""||text===" "){text=" ";}
d.iframe.contentWindow.document.open('text/html', 'replace');
d.iframe.contentWindow.document.write(text);
d.iframe.contentWindow.document.close();
d.iframe.contentWindow.document.body.normalize();
}else{
d.iframe.contentWindow.document.body.innerText="";
if(text!==""){d.iframe.contentWindow.document.write(text);}
}
return this;
};
this.get_html = function(){
var html;
if($("#"+d.id).is(":visible")){
html = $("#"+d.id).val();
}else{
html = d.iframe.contentWindow.document.body.innerHTML;
}
if(typeof getXHTML === 'function'){ return getXHTML(html); }else{return html;}
};
this.button = function(name,row){
d.buttons[d.buttons.length]=name;
if(undefined===row){
if(undefined===d.rows[1]){d.rows[1]="";}
d.rows[1]=d.rows[1]+","+(d.buttons.length-1);
}else{
if(undefined===d.rows[row]){d.rows[row]="";}
d.rows[row]=d.rows[row]+","+(d.buttons.length-1);
}
return this;
};
/**
* Adds a separator image to the toolbar
* @param String "basic" or "dots"
* @return this;
*/
this.separator = function(type,row){
if(undefined===type){type="basic";}
this.button("separator_"+type,row);
return this;
};
/**
* Posts the form data to the specified URL using Ajax
* @param The URL to post to
* @param The text to be posted, default the (X)HTML text
* @return this;
*/
this.post=function(url,data){
if(undefined===data){data=this.get_html();} data=(d.id+"="+data);
$.ajax({type: "POST", data: data,url: url,dataType: "html",error:d.error,success:d.success});
};
/**
* Gets the form data to the specified URL using Ajax
* @param String the URL to get to
* @param String the text to be posted, default the (X)HTML text
* @return this;
*/
this.get=function(url,data){
if(undefined===data){data=this.get_html();} data=(d.id+"="+data);
$.ajax({type: "GET", data: data,url: url,dataType: "html",error:d.error,success:d.success});
};
this.success=function(fn){d.success=fn;return this;};
this.error=function(fn){d.error=fn;return this;};
return this;
};