mirror of
https://github.com/phpbb/phpbb.git
synced 2025-02-24 20:13:22 +01:00
567 lines
13 KiB
JavaScript
567 lines
13 KiB
JavaScript
/**
|
|
* bbCode control by subBlue design [ www.subBlue.com ]
|
|
* Includes unixsafe colour palette selector by SHS`
|
|
*/
|
|
|
|
// Startup variables
|
|
var imageTag = false;
|
|
var theSelection = false;
|
|
|
|
// Check for Browser & Platform for PC & IE specific bits
|
|
// More details from: http://www.mozilla.org/docs/web-developer/sniffer/browser_type.html
|
|
var clientPC = navigator.userAgent.toLowerCase(); // Get client info
|
|
var clientVer = parseInt(navigator.appVersion); // Get browser version
|
|
|
|
var is_ie = ((clientPC.indexOf('msie') != -1) && (clientPC.indexOf('opera') == -1));
|
|
var is_nav = ((clientPC.indexOf('mozilla') != -1) && (clientPC.indexOf('spoofer') == -1) && (clientPC.indexOf('compatible') == -1) && (clientPC.indexOf('opera') == -1) && (clientPC.indexOf('webtv') == -1) && (clientPC.indexOf('hotjava') == -1));
|
|
|
|
var is_win = ((clientPC.indexOf('win') != -1) || (clientPC.indexOf('16bit') != -1));
|
|
var is_mac = (clientPC.indexOf('mac') != -1);
|
|
|
|
/**
|
|
* Shows the help messages in the helpline window
|
|
*/
|
|
function helpline(help)
|
|
{
|
|
document.forms[form_name].helpbox.value = help_line[help];
|
|
}
|
|
|
|
/**
|
|
* Replacement for arrayname.length property
|
|
*/
|
|
function getarraysize(thearray)
|
|
{
|
|
for (i = 0; i < thearray.length; i++)
|
|
{
|
|
if (typeof thearray[i] == 'undefined' || thearray[i] == '' || thearray[i] == null)
|
|
{
|
|
return i;
|
|
}
|
|
}
|
|
|
|
return thearray.length;
|
|
}
|
|
|
|
/**
|
|
* Replacement for arrayname.push(value) not implemented in IE until version 5.5
|
|
* Appends element to the array
|
|
*/
|
|
function arraypush(thearray,value)
|
|
{
|
|
thearray[getarraysize(thearray)] = value;
|
|
}
|
|
|
|
/**
|
|
* Replacement for arrayname.pop() not implemented in IE until version 5.5
|
|
* Removes and returns the last element of an array
|
|
*/
|
|
function arraypop(thearray)
|
|
{
|
|
thearraysize = getarraysize(thearray);
|
|
retval = thearray[thearraysize - 1];
|
|
delete thearray[thearraysize - 1];
|
|
|
|
return retval;
|
|
}
|
|
|
|
/**
|
|
* Apply bbcodes
|
|
*/
|
|
function bbfontstyle(bbopen, bbclose)
|
|
{
|
|
theSelection = false;
|
|
document.forms[form_name].elements[text_name].focus();
|
|
|
|
if ((clientVer >= 4) && is_ie && is_win)
|
|
{
|
|
// Get text selection
|
|
theSelection = document.selection.createRange().text;
|
|
|
|
if (theSelection)
|
|
{
|
|
// Add tags around selection
|
|
document.selection.createRange().text = bbopen + theSelection + bbclose;
|
|
document.forms[form_name].elements[text_name].focus();
|
|
theSelection = '';
|
|
return;
|
|
}
|
|
}
|
|
else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
|
|
{
|
|
mozWrap(document.forms[form_name].elements[text_name], bbopen, bbclose);
|
|
document.forms[form_name].elements[text_name].focus();
|
|
theSelection = '';
|
|
return;
|
|
}
|
|
|
|
// Close image tag before adding
|
|
if (imageTag)
|
|
{
|
|
insert_text(bbtags[15]);
|
|
|
|
// Remove the close image tag from the list
|
|
lastValue = arraypop(bbcode) - 1;
|
|
|
|
// Return button back to normal state
|
|
document.forms[form_name].addbbcode14.value = 'Img';
|
|
imageTag = false;
|
|
}
|
|
|
|
// Open tag
|
|
insert_text(bbopen + bbclose);
|
|
|
|
// Center the cursor when we don't have a selection
|
|
var textarea = document.forms[form_name].elements[text_name];
|
|
var new_pos = getCaretPosition(textarea).start - bbclose.length;
|
|
|
|
// IE & Opera
|
|
if (document.selection)
|
|
{
|
|
var range = textarea.createTextRange();
|
|
range.move("character", new_pos);
|
|
range.select();
|
|
}
|
|
//Gecko
|
|
else if (!isNaN(textarea.selectionStart))
|
|
{
|
|
textarea.selectionStart = new_pos;
|
|
textarea.selectionEnd = new_pos;
|
|
}
|
|
|
|
document.forms[form_name].elements[text_name].focus();
|
|
|
|
storeCaret(document.forms[form_name].elements[text_name]);
|
|
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Insert text at position
|
|
*/
|
|
function insert_text(text, spaces, popup)
|
|
{
|
|
var textarea;
|
|
|
|
if (!popup)
|
|
{
|
|
textarea = document.forms[form_name].elements[text_name];
|
|
} else
|
|
{
|
|
textarea = opener.document.forms[form_name].elements[text_name];
|
|
}
|
|
if (spaces)
|
|
{
|
|
text = ' ' + text + ' ';
|
|
}
|
|
if (textarea.createTextRange && textarea.caretPos)
|
|
{
|
|
var caret_pos = textarea.caretPos;
|
|
caret_pos.text = caret_pos.text.charAt(caret_pos.text.length - 1) == ' ' ? caret_pos.text + text + ' ' : caret_pos.text + text;
|
|
}
|
|
else if (!isNaN(textarea.selectionStart))
|
|
{
|
|
var sel_start = textarea.selectionStart;
|
|
var sel_end = textarea.selectionEnd;
|
|
|
|
mozWrap(textarea, text, '')
|
|
textarea.selectionStart = sel_start + text.length;
|
|
textarea.selectionEnd = sel_end + text.length;
|
|
}
|
|
else
|
|
{
|
|
textarea.value = textarea.value + text;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Add inline attachment at position
|
|
*/
|
|
function attach_inline(index, filename, element)
|
|
{
|
|
insert_text('[attachment=' + index + ']' + filename + '[/attachment]');
|
|
if (element)
|
|
{
|
|
element.focus();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Add quote text to message
|
|
*/
|
|
function addquote(post_id, username)
|
|
{
|
|
var message_name = 'message_' + post_id;
|
|
var theSelection = '';
|
|
var divarea = false;
|
|
|
|
if (document.all)
|
|
{
|
|
divarea = document.all[message_name];
|
|
}
|
|
else
|
|
{
|
|
divarea = document.getElementById(message_name);
|
|
}
|
|
|
|
// Get text selection - not only the post content :(
|
|
if (window.getSelection)
|
|
{
|
|
theSelection = window.getSelection().toString();
|
|
}
|
|
else if (document.getSelection)
|
|
{
|
|
theSelection = document.getSelection();
|
|
}
|
|
else if (document.selection)
|
|
{
|
|
theSelection = document.selection.createRange().text;
|
|
}
|
|
|
|
if (theSelection == '' || typeof theSelection == 'undefined' || theSelection == null)
|
|
{
|
|
if (divarea.innerHTML)
|
|
{
|
|
theSelection = divarea.innerHTML.replace(/<br>/ig, '\n');
|
|
theSelection = theSelection.replace(/<br\/>/ig, '\n');
|
|
theSelection = theSelection.replace(/<\;/ig, '<');
|
|
theSelection = theSelection.replace(/>\;/ig, '>');
|
|
theSelection = theSelection.replace(/&\;/ig, '&');
|
|
}
|
|
else if (document.all)
|
|
{
|
|
theSelection = divarea.innerText;
|
|
}
|
|
else if (divarea.textContent)
|
|
{
|
|
theSelection = divarea.textContent;
|
|
}
|
|
else if (divarea.firstChild.nodeValue)
|
|
{
|
|
theSelection = divarea.firstChild.nodeValue;
|
|
}
|
|
}
|
|
|
|
if (theSelection)
|
|
{
|
|
insert_text('[quote="' + username + '"]' + theSelection + '[/quote]');
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* bbstyle
|
|
*/
|
|
function bbstyle(bbnumber)
|
|
{
|
|
donotinsert = false;
|
|
theSelection = false;
|
|
bblast = 0;
|
|
document.forms[form_name].elements[text_name].focus();
|
|
|
|
// Close all open tags & default button names
|
|
if (bbnumber == -1)
|
|
{
|
|
while (bbcode[0])
|
|
{
|
|
butnumber = arraypop(bbcode) - 1;
|
|
document.forms[form_name].elements[text_name].value += bbtags[butnumber + 1];
|
|
buttext = document.forms[form_name]['addbbcode' + butnumber].value;
|
|
|
|
if (buttext != '[*]')
|
|
{
|
|
document.forms[form_name]['addbbcode' + butnumber].value = buttext.substr(0,(buttext.length - 1));
|
|
}
|
|
}
|
|
|
|
document.forms[form_name].addbbcode10.value = 'List';
|
|
bbtags[10] = '[list]';
|
|
|
|
document.forms[form_name].addbbcode12.value = 'List=';
|
|
bbtags[12] = '[list=]';
|
|
|
|
// All tags are closed including image tags :D
|
|
imageTag = false;
|
|
document.forms[form_name].elements[text_name].focus();
|
|
|
|
return;
|
|
}
|
|
|
|
// [*] doesn't have an end tag
|
|
noEndTag = (bbtags[bbnumber] == '[*]')
|
|
|
|
if ((clientVer >= 4) && is_ie && is_win)
|
|
{
|
|
// Get text selection
|
|
theSelection = document.selection.createRange().text;
|
|
|
|
if (theSelection)
|
|
{
|
|
// Add tags around selection
|
|
document.selection.createRange().text = bbtags[bbnumber] + theSelection + ((!noEndTag) ? bbtags[bbnumber+1] : '');
|
|
document.forms[form_name].elements[text_name].focus();
|
|
theSelection = '';
|
|
return;
|
|
}
|
|
}
|
|
else if (document.forms[form_name].elements[text_name].selectionEnd && (document.forms[form_name].elements[text_name].selectionEnd - document.forms[form_name].elements[text_name].selectionStart > 0))
|
|
{
|
|
mozWrap(document.forms[form_name].elements[text_name], bbtags[bbnumber], ((!noEndTag) ? bbtags[bbnumber+1] : ''));
|
|
document.forms[form_name].elements[text_name].focus();
|
|
theSelection = '';
|
|
return;
|
|
}
|
|
|
|
// Find last occurance of an open tag the same as the one just clicked
|
|
for (i = 0; i < bbcode.length; i++)
|
|
{
|
|
if (bbcode[i] == bbnumber+1)
|
|
{
|
|
bblast = i;
|
|
donotinsert = true;
|
|
}
|
|
}
|
|
|
|
if (bbnumber == 10 && bbtags[10] != '[*]')
|
|
{
|
|
if (donotinsert)
|
|
{
|
|
document.forms[form_name].addbbcode12.value = 'List=';
|
|
tmp_help = help_line['o'];
|
|
help_line['o'] = help_line['e'];
|
|
help_line['e'] = tmp_help;
|
|
bbtags[12] = '[list=]';
|
|
}
|
|
else
|
|
{
|
|
document.forms[form_name].addbbcode12.value = '[*]';
|
|
tmp_help = help_line['o'];
|
|
help_line['o'] = help_line['e'];
|
|
help_line['e'] = tmp_help;
|
|
bbtags[12] = '[*]';
|
|
}
|
|
}
|
|
|
|
if (bbnumber == 12 && bbtags[12] != '[*]')
|
|
{
|
|
if (donotinsert)
|
|
{
|
|
document.forms[form_name].addbbcode10.value = 'List';
|
|
tmp_help = help_line['l'];
|
|
help_line['l'] = help_line['e'];
|
|
help_line['e'] = tmp_help;
|
|
bbtags[10] = '[list]';
|
|
}
|
|
else
|
|
{
|
|
document.forms[form_name].addbbcode10.value = '[*]';
|
|
tmp_help = help_line['l'];
|
|
help_line['l'] = help_line['e'];
|
|
help_line['e'] = tmp_help;
|
|
bbtags[10] = '[*]';
|
|
}
|
|
}
|
|
|
|
// Close all open tags up to the one just clicked & default button names
|
|
if (donotinsert)
|
|
{
|
|
while (bbcode[bblast])
|
|
{
|
|
butnumber = arraypop(bbcode) - 1;
|
|
|
|
if (bbtags[butnumber] != '[*]')
|
|
{
|
|
insert_text(bbtags[butnumber + 1]);
|
|
}
|
|
else
|
|
{
|
|
insert_text(bbtags[butnumber]);
|
|
}
|
|
|
|
buttext = document.forms[form_name]['addbbcode' + butnumber].value;
|
|
|
|
if (bbtags[butnumber] != '[*]')
|
|
{
|
|
document.forms[form_name]['addbbcode' + butnumber].value = buttext.substr(0,(buttext.length - 1));
|
|
}
|
|
imageTag = false;
|
|
}
|
|
document.forms[form_name].elements[text_name].focus();
|
|
return;
|
|
}
|
|
else
|
|
{
|
|
// Open tags
|
|
|
|
// Close image tag before adding another
|
|
if (imageTag && (bbnumber != 14))
|
|
{
|
|
insert_text(bbtags[15]);
|
|
|
|
// Remove the close image tag from the list
|
|
lastValue = arraypop(bbcode) - 1;
|
|
|
|
// Return button back to normal state
|
|
document.forms[form_name].addbbcode14.value = 'Img';
|
|
imageTag = false;
|
|
}
|
|
|
|
// Open tag
|
|
insert_text(bbtags[bbnumber]);
|
|
|
|
// Check to stop additional tags after an unclosed image tag
|
|
if (bbnumber == 14 && imageTag == false)
|
|
{
|
|
imageTag = 1;
|
|
}
|
|
|
|
if (bbtags[bbnumber] != '[*]')
|
|
{
|
|
arraypush(bbcode, bbnumber + 1);
|
|
document.forms[form_name]['addbbcode' + bbnumber].value += "*";
|
|
}
|
|
|
|
document.forms[form_name].elements[text_name].focus();
|
|
return;
|
|
}
|
|
|
|
storeCaret(document.forms[form_name].elements[text_name]);
|
|
}
|
|
|
|
/**
|
|
* From http://www.massless.org/mozedit/
|
|
*/
|
|
function mozWrap(txtarea, open, close)
|
|
{
|
|
var selLength = txtarea.textLength;
|
|
var selStart = txtarea.selectionStart;
|
|
var selEnd = txtarea.selectionEnd;
|
|
var scrollTop = txtarea.scrollTop;
|
|
|
|
if (selEnd == 1 || selEnd == 2)
|
|
{
|
|
selEnd = selLength;
|
|
}
|
|
|
|
var s1 = (txtarea.value).substring(0,selStart);
|
|
var s2 = (txtarea.value).substring(selStart, selEnd)
|
|
var s3 = (txtarea.value).substring(selEnd, selLength);
|
|
|
|
txtarea.value = s1 + open + s2 + close + s3;
|
|
txtarea.selectionStart = selEnd + open.length + close.length;
|
|
txtarea.selectionEnd = txtarea.selectionStart;
|
|
txtarea.focus();
|
|
txtarea.scrollTop = scrollTop;
|
|
|
|
return;
|
|
}
|
|
|
|
/**
|
|
* Insert at Caret position. Code from
|
|
* http://www.faqts.com/knowledge_base/view.phtml/aid/1052/fid/130
|
|
*/
|
|
function storeCaret(textEl)
|
|
{
|
|
if (textEl.createTextRange)
|
|
{
|
|
textEl.caretPos = document.selection.createRange().duplicate();
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Color pallette
|
|
*/
|
|
function colorPalette(dir, width, height)
|
|
{
|
|
var r = 0, g = 0, b = 0;
|
|
var numberList = new Array(6);
|
|
|
|
numberList[0] = '00';
|
|
numberList[1] = '40';
|
|
numberList[2] = '80';
|
|
numberList[3] = 'BF';
|
|
numberList[4] = 'FF';
|
|
|
|
document.writeln('<table cellspacing="1" cellpadding="0" border="0">');
|
|
|
|
for (r = 0; r < 5; r++)
|
|
{
|
|
if (dir == 'h')
|
|
{
|
|
document.writeln('<tr>');
|
|
}
|
|
|
|
for (g = 0; g < 5; g++)
|
|
{
|
|
if (dir == 'v')
|
|
{
|
|
document.writeln('<tr>');
|
|
}
|
|
|
|
for (b = 0; b < 5; b++)
|
|
{
|
|
color = String(numberList[r]) + String(numberList[g]) + String(numberList[b]);
|
|
document.write('<td bgcolor="#' + color + '">');
|
|
document.write('<a href="#" onclick="bbfontstyle(\'[color=#' + color + ']\', \'[/color]\'); return false;" onmouseover="helpline(\'s\');"><img src="images/spacer.gif" width="' + width + '" height="' + height + '" alt="#' + color + '" title="#' + color + '" /></a>');
|
|
document.writeln('</td>');
|
|
}
|
|
|
|
if (dir == 'v')
|
|
{
|
|
document.writeln('</tr>');
|
|
}
|
|
}
|
|
|
|
if (dir == 'h')
|
|
{
|
|
document.writeln('</tr>');
|
|
}
|
|
}
|
|
document.writeln('</table>');
|
|
}
|
|
|
|
|
|
/**
|
|
* Caret Position object
|
|
*/
|
|
function caretPosition()
|
|
{
|
|
var start = null;
|
|
var end = null;
|
|
}
|
|
|
|
|
|
/**
|
|
* Get the caret position in an textarea
|
|
*/
|
|
function getCaretPosition(txtarea)
|
|
{
|
|
var caretPos = new caretPosition();
|
|
|
|
// dirty IE way
|
|
if(document.selection)
|
|
{
|
|
txtarea.focus();
|
|
|
|
//the current selection
|
|
var curr_sel = document.selection.createRange();
|
|
var curr_length = curr_sel.text.length;
|
|
|
|
// back to 0
|
|
curr_sel.moveStart ('character', -txtarea.value.length);
|
|
|
|
//start = selected text - original selection
|
|
caretPos.start = curr_sel.text.length - curr_length;
|
|
|
|
// end = selection length
|
|
caretPos.end = curr_sel.text.length;
|
|
}
|
|
// simple Gecko way
|
|
else if(!isNaN(txtarea.selectionStart))
|
|
{
|
|
caretPos.start = txtarea.selectionStart;
|
|
caretPos.end = txtarea.selectionEnd;
|
|
}
|
|
|
|
return (caretPos);
|
|
} |