В HTML низ
<!--Новый Модуль Ссылок--> <style id=type="text/css"> #linkTs-area img{ vertical-align: middle; max-height: 56px; width:auto; max-width: 84px; height:32px; margin:0; margin-bottom:10px; } #linkTs-area{ line-height: normal; position: absolute; right: 6px; top: 43px; padding-bottom: 14px; padding:22px 30px; height: 150px; width: 450px; margin: 0px; } #linkTs-area sup{ cursor:pointer; } </style> <div class="container" id="linkTs-area" style="display:none"> <div id="linkTs-block"> <img src="http://uploads.ru/i/K/b/k/Kbk67.png" alt="1" onclick="insOpis(this.src)" /> <img src="http://uploads.ru/i/C/K/o/CKohc.png" alt="2" onclick="insOpis(this.src)" /> <img src="http://uploads.ru/i/P/G/H/PGHmT.png" alt="3" onclick="insOpis(this.src)" /> <img src="http://uploads.ru/i/S/L/7/SL7sB.png" alt="4" onclick="insOpis(this.src)" /> <img src="http://uploads.ru/i/a/q/A/aqAz1.png" alt="5" onclick="insOpis(this.src)" /><br /> <span class="input"> <label for="linkTs"><b>Вставьте ссылку</b></label><br /> <input id="linkTs" type="text" value="" size="60"/><b><sup onclick="$('#linkTs').val('')"> x</sup></b> </span><br /> <p style="margin-top:12px;" class="input"> <label for="linkTs"><b>Вставьте Описание или кликните на Картинку</b></label><br /> <input id="linkTs2" type="text" value="" size="60"/><b><sup onclick="$('#linkTs2').val('')"> x</sup></b></p> <p> <button onclick="insAles()" style="display:inline;float:left" type="button">Вставить</button> <button type="button" style="display:inline;float:right" onclick="ShortURL()">Cократить ссылку</button> </p> </div> </div> <script> var Opisan_default="Ccылка"; $("#linkTs-area").insertBefore("#smilies-area") var L='<img onclick="changeVisibility(\'linkTs-area\')" src="/i/blank.gif" />'; $("#button-link img").replaceWith(L) $("#linkTs-area").insertBefore("#smilies-area");var Lft='['; function insOpis(src){ var l=$("#linkTs2").val();l+=Lft+'img]'+src+Lft+'/img]';$("#linkTs2").val(l);} function insAles(){var L=$("#linkTs").val();var l=$("#linkTs2").val(); if (!l ||$.trim(l) == '') l = Opisan_default; L=Lft+'url='+L+']'+l+Lft+'/url]';smile(L); changeVisibility('linkTs-area');} $("#main-reply").click(function(){$("#linkTs-area").hide()}); function ShortURL(){var L=$("#linkTs").val() if ($.browser.msie || $.browser.opera){ShortURLService = 'http://'+window.location.hostname+'/bridge.php?ws=qps&url='+encodeURIComponent(L)+'&format=text'; }else{ShortURLService = 'http://qps.ru/api?url='+encodeURIComponent(L)+'&format=text';} $.get(ShortURLService, function(data){ if (data.indexOf('http://') == -1){ alert('Неверный формат ссылки'); return false; } $("#linkTs").val(data);}); } </script><!--//End == Новый Модуль Ссылок-->
<img src="http://uploads.ru/i/K/b/k/Kbk67.png" alt="1" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/C/K/o/CKohc.png" alt="2" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/P/G/H/PGHmT.png" alt="3" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/S/L/7/SL7sB.png" alt="4" onclick="insOpis(this.src)" />
<img src="http://uploads.ru/i/a/q/A/aqAz1.png" alt="5" onclick="insOpis(this.src)" />
Картинки - Иконки ссылок - можно поменять на свои
Как то: Картинка - Иконка "Ссылка на фильмы";Иконка - "Ccылка на тексты"; Картинка - "Ссылка на Музыку" и т.д( можно вставлять вместо Данной HTML строки - любую другую: - например - заливка файлов на multi-up.com
<a href="http://multi-up.com/"><img src="http://uploads.ru/i/m/O/L/mOLBt.jpg"/></a>
Правка по габаритам - тут
<style type="text/css">
#linkTs-area img{
vertical-align: middle;
max-height: 56px;
width:auto;
max-width: 84px;
height:32px;
margin:0;
margin-bottom:10px;
}
--------------------
Так же можно сменить описание по умолчанию
var Opisan_default="Ccылка";
Скрипт Deff
Панель закрывается так же и по клику в форме Ответа
Скрипт от Deff
Отредактировано Лиф (2012-01-05 21:45:27)