Mit Javascript Text markieren

Eine einfache Function, mit welcher es möglich ist einen Text in einem beliebigen Tag zu markieren. So eine Function kann zum Beispiel in Foren für einen Code-BBCode eingesetzt werden, um den gesamten Text-Inhalt schnell zu markieren.

Die Function (kommt in den Head Tag eurer Seite)

<script type="text/javascript">
function selecttxt(objId) {
if (document.selection) {
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(objId));
range.select();
}
else if (window.getSelection) {
var range = document.createRange();
range.selectNode(document.getElementById(objId));
window.getSelection().addRange(range);
}
}
</script>

Das Div, bzw. das Element in welchem der zu markierende Text steht

<div id="s1">
Hier steht der Text welcher markiert werden soll. Muss nicht zwingend ein DIV Element sein!
</div>

Und der Link mit dessen der Text markiert werden kann

<a href="" onclick="selecttxt('s1'); return false;">SELECT</a>

Die ID, in diesem Beispiel ID "s1", muss hier mit der ID im Div oben bzw. mit der ID des Elements in welchem der Text markiert werden soll, übereinstimmen.

Tags: javascript text markieren, javascript select, div text markieren, div select text