Web Design Forum

xssvgamer · 07-19-2007

ok you know on forums where you click the bb code sign for bold and it inserts bold tags into the textbox, well currently im using :

Code:

onClick="document.form.input name.value+=''

but when i use it it always inserts it at the end of the text and id like it to go around the highlighted text or atleast where the cursor is

any help please?

Reaper · 07-19-2007

Code:

this.wrap_tags = function(tagname, useoption, selection)
	{
		tagname = tagname.toUpperCase();

		switch (tagname)
		{
			case 'CODE':
			case 'HTML':
			case 'PHP':
			{
				this.apply_format('removeformat');
			}
			break;
		}

		if (typeof selection == 'undefined')
		{
			selection = this.get_selection();
			if (selection === false)
			{
				selection = '';
			}
			else
			{
				selection = new String(selection);
			}
		}

		if (useoption === true)
		{
			var option = this.show_prompt(construct_phrase(vbphrase['enter_tag_option'], ('[' + tagname + ']')), '');
			if (option = this.verify_prompt(option))
			{
				var opentag = '[' + tagname + '="' + option + '"' + ']';
			}
			else
			{
				return false;
			}
		}
		else if (useoption !== false)
		{
			var opentag = '[' + tagname + '="' + useoption + '"' + ']';
		}
		else
		{
			var opentag = '[' + tagname + ']';
		}

		var closetag = '[/' + tagname + ']';
		var text = opentag + selection + closetag;

		this.insert_text(text, opentag.vBlength(), closetag.vBlength());

		return false;
	};

And heres the insert_text function:

Code:

		this.insert_text = function(text, movestart, moveend)
		{
			this.check_focus();

			if (typeof(this.editdoc.selection) != 'undefined' && this.editdoc.selection.type != 'Text' && this.editdoc.selection.type != 'None')
			{
				movestart = false;
				this.editdoc.selection.clear();
			}

			var sel = this.editdoc.selection.createRange();
			sel.pasteHTML(text);

			if (text.indexOf('\n') == -1)
			{
				if (movestart === false)
				{
					// do nothing
				}
				else if (typeof movestart != 'undefined')
				{
					sel.moveStart('character', -text.vBlength() +movestart);
					sel.moveEnd('character', -moveend);
				}
				else
				{
					sel.moveStart('character', -text.vBlength());
				}
				sel.select();
			}
		};

I think that is what this forum uses at the moment. I am not positive, this was what I got from a quick scan.

Of course this is vBulletin's, and it may be illegal to use, and not all those functions inside might need to be used but you can quickly search http://youngcoders.com/clientscript/...tedit.js?v=363 for it.

Calamitie · 07-19-2007

I was looking to do exactly that and the following code works perfectly (tested in Microsoft Internet Explorer 7 & Mozilla Firefox 2):

Code:

<html>

<head>
<title>Vitrone text editor snippets</title>
<style type="text/css">
#bold_button {
	background: url('');
}
</style>
<script type="text/javascript">
function insertFormatting(BBcode) {
	textarea = document.getElementById('text');
	if (document.selection) {
		textarea.focus();
		selected = document.selection.createRange();
		selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
	} else if (textarea.selectionStart || textarea.selectionStart == '0') {
		var start = textarea.selectionStart;
		var end = textarea.selectionEnd;
		textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
	}
	return true;
}
</script>
</head>

<body>
<p><button id="bold_button" onclick="insertFormatting('b')">B</button></p>
<p><textarea id="text">Hello there moo cow.</textarea></p>
</body>

</html>

Hope that helps :D

P.S. that's not illegal to use just in case you're wondering ;)

xssvgamer · 07-19-2007

Thanks alot to both of you and i used cal's because its shorter and 100% legal lol.. also it works a treat!! nicely done i put both of your post rep up

Reaper · 07-19-2007

Thanks, I would also use Calamities. It's much cleaner as well, and doesn't have any of those silly vB Functions.

Web Design Forum

Web Design and Web Development Forum

LATEST POSTS

FORUM STATISTICS

PARTNER SITES

LinkBack

Thread Tools

Rate This Thread

Display

onClick insert into a textbox

Re: onClick insert into a textbox

Re: onClick insert into a textbox

Re: onClick insert into a textbox

Re: onClick insert into a textbox

Similar Threads

Image in Textbox?

Insert into database

INSERT x2

Paypal, IPN and SQL insert

Textbox Web Server Control