View file defaultn/altername_post_form.php

<script type="text/javascript">
	function ctrlEnter(event, formElem) {
		if((event.ctrlKey) && ((event.keyCode == 0xA)||(event.keyCode == 0xD))) {
      var hd = document.createElement('input');
      hd.type = 'hidden';
      hd.name = 'enter';
      hd.value = 1;
      formElem.appendChild(hd);
			formElem.submit();
		}
	}
</script>

<div id="toolbar">
  <div class="other-panel" id="background-panel" onclick="backgroundOpen()"></div>
  <div class="other-panel" id="color-panel" onclick="colorOpen()"></div>
  <div class="smiles-panel" id="smiles-panel"></div>
  <div class="other-panel" id="other-panel" onclick="otherOpen()"></div>
  <div class="other-panel" id="border-panel" onclick="borderOpen()"></div>
</div>
<br />
<script xmlns="http://www.w3.org/1999/xhtml" language="javascript" type="text/javascript">
  /*<![CDATA[*/
  function tag(text1, text2, text3) {
    if ((document.selection)) {
      document.getElementById("message").focus();
    } else if(document.getElementById("message").selectionStart != undefined) {
      var element = document.getElementById("message");
      var str = element.value;
      var start = element.selectionStart;
      var length = element.selectionEnd - element.selectionStart;
      element.value = str.substr(0, start) + text3 + text1 + str.substr(start, length) + text2 + text3 + str.substr(start + length);
    } else
      document.getElementById("message").value += text3+text1+text2+text3;
  }
  
  function text(text) {
    var element = document.getElementById("message");
    var str = element.value;
    var start = element.selectionStart;
    var length = element.selectionEnd - element.selectionStart;
    element.value = str.substr(0, start) + text + str.substr(start, length) + str.substr(start + length);
  }
	
	var colorStatus = 1;
	
	function colorOpen() {
		if (document.getElementById('color-panel').style.display == 'block')
		document.getElementById('color-panel').style.display = 'none';
		else 
		document.getElementById('color-panel').style.display = 'block';
	}
  
	function otherOpen() {
		if (document.getElementById('other-panel').style.display == 'block')
		document.getElementById('other-panel').style.display = 'none';
		else 
		document.getElementById('other-panel').style.display = 'block';
	}
  
	function borderOpen() {
		if (document.getElementById('border-panel').style.display == 'block')
		document.getElementById('border-panel').style.display = 'none';
		else 
		document.getElementById('border-panel').style.display = 'block';
	}
  
	function backgroundOpen() {
		if (document.getElementById('background-panel').style.display == 'block')
		document.getElementById('background-panel').style.display = 'none';
		else 
		document.getElementById('background-panel').style.display = 'block';
	}
	
	var smilesStatus = 1;
	
	function smilesOpen(id, close) {
  	if (document.getElementById('smiles-panel').style.display == 'block' && close == 1)
  	document.getElementById('smiles-panel').style.display = 'none';
  	else 
  	document.getElementById('smiles-panel').style.display = 'block';   
       
    if (close == 0) {
     	$.ajax({  
    		url: '/ajax/php/smiles.php?dir=' + id,  
    		cache: true,  
    		success: function(html){  
    			$("#smiles-panel").html(html);  
    		}  
    	});       
    }
	}
  
  function getlink(type) {
    arrayColor = ["IndianRed", "LightCoral", "Salmon", "DarkSalmon", "LightSalmon", "Crimson", "Red", "FireBrick", "DarkRed", "Pink", "LightPink", "HotPink", "DeepPink", "MediumVioletRed", "PaleVioletRed", "Coral", "Tomato", "OrangeRed", "DarkOrange", "Orange", "Gold", "Yellow", "LightYellow", "LemonChiffon", "LightGoldenrodYellow", "PapayaWhip", "Moccasin", "PeachPuff", "PaleGoldenrod", "Khaki", "DarkKhaki", "Lavender", "Thistle", "Plum", "Violet", "Orchid", "Fuchsia", "Magenta", "MediumOrchid", "MediumPurple", "BlueViolet", "DarkViolet", "DarkOrchid", "DarkMagenta", "Purple", "Indigo", "SlateBlue", "DarkSlateBlue", "GreenYellow", "Chartreuse", "LawnGreen", "Lime", "LimeGreen", "PaleGreen", "LightGreen", "MediumSpringGreen", "SpringGreen", "MediumSeaGreen", "SeaGreen", "ForestGreen", "Green", "DarkGreen", "YellowGreen", "OliveDrab", "Olive", "DarkOliveGreen", "MediumAquamarine", "DarkSeaGreen", "LightSeaGreen", "DarkCyan", "Teal", "Aqua", "Cyan", "LightCyan", "PaleTurquoise", "Aquamarine", "Turquoise", "MediumTurquoise", "DarkTurquoise", "CadetBlue", "SteelBlue", "LightSteelBlue", "PowderBlue", "LightBlue", "SkyBlue", "LightSkyBlue", "DeepSkyBlue", "DodgerBlue", "CornflowerBlue", "MediumSlateBlue", "RoyalBlue", "Blue", "MediumBlue", "DarkBlue", "Navy", "MidnightBlue", "Cornsilk", "BlanchedAlmond", "Bisque", "NavajoWhite", "Wheat", "BurlyWood", "Tan", "RosyBrown", "SandyBrown", "Goldenrod", "DarkGoldenrod", "Peru", "Chocolate", "SaddleBrown", "Sienna", "Brown", "Maroon", "White", "Snow", "Honeydew", "MintCream", "Azure", "AliceBlue", "GhostWhite", "WhiteSmoke", "Seashell", "Beige", "OldLace", "FloralWhite", "Ivory", "AntiqueWhite", "Linen", "LavenderBlush", "MistyRose", "Gainsboro", "LightGray", "Silver", "DarkGray", "Gray", "DimGray", "LightSlateGray", "SlateGray", "DarkSlateGray", "Black"];
    
    links = '<a href="javascript:tag(\'[' + type + '=' + arrayColor[0] + ']\', \'[/' + type + ']\', \'\')"><div class="color-a" style="background: ' + arrayColor[0] + ';"></div></a>';
    
    for(var i = 1; i < arrayColor.length; i++) {
        links = links + '<a href="javascript:tag(\'[' + type + '=' + arrayColor[i] + ']\', \'[/' + type + ']\', \'\')"><div class="color-a" style="background: ' + arrayColor[i] + ';"></div></a>';
    }
    
    return links;
  }

  var toolbar = document.getElementById('toolbar');
  toolbar.innerHTML += '<a href="javascript:tag(\'[img]\', \'[/img]\', \'\')"><img src="/style/value/img.gif" alt="s" title="Картинка" /></a> '
      + '<a onclick="backgroundOpen()"><img src="/style/value/color_bg.gif" alt="background" title="Цвет фона" /></a> '
      + '<a onclick="borderOpen()"><img src="/style/value/border.png" alt="border" title="Цветная рамка" /></a> '
      + '<a onclick="colorOpen()"><img src="/style/value/color.gif" alt="url" title="Цвет шрифта" /></a> '
      + '<a onclick="smilesOpen(\'1\', \'0\')"><img src="/style/value/smiles.png" alt="smiles" title="Cмайлы" /></a> '
      + '<a href="javascript:tag(\'[mp3=\', \']mp3 мелодия[/mp3]\', \'\')"><img src="/style/value/mp3.png" alt="s" title="Mp3 плеер" /></a> '
      + '<a href="javascript:tag(\'[youtube=\', \']Видео Youtube[/youtube]\', \'\')"><img src="/style/value/youtube.png" alt="s" title="Видео Youtube" /></a> '
      + '<a href="javascript:tag(\'[url=\', \']ссылка[/url]\', \'\')"><img src="/style/value/link.gif" alt="s" title="Ссылка" /></a> '
      + '<a href="/plugins/images/"><img src="/style/value/anim.gif" alt="other" title="Анимашки" /></a> '
      + '<a onclick="otherOpen()"><img src="/style/value/category.png" alt="other" title="Больше бб кодов" /></a> '
      ;
 
  var other = document.getElementById('other-panel');
  other.innerHTML = '<a href="javascript:tag(\'[b]\', \'[/b]\', \'\')"><img src="/style/value/bold.gif" alt="b" title="" />Жирный шрифт</a><br /> '
      + '<a href="javascript:tag(\'[marquee]\', \'[/marquee]\', \'\')"><img src="/style/value/w.png" alt="marquee" /> Бегущая строка</a><br /> '
      + '<a href="javascript:tag(\'[i]\', \'[/i]\', \'\')"><img src="/style/value/italics.gif" alt="i" title="" />Наклонный шрифт</a><br /> '
      + '<a href="javascript:tag(\'[u]\', \'[/u]\', \'\')"><img src="/style/value/underline.gif" alt="u" title="" />Подчеркнутый шрифт</a><br /> '
      + '<a href="javascript:tag(\'[s]\', \'[/s]\', \'\')"><img src="/style/value/strike.gif" alt="s" title="" />Зачеркнутый шрифт</a><br /> '
      + '<a href="javascript:tag(\'[cit]\', \'[/cit]\', \'\')"><img src="/style/value/q.png" alt="cit" title="Цитата" />Цитирование</a><br /> '
      + '<a href="javascript:tag(\'[left]\', \'[/left]\', \'\')"><img src="/style/value/left.png" alt="s" /> Текст слева</a><br /> '
      + '<a href="javascript:tag(\'[center]\', \'[/center]\', \'\')"><img src="/style/value/center.png" alt="s" /> Текст по центру</a><br /> '
      + '<a href="javascript:tag(\'[right]\', \'[/right]\', \'\')"><img src="/style/value/right.png" alt="s" /> Текст cправа</a><br /> '
      + '<a href="javascript:tag(\'[size=14]\', \'[/size]\', \'\')"><img src="/style/value/font_size.png" alt="s" /> Размер шрифта</a><br /> '
      + '<a href="javascript:tag(\' \', \' [br]\', \'\')"><img src="/style/value/br.png" alt="s" /> Новая строка</a><br /> '
      ;
	
  var color = document.getElementById('color-panel');
  color.innerHTML = getlink('color');
	
  var background = document.getElementById('background-panel');
  background.innerHTML = getlink('background');
	
  var border = document.getElementById('border-panel');
  border.innerHTML = getlink('border');
/*]]>*/
</script>

<textarea id="message" name="msg" onkeypress="ctrlEnter(event, this.form);" placeholder="<?= (isset($placeholder) ? $placeholder : '')?>">
<?= (isset($insert) ? $insert : '')?>
</textarea><br />