Hallo.
Hab heute mal ein kleines Javascript problem.
Ich habe eine textarea die unten drunter Buttons hat, die wenn man sie klickt, in die textarea html code reinschreiben.
Eigentlich genauso wie das hier im Forum ist. Mit Bold und italic usw.
Funktioniert auch alles wunderbar.
Jetzt müssen da aber zwei textfelder hin. Und ich weiss nich wie ich die Buttons den einzelnen textareas zuordnen kann?? Aber hier erstmal das java script:
Code:
<script type="text/javascript">
<!--
function insert(aTag, eTag) {
var input = document.forms['eingabe'].elements['Haupttext1'];
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);
}
}
//-->
</script>
Und hier meine zwei textareas
Code:
<form action="artikelaendern.php" method="post" name="eingabe">
<textarea name="Haupttext1" cols="90" rows="5">$Teasertext</textarea>
<input type="button" value="f" onclick="insert('', '')" class=bold>
<input type="button" value="k" onclick="insert('', '')" class=italic>
<input type="button" value="u" onclick="insert('<u>', '</u>')" class=underline>
<input name="Haupttext1"type="button" value="Zeilenumbruch" onclick="insert('
', '')" accesskey="k">
<input type="button" value="Zentrieren" onclick="insert('<div align=center>', '</div>')">
<textarea name="Haupttext2" cols="90" rows="20">$Haupttext</textarea>
<input type="button" value="f" onclick="insert('', '')" class=bold>
<input type="button" value="k" onclick="insert('', '')" class=italic>
<input type="button" value="u" onclick="insert('<u>', '</u>')" class=underline>
<input type="button" value="Zeilenumbruch" onclick="insert('
', '')">
<input type="button" value="Zentrieren" onclick="insert('<div align=center>', '</div>')">
</form>
Japs.
Im moment passiert folgendes:
Wenn ich im unteren textfeld einen button anklicke, wird der code im oberen Textfeld eingefügt. Is ja auch klar, weil das script ihm sagt füge es im "Haupttext1" ein. Wie kann ich nun dem script und/oder dem Button sagen das er es im unteren Textfeld eintragen soll??!!??
Hab alles ausprobiert was mir eingefallen is, hat aber nichts geklappt.
Wär schön wenn mir jemand helfen könnte