Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Смайл-Бокс, альтернатива.


Смайл-Бокс, альтернатива.

Сообщений 21 страница 27 из 27

1

Лазая по этому форуму и по форуму Дизайна, я очень часто натыкался скрипты смайл-боксов.
По идее, все они функциональны и удобны. Но не в случае, если ты хочешь сделать разные наборы смайлов под разные дизайны/стили, работающие на дополнении этого СКРИПТА

Дело в том, что все скрипты смайлов просто вставляют ссылку картинки, что не есть хорошо для скрипта выше.
Итак, вопрос:

Можно ли сделать скрипт, добавляющую в панель кнопок набор своих смайлов, при нажатии на которые  в пост вставляется не ссылка, а специальный идентификатор/название смайлика?

Чтобы потом, при просмотре поста вместо идентификатора/названия отображалась сам смайлик и при смене дизайна скриптом они менялись и в постах (ибо сами ссылки на картинки, прикрепленные к идентификаторам, находятся в скрипте, которые будет меняться вместе с дизом).

Можно ли такое реализовать?

Также было бы очень хороша функция скрытия этих наборов смайликов для определенных групп пользователей, чтобы они не могли сами вставлять эти смайлики, но видели их в постах.

Для чего полезен был бы этот скрипт? Думаю, это было бы отличной альтернативой "модераторским тегам" ( при определенной подгонке скрипта). Также можно было бы вместо смайликов ставить специальные иконки, что в принципе было бы актуально для моего форума (а точнее, для игровой системы)
(Поэтому я и перелазил все скрипты и не нашел ничего подобного)

Также было бы вообще замечательно, если бы скрипт работал вместе с этим скриптом - тогда бы этот скрипт получил бы очень большое применение в разных областях. Да и в принципе, было хорошей заменой скрипту "смайлы с комментариями".

Отредактировано LostKei (Сб, 9 Фев 2013 08:54:29)

0

21

Deff, спойлер поставил вами предложенный - он хоть и неказистый на вид, но зато простецкий. И среди пятерых еще испробованных мной, единственный работает.

0

22

LostKei
Думаю как разместить окно с иконками:
Вопрос - этих иконок типично в сообщнении много или один - два ?
Если мало, то можно с наездом на поле ответа, как типовой смайл-бокс,
Если много, то над или под формой, под кнопкой метнуть дайсы

0

23

Deff, лучше рядом с кнопками дайсов. Ибо их будет много и в специальном игровом профиле игроков (он будет после анкет) они будут штабелями идти, в специальной таблице.

0

24

http://s2.uploads.ru/9uyDm.png

Cкрипт из двух частей,
первая, в HTML верх и может меняться для стилей,
Вторая в начало HTML низ

<!-- Гаджеты HTML верх-->
<style type="text/css">
img.Box_smile {
  width:90px;
  height:auto;
}
img.postimg.smile {
  //width:90px;
  height:auto;
}
</style>
<p id="Gadget00" style="display:none">

:psi:[Регенерация], http://s2.uploads.ru/wWYDk.png
:mut:[Активная регенерация], http://s2.uploads.ru/MQ4Jv.png
:evo:[Боевая Регенерация], http://s2.uploads.ru/Vjltu.png
:kib:[имплантант руки], http://s2.uploads.ru/R6N2P.png
</p>
<!--End//Гаджеты HTML верх-->

<!-- Гаджеты HTML низ -->
<script><!-- Гаджеты -->

var IdGroups = [1,2,4]; //Гаджеты: Выставляем доступ нужным группам.
var OnOffTitle = 1; //1 - title в топике включены, 0 -выключены

var ImgList=[],ImgLstPst=[];
var divGadget='<div id="Gadget" style="padding-top:23px;display:none">';
var s = $.trim($('#Gadget00').html()).split(/,\s*|\n\s*/igm)//.splice(0,1);
for(var i=0; i<s.length; i+=2){
    var tit=s[i].split(/\[|\]/ig); if(!tit[1])tit[1]='';
    ImgList.push('<img src="'+s[i+1]+'" alt="'+tit[0]+'" class="Box_smile" onclick="smile(this.alt)" title="'+tit[1]+'">\n');
    var title=''; if(OnOffTitle)title='title="'+tit[1]+'"';
    ImgLstPst.push(tit[0],'<img class="postimg smile" src="'+s[i+1]+'" alt="'+tit[0]+'"'+title+'>\n');
}//alert(ImgLstPst.join('\n'))

function NewIcon(a){$(a).next().slideToggle('slow')};
  $("div.post .post-content p").each(function () {
    var str = $(this).html();
     for(var i=0; i<ImgLstPst.length; i+=2){
      if(str.indexOf(ImgLstPst[i])!=-1){
      str=str.replace(new RegExp(ImgLstPst[i],'gm'),ImgLstPst[i+1]);
     }}
   $(this).html(str);     
  });

divGadget+= ImgList.join('')+'</div>';
var a = '   <input type="button" onclick="NewIcon(this)" value="Гаджеты" style=""/>'+divGadget;
for(var i=0; i<IdGroups.length; i++){
if(GroupID==IdGroups[i]){
$('form#post p.areafield.required').next().after(a);
}}
  s='';if(OnOffTitle)s=',.post-content p img.postimg.smile';
$('#Gadget img[title]'+s).tipsy({gravity: 's'});//alert(divGadget)
</script>
<!--End//Гаджеты HTML низ -->

http://s3.uploads.ru/B9Ho0.png

Отредактировано Deff (Сб, 9 Фев 2013 22:44:15)

+1

25

Deff, спаааасибо! Щас посмотрим, как это работает.

0

26

Deff, все отлично. Но изменил размерности на отображении и в боксе и посте по высоте и ширине не авто. Ибо если ставить маленькие гаджеты, они жутко растягиваться.

0

27

Deff, еще вопрос: а скрипт вы будете выкладывать на общий доступ?

0


Вы здесь » Единый форум поддержки » Корзина » Смайл-Бокс, альтернатива.