✔ BBCode OnClick Buttons

[KD3]

hi leute

Das realisieren eines BBCode-Feldes wie hier im Forum ist sehr schwer für mich, das server-seitige nicht mehr, dank den Teammitgliedern hier Aber wenn man z.B wie hier im Forum so ein Button hat:

wie kann man es dann clientseitig machen das wenn z.B der User was im z.B textareafeld was markiert und auf den BBCode # also für den CODE-Tag hier direkt den Text so ersetzt das es dann so aussieht: ['CODE']TEXT['CODE'] also direkt umgewandelt wird.. (ohne die ' ' in dem Code-Tag natürlich) Würde mich auf antworten freuen, danke

MfG
KD3

 

[Sven Mintel]

<script type="text/javascript">
<!--
function insertTag(a,z,objElem)
{
if(document.selection)
    {
        objElem.focus();
        document.selection.createRange().text=a+document.selection.createRange().text+z;
        document.selection.createRange().select();
    }
else if (objElem.selectionStart || objElem.selectionStart == '0')
	{ 
		intStart = objElem.selectionStart;
		intEnd = objElem.selectionEnd;
		objElem.value = (objElem.value).substring(0, intStart) + a+(objElem.value).substring(intStart,intEnd) +z+ (objElem.value).substring(intEnd, objElem.value.length);
		objElem.focus();
	}
else
	{
		objElem.value += a+z;
	}
}
//-->
</script>

Die Parameter:

• a->Starttag
• z->Endtag
• objElem->Zeiger auf das <textarea>

 

[KD3]

Danke schön

Also muss ich das so verlinken?

<img src="b.gif" OnClick="insertTag(,,message);" />

<textarea name="message"> </textarea>

Würde es auch gehen wenn ich z.B ein Div-Feld oder td-Feld benutzen würde müsste man dann den code ändern, oder reicht schon das verändern des zeigers?

MfG
KD3

 

[Sven Mintel]

Danke schön

Also muss ich das so verlinken?

<img src="b.gif" OnClick="insertTag(,,message);" />

<textarea name="message"> </textarea>

Würde es auch gehen wenn ich z.B ein Div-Feld oder td-Feld benutzen würde müsste man dann den code ändern, oder reicht schon das verändern des zeigers?

MfG
KD3

Nicht ganz, mit "message" alleine hast du keinen Zeiger auf das tetxarea, und die Tags müssen in Anführungszeichen, bspw. so:

<form name="formularname">
<img src="b.gif" OnClick="insertTag('','',document.formularname.message);" />
<textarea name="message"> </textarea>
</form>