จาก code นี้ ต้องแก้โค้ดอย่างไรครับ
เมื่อคลิก btn แล้ว อยากให้ cursor default อยู่ตรงกลาง ระหว่างแท็กครับ
ตัวอย่าง ["b] แสดง sursor โดยไม่ต้องคลิกเองครับ [/b]
<html>
<head>
<script type="text/javascript">
function addtag(tag) {
var txt = document.getElementById('mta');
if(document.selection) {
txt.focus();
sel = document.selection.createRange();
sel.text = '[' tag ']' sel.text '[/' tag ']';
} else if(txt.selectionStart || txt.selectionStart == '0') {
txt.value = (txt.value).substring(0, txt.selectionStart) "[" tag "]" (txt.value).substring(txt.selectionStart, txt.selectionEnd) "[/" tag "]" (txt.value).substring(txt.selectionEnd, txt.textLength);
} else {
txt.value = '[' tag '][/' tag ']';
}
return;
}
function addurltag() {
var txt = document.getElementById('mta');
var link = prompt("Type the address:", "http://");
if(link.length == 0 || link == "http://") {
return;
} else {
var link = "=" link;
var text;
var sel2 = "";
if(document.selection) {
txt.focus();
sel = document.selection.createRange();
sel2 = sel.text;
} else if(txt.selectionStart || txt.selectionStart == '0') {
sel2 = (txt.value).substring(txt.selectionStart, txt.selectionEnd);
}
if(sel2.length > 0) {
text = sel2;
} else {
text = prompt("Enter the link text:", "");
}
}
if(document.selection) {
txt.focus();
sel = document.selection.createRange();
sel.text = "[url" link "]" text "[/url]";
} else {
txt.value = (txt.value).substring(0, txt.selectionStart) "[url" link "]" text "[/url]" (txt.value).substring(txt.selectionEnd, txt.textLength);
}
return;
}
</script>
<style type="text/css">
.bbButton {
height: 30px;
font-family: serif;
font-size: 16pt;
}
</style>
</head>
<body>
<input type="button" value="B" onclick="addtag('b')" class="bbButton" style="width:30px; font-weight:bold;" />
<input type="button" value="I" onclick="addtag('i')" class="bbButton" style="width:30px; font-style:italic;" />
<input type="button" value="U" onclick="addtag('u')" class="bbButton" style="width:30px; text-decoration:underline;" />
<input type="button" value="Link" onclick="addurltag()" class="bbButton" />
<input type="button" value="List" onclick="addtag('list')" class="bbButton" />
<input type="button" value="Code" onclick="addtag('code')" class="bbButton" /><br />
<br />
<textarea id="mta" name="mta" cols="40" rows="7"></textarea>
</body>
</html>
พัฒนาเว็บไซต์
