בס"ד
דוגמא בפעולה:
PHP קוד:
<script type="text/javascript">
function addtoForm(openTag, closeTag, textAreaId){ /// Add tags code to textarea
var txtAr = document.getElementById(""+textAreaId), oRange
txtAr.focus()
if (document.selection && document.selection.createRange){
oRange=document.selection.createRange(); /// Create Range object form the selected Text
if (oRange.parentElement()==txtAr){ /// Check if the parent of the Range object is our textarea
oRange.text= openTag+oRange.text+closeTag /// add the tags before and after the selected text
}
}else if(navigator.appName=="Netscape"){
var txtLength = parseInt(txtAr.textLength) // fint the length of the selected text
var selStart=txtAr.selectionStart /// find the start position
var selEnd=txtAr.selectionEnd /// find the end position
if (selEnd==2 || selEnd==1){
selEnd=txtLength
}
var sect1 = (txtAr.value).substring(0,selStart) /// text before the selected text
var sect2 = (txtAr.value).substring(selStart,selEnd) // the selected text
var sect3 = (txtAr.value).substring(selEnd,txtLength) /// text after the selected text
txtAr.value = sect1+openTag+sect2+closeTag+sect3 /// add the tags before and after the selected text
txtAr.focus()
}else{
return (alert("your browser is not supported by us\ only Mozilla(NS6 & higher) AND IE\n thanks"),false)
}
}
</script>
<textarea id="mytxtarea"></textarea>
<input type="button" value="[b]" onClick="addtoForm('[b]', '[/b]', 'mytxtarea')" />