При натискане на бутон да въвежда в текстареата
- Автор aquafresh
- Начална дата
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript" type="text/javascript">
function bbcode(open_tag, close_tag, id) {
var obj = document.getElementById(id);
var spacer;
if(obj.value.length > 0) {
spacer = " ";
} else {
spacer = "";
}
var begining_text = obj.value.substr(0, obj.selectionStart);
var selected_text = obj.value.substr(obj.selectionStart, obj.selectionEnd);
var end_text = obj.value.substr(obj.selectionEnd, obj.value.length);
var caret_position = obj.selectionStart;
var text_to_caret = obj.value.substr(0, caret_position);
var text_after_caret = obj.value.substr(caret_position, obj.value.length);
// If there is a selection
if(obj.selectionStart != obj.selectionEnd) {
obj.value = begining_text + open_tag + selected_text + close_tag + end_text
} else {
// If there is not a selection
obj.value = text_to_caret + open_tag + close_tag + text_after_caret
}
//obj.value = obj.value + spacer + text;
}
</script>
</head>
<body>
<input name="button1" type="button" id="button1" onclick="javascript: bbcode('[b]', '[/b]', 'text');" value="B">
<input name="button2" type="button" id="button2" onclick="javascript: bbcode('[i]', '[/i]', 'text');" value="I">
<input name="button3" type="button" id="button3" onclick="javascript: bbcode('[u]', '[/u]', 'text');" value="U">
<input name="button4" type="button" id="button4" onclick="javascript: bbcode('[code]', '<input name="button5" type="button" id="button5" onClick="javascript: bbcode('
', 'text');" value="Цитат">
<input name="button7" type="button" id="button7" onclick="javascript: bbcode('
<input name="button8" type="button" onClick="javascript: bbcode('', '', 'text');" value="Линк"><br>
<textarea name="text" cols="60" rows="40" id="text"></textarea>
</body>
</html>
[/code]