nicht angemeldet
Mhh,
ganz einfach, ich weiß nicht wie das mit den Variablen geht. Ich verstehe es einfach nicht.
Ich habe es mal so angepasst und bin aber wieder vor dem Problem,
es sollen die BBCode Buttons nur einmal vorhanden sein und nicht für jede Textbox einzeln.
<html>
<head>
<title>BBCode in mehrere Textfelder</title>
<script type="text/javascript">
<!--
function insert(textFeld, aTag, eTag) {
var input = document.forms["formular"].elements[textFeld];
input.focus();
/* f¸r Internet Explorer */
if(typeof document.selection != "undefined") {
/* Einf¸gen des Formatierungscodes */
var range = document.selection.createRange();
var insText = range.text;
range.text = aTag + insText + eTag;
/* Anpassen der Cursorposition */
range = document.selection.createRange();
if (insText.length == 0) {
range.move("character", -eTag.length);
} else {
range.moveStart("character", aTag.length + insText.length + eTag.length);
}
range.select();
}
/* f¸r neuere auf Gecko basierende Browser */
else if(typeof input.selectionStart != "undefined")
{
/* Einf¸gen des Formatierungscodes */
var start = input.selectionStart;
var end = input.selectionEnd;
var insText = input.value.substring(start, end);
input.value = input.value.substr(0, start) + aTag + insText + eTag + input.value.substr(end);
/* Anpassen der Cursorposition */
var pos;
if (insText.length == 0) {
pos = start + aTag.length;
} else {
pos = start + aTag.length + insText.length + eTag.length;
}
input.selectionStart = pos;
input.selectionEnd = pos;
}
/* f¸r die ¸brigen Browser */
else
{
/* Abfrage der Einf¸geposition */
var pos;
var re = new RegExp("^[0-9]{0,3}$");
while(!re.test(pos)) {
pos = prompt("Einf¸gen an Position (0.." + input.value.length + "):", "0");
}
if(pos > input.value.length) {
pos = input.value.length;
}
/* Einf¸gen des Formatierungscodes */
var insText = prompt("Bitte geben Sie den zu formatierenden Text ein:");
input.value = input.value.substr(0, pos) + aTag + insText + eTag + input.value.substr(pos);
}
}
//-->//<body bgcolor="#000000" text="#FFFFFF" link="#999999" vlink="#666666" alink="#666666">
</script>
</head>
<div align="left" class="normal"><br>
<FORM ENCTYPE="multipart/form-data" METHOD="POST" name="formular">
<table width="100%" border="0">
<tr>
<input type="hidden" value="" onClick="insert('textarea1','', '')">
<input type="button" value="Fett" onClick="insert('textarea1','[b]', '[/b]')">
<input type="button" value="Kursiv" onClick="insert('textarea1','[i]', '[/i]')">
<input type="button" value="List" onClick="insert('textarea1','[list]', '[/list]')">
<input type="button" value="Eingerückt" onClick="insert('textarea1','[indent]', '[/indent]')"><br>
<textarea name="textarea1" cols="50" rows="2" id="textarea1">Textarea_1 o.k.</textarea>
</label>
<br><br>
</td>
</tr>
<tr>
<input type="hidden" value="" onClick="insert('textarea2','', '')">
<input type="button" value="Fett" onClick="insert('textarea2','[b]', '[/b]')">
<input type="button" value="Kursiv" onClick="insert('textarea2','[i]', '[/i]')">
<input type="button" value="List" onClick="insert('textarea2','[list]', '[/list]')">
<input type="button" value="Eingerückt" onClick="insert('textarea2','[indent]', '[/indent]')"><br>
<textarea name="textarea2" cols="50" rows="2" id="textarea2">Textarea_2 o.k.</textarea>
</label>
<br><br>
</td>
</tr>
<input type="hidden" value="" onClick="insert('textarea3','', '')">
<input type="button" value="Fett" onClick="insert('textarea3','[b]', '[/b]')">
<input type="button" value="Kursiv" onClick="insert('textarea3','[i]', '[/i]')">
<input type="button" value="List" onClick="insert('textarea3','[list]', '[/list]')">
<input type="button" value="Eingerückt" onClick="insert('textarea3','[indent]', '[/indent]')"><br>
<textarea name="textarea3" cols="50" rows="2" id="textarea3">Textarea_3 o.k.</textarea>
</label>
<br><br>
</td>
</tr>
<tr>
<input type="hidden" value="" onClick="insert('textarea4','', '')">
<input type="button" value="Fett" onClick="insert('textarea4','[b]', '[/b]')">
<input type="button" value="Kursiv" onClick="insert('textarea4','[i]', '[/i]')">
<input type="button" value="List" onClick="insert('textarea4','[list]', '[/list]')">
<input type="button" value="Eingerückt" onClick="insert('textarea4','[indent]', '[/indent]')"><br>
<textarea name="textarea4" cols="50" rows="2" id="textarea4">Textarea_4 o.k.</textarea>
</label>
<br><br>
</td>
</tr>
<tr>
<input type="hidden" value="" onClick="insert('textarea5','', '')">
<input type="button" value="Fett" onClick="insert('textarea5','[b]', '[/b]')">
<input type="button" value="Kursiv" onClick="insert('textarea5','[i]', '[/i]')">
<input type="button" value="List" onClick="insert('textarea5','[list]', '[/list]')">
<input type="button" value="Eingerückt" onClick="insert('textarea5','[indent]', '[/indent]')"><br>
<textarea name="textarea5" cols="50" rows="2" id="textarea5">Textarea_5 o.k.</textarea>
</label>
<br>
</td>
</tr>
<tr>
<tr valign="bottom">
<td height="30"> </td>
<td><input type="submit" name="Submit" value="Eintragen"> <input name="Reset" type="reset" id="Reset" value="Reset"></td>
</tr>
</table>
</form>
<br>
</div>
</body>
</html>