//First lets initiate some variables
var isEditable= false;
var isIE;
var isGecko;
var isSafari;
var isKonqueror;
function initiateEditor() {
//check what browser is in use
var browser = navigator.userAgent.toLowerCase();
isIE = ((browser .indexOf( "msie" ) != -1) && (browser .indexOf( "opera" ) == -1) && (browser .indexOf( "webtv" ) == -1));
isGecko = (browser .indexOf( "gecko" ) != -1);
isSafari = (browser .indexOf( "safari" ) != -1);
isKonqueror = (browser.indexOf( "konqueror" ) != -1);
//enable designMode if the browser is not safari or konqueror.
if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
isEditable= true;
}
}
//Javascript function dislpayEditor will create the textarea.
function displayEditor(editor, html, width, height) {
if(isEditable){
document.writeln('');
//create a hidden field that will hold everything that is typed in the textarea
document.writeln('');
//assign html (textarea value) to hiddeneditor
document.getElementById('hidden' + editor).value = html;
//call function designer
designer(editor, html);
}else{
document.writeln('');
}
}
//this is designer function that enables designMode and writes defalut text to the text area
function designer(editor, html) {
var mainContent= '' + html + '' ;
//assign the frame(textarea) to the edit variable using that frames id
var edit = document.getElementById(editor).contentWindow.document;
//write the content to the textarea
edit.write(mainContent);
//enable the designMode
edit.designMode = "On" ;
//enable the designMode for Mozilla
document.getElementById(content).contentDocument.designMode = "on" ;
}
//To execute command we will use javascript function execCommand.
function editorCommand(editor, command, option) {
// first we assign the content of the textarea to the variable mainField
var mainField;
mainField = document.getElementById(editor).contentWindow;
// then we will use execCommand to execute the option on the textarea making sure the textarea stays in focus
try {
mainField.focus();
mainField.document.execCommand(command, false, option);
mainField.focus();
} catch (e) { }
}
function changeHtml(editor,cssStyle,type)
{
//------- hier moet nog een check bijkomen:
// 1) eerst checken of er al een span aanwezig is bij de geselecteerde tekst
// 2) daarna kijken of de aangegeven stijl al dan niet overéénkomt met de geselecteerde tekst
// 2.1) < als de stijl anders is dan de huidge stijl
// > dan voor de selectie sluiten en nieuwe invoegen,
// > en.. einde range (length) sluiten
var mainField;
mainField = opener.document.getElementById(editor).contentWindow;
var edittext = mainField.document.selection.createRange();
var editedText = "";
var original = edittext.htmlText;
if(cssStyle == "")
{
cssStyle = "boldGroen";
}
if(original != "")
{
switch(type)
{
case(type = "changeCss"):
editedText = ""+original+"";
break
case(type = "createLink"):
insertLink(editor,cssStyle);
break
}
edittext.pasteHTML(editedText);
alert("De tekst is met succes gewijzigd!");
}
else
{
alert("U heeft geen tekst geselecteerd!");
}
mainField.focus();
}
function addNewOption(eID,label,value)
{
var selectList = document.getElementById(eID);
var len = selectList.options.length;
selectList.options[len] = new Option(value, label, false, false);
}
function getCss()
{
var oStyleSheet=document.styleSheets[0];
// for ( i = 0; i < document.styleSheets.length; i++ )
// {
alert("Style sheet " + document.styleSheets[0]);
// }
}
function updateEditor(editor) {
if (!isEditable) return;
//assign the value of the textarea to the hidden field.
var hiddenField = document.getElementById('hidden' + editor);
if (hiddenField.value == null) hiddenField.value = "";
hiddenField.value = document.getElementById(editor).contentWindow.document.body.innerHTML;
}
function changeCust(editor, command, option) {
// first we assign the content of the textarea to the variable mainField
var mainField;
mainField = opener.document.getElementById(editor).contentWindow;
// then we will use execCommand to execute the option on the textarea making sure the textarea stays in focus
try {
mainField.focus();
mainField.document.execCommand(command, false, option);
if(command == "")
{
}
mainField.focus();
} catch (e) { }
window.close();
}
function adjustimage(align){
var mainField;
mainField = document.getElementById('content').contentWindow;
var range = mainField.document.selection.createRange();
try {
mainField.focus();
/* Check if one object is selected */
if (range.length == 1 && (range(0).tagName == 'IMG' || range(0).tagName == 'img'))
{
range(0).align = align;
// f_href : image.src,
// f_alt : image.alt,
// f_border : image.border,
// f_align : image.align,
//f_vert : image.vspace,
//f_horiz : image.hspace
}
mainField.focus();
} catch (e) { }
}
function insertTable(editor)
{
//hierin moet de tabel neergezet worden
var mainField;
mainField = opener.document.getElementById(editor).contentWindow;
mainField.focus();
var edittext = mainField.document.selection.createRange();
//Tabel variabelen
var width;
var border;
border = 0;
//var height;
var cellspace;
var padding;
var columns;
var rows;
var alignment;
var isKopje;
var kopClass;
kopClass = document.getElementById('kopClass').value;
var restClass;
restClass = document.getElementById('restClass').value;
if(document.getElementById('width').value != "")
{
width = document.getElementById('width').value;
}
if(document.getElementById('cellspace').value !="")
{
cellspace = document.getElementById('cellspace').value;
}
if(document.getElementById('padding').value !="")
{
padding = document.getElementById('padding').value;
}
if(document.getElementById('columns').value !="")
{
columns = document.getElementById('columns').value;
}
if(document.getElementById('rows').value !="")
{
rows = document.getElementById('rows').value;
}
if(document.getElementById('aligment').value !="")
{
alignment = document.getElementById('aligment').value;
}
var editedText = "";
editedText = "
";
for (i=0; i";
for (j=0; jKop"+j+"";
}
else
{
editedText = editedText + "