', '', 'ed_quote.gif', 1 ); this.toolBar['but_ordered_list'] = new Lifetype.UI.Editor.Button( 'but_ordered_list', 'ordered list', '
', '', 'smiley-applause.gif' );
this.toolBar['smiley-atwitsend'] = new Lifetype.UI.Editor.Button( 'smiley-atwitsend', 'Atwitsend', '
', '', 'smiley-atwitsend.gif' );
this.toolBar['smiley-broken'] = new Lifetype.UI.Editor.Button( 'smiley-broken', 'Broken', '
', '', 'smiley-broken.gif' );
this.toolBar['smiley-callme'] = new Lifetype.UI.Editor.Button( 'smiley-callme', 'Callme', '
', '', 'smiley-callme.gif' );
this.toolBar['smiley-chicken'] = new Lifetype.UI.Editor.Button( 'smiley-chicken', 'Chicken', '
', '', 'smiley-chicken.gif' );
this.toolBar['smiley-cool'] = new Lifetype.UI.Editor.Button( 'smiley-cool', 'Cool', '
', '', 'smiley-cool.gif' );
this.toolBar['smiley-cry'] = new Lifetype.UI.Editor.Button( 'smiley-cry', 'Cry', '
', '', 'smiley-cry.gif' );
this.toolBar['smiley-embarassed'] = new Lifetype.UI.Editor.Button( 'smiley-embarassed', 'Embarassed', '
', '', 'smiley-embarassed.gif' );
this.toolBar['smiley-frown'] = new Lifetype.UI.Editor.Button( 'smiley-frown', 'Fown', '
', '', 'smiley-frown.gif' );
this.toolBar['smiley-heehee'] = new Lifetype.UI.Editor.Button( 'smiley-heehee', 'Heehee', '
', '', 'smiley-heehee.gif' );
this.toolBar['smiley-hug'] = new Lifetype.UI.Editor.Button( 'smiley-hug', 'Hug', '
', '', 'smiley-hug.gif' );
this.toolBar['smiley-idontknow'] = new Lifetype.UI.Editor.Button( 'smiley-idontknow', 'idontknow', '
', '', 'smiley-idontknow.gif' );
this.toolBar['smiley-innocent'] = new Lifetype.UI.Editor.Button( 'smiley-innocent', 'innocent', '
', '', 'smiley-innocent.gif' );
this.toolBar['smiley-kiss'] = new Lifetype.UI.Editor.Button( 'smiley-kiss', 'kiss', '
', '', 'smiley-kiss.gif' );
this.toolBar['smiley-laughing'] = new Lifetype.UI.Editor.Button( 'smiley-laughing', 'laughing', '
', '', 'smiley-laughing.gif' );
this.toolBar['smiley-money-mouth'] = new Lifetype.UI.Editor.Button( 'smiley-money-mouth', 'money-mouth', '
', '', 'smiley-money-mouth.gif' );
this.toolBar['smiley-not-worthy'] = new Lifetype.UI.Editor.Button( 'smiley-not-worthy', 'not-worthy', '
', '', 'smiley-not-worthy.gif' );
this.toolBar['smiley-on-phone'] = new Lifetype.UI.Editor.Button( 'smiley-on-phone', 'on-phone', '
', '', 'smiley-on-phone.gif' );
this.toolBar['smiley-rolling'] = new Lifetype.UI.Editor.Button( 'smiley-rolling', 'rolling', '
', '', 'smiley-rolling.gif' );
this.toolBar['smiley-tongue-out'] = new Lifetype.UI.Editor.Button( 'smiley-tongue-out', 'tongue-out', '
', '', 'smiley-tongue-out.gif' );
this.toolBar['smiley-undecided'] = new Lifetype.UI.Editor.Button( 'smiley-undecided', 'undecided', '
', '', 'smiley-undecided.gif' );
this.toolBar['smiley-wink'] = new Lifetype.UI.Editor.Button( 'smiley-wink', 'wink', '
', '', 'smiley-wink.gif' );
// this.toolBar['7_but_res']= new Lifetype.UI.Editor.Button.Resource ('7_but_res', 'resource', 'ed_resource.gif' );
// this.toolBar['8_but_more']= new Lifetype.UI.Editor.Button.More ('8_but_more', 'more', 'ed_more.gif' );
}
/**
* returns whether our browser supports the features that we are going
* to use or not
*
* @return true if supported, false if not
*/
this.isSupportedBrowser = function()
{
return( document.getElementById || document.all );
}
/**
* draws the buttons. Takes no parameters
*
* @return nothing
*/
this.init = function()
{
// generate the toolbar
this.setToolbar();
// load the editor stylesheet dynamically
link = document.createElement( "link" );
link.rel = "stylesheet";
link.type = "text/css";
link.href = Lifetype.getBaseURL() + "/js/editor/lifetypeeditor.css";
head = document.getElementsByTagName('head').item( 0 );
head.appendChild( link );
// first of all, check for unsupported browsers. If the browser
// is not supported, we will silently not do anything... since we won't
// even print the toolbar! (and nothing will happen without a toolbar)
if( !this.isSupportedBrowser())
return;
markup = '';
document.write('');
if( this.debug ) {
document.write('');
}
}
// after initializing the buttons, we can generate the toolbar
// we can't call this method after defining it!! :)
this.init();
/**
* calls the edButton.execute() callback
*
* @param txtId
* @param buttonId
* @return nothing
*/
this.execute = function( txtId, buttonId, param )
{
// get the button from the array
var edButton = this.toolBar[buttonId];
// execute the button
if( !this.selectionExists()) {
result = edButton.execute( txtId, param );
if( result != 'undefined' )
this.insertText( result );
}
else {
surroundInfo = edButton.surround( txtId, param );
this.surroundText( surroundInfo['start'], surroundInfo['end'] );
}
}
/**
* returns the textarea object associated to this editor
*
* @return a textarea object
*/
this.getTextArea = function()
{
textArea = document.getElementById( this.txtId );
return textArea;
}
/**
* calls the onMouseOver handler for this button
*
* @param txtId
* @param buttonId
*/
this.mouseOver = function( txtId, buttonId )
{
var edButton = this.toolBar[buttonId];
edButton.mouseOver();
}
/**
* calls the onMouseOut handler for this button
*
* @param txtId
* @param buttonId
*/
this.mouseOut = function( txtId, buttonId )
{
var edButton = this.toolBar[buttonId];
edButton.mouseOut();
}
/**
* inserts text where the cursor is
*
* @param myField
* @param myValue
* @return nothing
*/
this.insertText = function(myValue)
{
myField = this.getTextArea();
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
myField.focus();
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
myField.focus();
myField.selectionStart = startPos + myValue.length;
myField.selectionEnd = startPos + myValue.length;
} else {
myField.value += myValue;
myField.focus();
}
}
/**
* surrounds the current selection with the given opening and closing texts
*
* @param myValueOpen
* @param myValueClose
*/
this.surroundText = function( myValueOpen, myValueClose )
{
myField = this.getTextArea();
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValueOpen + sel.text + myValueClose;
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
var cursorPos = endPos;
myField.value = myField.value.substring(0, startPos)
+ myValueOpen
+ myField.value.substring(startPos, endPos)
+ myValueClose
+ myField.value.substring(endPos, myField.value.length);
cursorPos += myValueOpen.length + myValueClose.length;
myField.selectionStart = cursorPos;
myField.selectionEnd = cursorPos;
myField.focus();
}
else {
myField.value += myValueOpen;
myField.focus();
}
}
/**
* returns whether there is a user selection in the given editor
*
* @return True if there is a selection or false otherwise
*/
this.selectionExists = function()
{
var selection = false;
var myField = this.getTextArea();
if (document.selection) {
// for IE
myField.focus();
sel = document.selection.createRange();
selection = (sel.text != '' );
myField.focus();
}
else if (myField.selectionStart || myField.selectionStart == '0') {
// for Mozilla
selection = (myField.selectionEnd > myField.selectionStart)
}
else {
// for everybody else...
selection = false;
}
return selection;
}
}
/**
* represents a button from our toolbar
*
* @param id
* @param display
* @param tagStart
* @param tagEnd
* @param icon
* @param open
*/
Lifetype.UI.Editor.Button = function(id, display, tagStart, tagEnd, icon, open)
{
this.id = id; // used to name the toolbar button
this.display = display; // label on button
this.tagStart = tagStart; // open tag
this.tagEnd = tagEnd; // close tag
this.open = open; // set to -1 if tag does not need to be closed
this.isOpen = false;
this.icon = icon;
this.htmlId = '';
this.currentStatus = 'normalButton';
/**
* renders the button
*
* @param txtId
* @return nothing
*/
this.show = function(txtId, objName)
{
// a very simple document.write...
this.htmlId = txtId + '_' + this.id;
var buttonText = ''; surroundInfo['end'] = '
'; this.toggle(); return surroundInfo; } } /** * special button that adds/removes the "[@more@]" separator * * @param id * @param display * @param icon */ Lifetype.UI.Editor.Button.More = function(id, display, icon) { // // strange javascript thingies used for object inheritance... // this.prototype = new Lifetype.UI.Editor.Button(id, display, '', '', icon, -1 ); this.prototype.constructor = Lifetype.UI.Editor.Button; this.superclass = Lifetype.UI.Editor.Button; this.superclass(id, display, '', '', icon, -1 ); /** * @private */ this._getMoreTag = function() { return( "[@more@]" ); } this.execute = function( txtId, param ) { var txtArea = document.getElementById( txtId ); var content = txtArea.value; var bFound = 0; var startPos = 0; var returnValue = ''; // Parse all img tags and remove any 'more' tags while((startPos = content.indexOf(this._getMoreTag(), startPos)) != -1) { var contentAfter = content.substring(startPos + this._getMoreTag().length); content = content.substring(0, startPos) + contentAfter; startPos++; bFound = 1; } if(bFound ) { // the tag is already there and should be removed, we can use a regular expression // to easily remove it returnValue = ''; txtArea.value = content; } else { // the tag is not there and can be safely added returnValue = '\n' + this._getMoreTag() + '\n'; } return( returnValue ); } } /** * special button that only adds an image * * @param id * @param display * @param icon */ Lifetype.UI.Editor.Button.Image = function(id, display, icon) { // // strange javascript thingies used for object inheritance... // this.prototype = new Lifetype.UI.Editor.Button(id, display, '', '', icon, -1 ); this.prototype.constructor = Lifetype.UI.Editor.Button; this.superclass = Lifetype.UI.Editor.Button; this.superclass(id, display, '', '', icon, -1 ); /** * reimplemented from edButton so that we can ask for an image url and a description * * @param txtId */ this.execute = function( txtId, param ) { textArea = document.getElementById(txtId); this.toggle(); imgSrc = prompt('Enter the image source: '); if( imgSrc == null ) { this.toggle(); return ''; } imgAlt = prompt('Enter an image description:'); if( imgAlt == null ) { this.toggle(); return ''; } this.toggle(); // if everything went fine, add the link and return var imgTag = '