Czy istnieje sposób na sprawdzenie, jaka jest pozycja kursora w polu <textarea> ? Funkcja musiałaby zwracać liczbę - numer znaku po którym znajduje się kursor. Dodam że miałoby to chodzić nie tylko pod IE, ale też pod Mozillą.
Swoją drogą, takie coś przydałoby się nam chociażby na forum, żeby emotki nie wstawiały się zawsze na koniec posta.
Pełna wersja: [js] pozycja kursora
Wlasnie tego pol dnia szukam i postanowilem w koncu spytac na forum. Widze jednak ze nikt nie zna odpowiedzi 
.
W phpbb costam kombinowali z zaznaczonym textem no ale
mówi samo za siebie :/
. W phpbb costam kombinowali z zaznaczonym textem no ale
Cytat
if ((clientVer >= 4) && is_ie && is_win)
mówi samo za siebie :/
Kod
<html>
<head>
<script type="text/javascript">
function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
// calling the function
//insertAtCursor(document.formName.fieldName, 'this value');
</script>
</head>
<body>
<form name="a">
<textarea id="b" cols="50" rows="5">Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text ..
Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. </textarea>
</form>
<input type="text" value=" !cos! " id="cos"><a href="javascript:void(0)" id="b" onclick="insertAtCursor(document.a.b, document.getElementById('cos').value);">Wstaw</a>
</body>
</html>
<head>
<script type="text/javascript">
function insertAtCursor(myField, myValue) {
//IE support
if (document.selection) {
myField.focus();
sel = document.selection.createRange();
sel.text = myValue;
}
//MOZILLA/NETSCAPE support
else if (myField.selectionStart || myField.selectionStart == '0') {
var startPos = myField.selectionStart;
var endPos = myField.selectionEnd;
myField.value = myField.value.substring(0, startPos)
+ myValue
+ myField.value.substring(endPos, myField.value.length);
} else {
myField.value += myValue;
}
}
// calling the function
//insertAtCursor(document.formName.fieldName, 'this value');
</script>
</head>
<body>
<form name="a">
<textarea id="b" cols="50" rows="5">Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text ..
Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. Some text .. </textarea>
</form>
<input type="text" value=" !cos! " id="cos"><a href="javascript:void(0)" id="b" onclick="insertAtCursor(document.a.b, document.getElementById('cos').value);">Wstaw</a>
</body>
</html>
Dziala na IE i Mozilli, na Operze nie
google rox
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.