<form method="post" action="">
<TEXTAREA NAME="text" ROWS="12" COLS="36" WRAP="virtual" onselect="storeCaret(this)" onclick="storeCaret(this)" onkeyup="storeCaret(this)"></TEXTAREA>
<br><br>
<select onchange="insertAtCaret(this.form.elements['text'],this.options[this.selectedIndex].text)">
<option>Foo</option>
<option>Bar</option>
</select>
</form>
Trådstart#1
Hej, hej...
Jag har lite problem med ett javascript som jag hittade här på wF och tyvärr så är mina javascriptkunskaper rätt så begränsade...
<script language="javascript">
function storeCaret(textArea) {
if(textArea.createTextRange) {
textArea.caretPos = document.selection.createRange().duplicate();
}
}
function insertAtCaret(textArea, text) {
if(textArea.createTextRange && textArea.caretPos) {
caretPos = textArea.caretPos;
caretPos.text =
caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?
text : text;
textArea.focus();
}
}
</script>
<TEXTAREA NAME="text" ROWS="12" COLS="36" WRAP="virtual" onselect="storeCaret(this)" onclick="storeCaret(this)" onkeyup="storeCaret(this)"></TEXTAREA>
<input type="button" name="brknapp" onClick="javascript:insertAtCaret(text, 'wee');" value="wee">
http://www.thirdfloor.biz/temp/test.html
Istället för en knapp som infogar text på det stället där markören befinner sig så vill jag ha en rullgardinsmeny, där man kan välja olika saker att infoga.