Просмотр архива Соц сеть(DCMS Social)


<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 />