trunx: markierung von text in input-felder

Beitrag lesen

SELF-Forum

markierung von text in input-felder

trunx
– Informationen zu den Bewertungsregeln

Wo genau liegt denn dein Problem dabei? Was sind deine Schwierigkeiten?

moin, gestern war ich einfach nur frustriert. ich sag mal was, was mich schon mal voran bringen würde:

ich habe zwei textareas jeweils mit text (bspw. einen deutschen und die entsprechende englische übersetzung) und markiere jetzt in einem feld einen ausschnitt. in dem einen beispiel wird sofort nach beendigung der markierung der name der textarea sowie die markierung ausgegeben. ich möchte aber diese ausgabe in variablen ablegen und dann durch click auf einen externen button (wie in dem zweiten beispiel) weiter verarbeiten und halt in dem entsprechenden feld den markierten ausschnitt um anfangs- und endtags ergänzen.

das speichern klappt zwar, aber die weiterverarbeitung nicht. hier mal der code:

<!DOCTYPE HTML>
<html>
<head>
    <script type="text/javascript" charset="utf-8">
    var sid, sel, selStart, selEnde, areaText;
    function init() {

        function onMouseUp(e) {
            console.log(e);
            var selectedTextArea = document.activeElement;
            sid = selectedTextArea.id;
            selStart = selectedTextArea.selectionStart;
            selEnde = selectedTextArea.selectionEnd;
            sel1 = selectedTextArea.value.substring(0,selStart);
            sel2 = selectedTextArea.value.substr(selEnde);
            sel = selectedTextArea.value.substring(selStart, selEnde);
        }

        function fett() {
            document.getElementById(sid).innerHTML = sel1+"<b>"+sel+"</b>"+sel2;
        }

        function zBruch() {
            document.getElementById(sid).innerHTML = sel1+"<br>"+sel+sel2;
        }

        document.getElementById("ta-example-one").addEventListener("mouseup", onMouseUp, false);
        document.getElementById("ta-example-two").addEventListener("mouseup", onMouseUp, false);
    }
    </script>
</head>
<body onload="init()">
<div>
    Select some text from one of the Textareas below:
</div>
<form id="frm-example" action="#" accept-charset="utf-8">
<textarea name="ta-example-one" id="ta-example-one" rows="8" cols="40">
This is Textarea Example One:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt, lorem a porttitor molestie, odio nibh iaculis libero, et accumsan nunc orci eu dui.
</textarea>
<textarea name="ta-example-two" id="ta-example-two" rows="8" cols="40">
This is Textarea Example Two:
Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.
</textarea><br>
<button onclick="alert(sel2);fett();">Fett</button><button onclick="zBruch();">Zeilenumbruch</button>
</form>
Active Element Id: <span id="output-element"></span><br/>
Selected Text: <span id="output-text"></span>

</body>
</html>

bye trunx

Beitrag melden
–
Informationen zu den Bewertungsregeln