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

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

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


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


Все вопросы и просьбы по дополнительным смайликам

Сообщений 501 страница 520 из 664

501

rps написал(а):

Добавил скроллинг.

Позиция низкая => http://uploads.ru/t/f/k/y/fky76.png
Добавь автопозиционирование

var offset=$("td#button-smile").offset();
var x=offset.left;
var y=offset.top;
alert('x='+x+' y='+y)

0

502

rps написал(а):

Смысл? Хочешь сократить размер скрипта?

Пугают людей длинные скрипты - птом этоже на кажной странице довесок(Вон я приучаю прятать в файлы(медленно кнешно

0

503

Deff
Кого пугает - пусть вообще сюда не приходит и не пугается. А то потом начнут пробовать вставить свои и хрен что получится.

Deff написал(а):

Добавь автопозиционирование
            var offset=$("td#button-smile").offset();var x=offset.left;var y=offset.top;alert('x='+x+' y='+y)

Там на css всё, и он должен появляться справа посередине, а не как у тебя. Переправил, посмотри.

0

504

rps написал(а):

ам на css всё, и он должен появляться справа посередине, а не как у тебя. Переправил, посмотри.

http://uploads.ru/t/t/r/U/trUTo.png
У всех на ccs ,будет немного различацо - а клик по кнопке и считывание её в абсолютных координат и позиционирование окна по этому клику - будет однозначно

Ксать У тьву конфликт версий jQuery - Опера жутко тормозит и её дебаг глючит - в качестве решения - изоляция-экранирование всех переменных одеванием всего скрипта в функцию и вызов функции после закрывающего тега

типо :

<script type="text/javascript">
function Smile_rps() {
Тут весь код
} Smile_rps()
<script>

Отредактировано Deff (Пн, 23 Апр 2012 21:00:29)

0

505

Deff написал(а):

Ксать У тьву конфликт версий jQuery - Опера жутко тормозит и её дебаг глючит

Я во всех браузерах проверял, у меня работает нормально. Нужно ещё одного человека с Оперой... Кстати, какая  у тебя версия?

Deff написал(а):

У всех на ccs ,будет немного различацо

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

Отредактировано rps (Вт, 24 Апр 2012 02:12:19)

0

506

Deff
http://uploads.ru/t/j/r/X/jrXO0.png

0

507

У меня опера) Все работает отлично)

+1

508

rps написал(а):

Я во всех браузерах проверял, у меня работает нормально. Нужно ещё одного челшовека с Оперой... Кстати, какая  у тебя версия?

Тьву - о чём спор то

Свернутый текст
Код:
<script type="text/javascript">
function Smile_rps() {

var s = document.getElementById("button-smile"); var i = 0;
function init() {
 var script;
 script = document.createElement("script");
 script.src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js";
 script.id = "jquery_ui";
 document.getElementsByTagName("head")[0].appendChild(script);
 document.getElementById("jquery_ui").onload = function() {
  $('#smile').draggable( {    
   cursor: 'move',    
   handle: '#h2', 
   opacity: '0.75'
  } );
 }
}

function create() {
 var div = document.createElement("div");
 div.id = "smile";
 div.className = "section";
 div.setAttribute("style", "position: absolute; z-index: 1000; right: 10px; margin-top: -280px; display: none;");
 div.innerHTML = "<div class='container'><h2 id='h2'><span>Смайлы</span><a id=\"close\" onclick=\"this.parentNode.parentNode.parentNode.style.display=\'none\'\">X</a></h2><p id='smile-box'></p></div>";
 document.getElementById("post").getElementsByTagName("div")[0].appendChild(div);
    var smileItem = new Array();
   smileItem.push("http://www.kolobok.us/smiles/standart/mosking.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/grin.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smoke.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/boast.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dirol.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pleasantry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/snooks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/no2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/secret.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/aggressive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/not_i.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/acute.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/fool.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/i-m_so_happy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/party.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/beee.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yu.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/friends.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dntknw.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/punish.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smile3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/bad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/wink3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sorry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/kiss.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/good.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yahoo.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/nea.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/rofl.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/derisive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/lazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/thank_you.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance4.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/drinks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/clapping.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pardon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/don-t_mention.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/victory.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/scare2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes2.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/butcher.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/queen.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/suicide_fool-edit.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/man_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_crazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_wacko.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/dash2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/wacko2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_hospital.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/mail1.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/curtsey.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_witch.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_heart.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/hysteric.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_hide.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/parting.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_sigh.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/feminist.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_rose.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/first_move.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_haha.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_impossible.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/spruce_up.gif");
   smileItem.push("http://www.kolobok.us/smiles/light_skin/give_heart2.gif");
   smileItem.push("http://www.kolobok.us/smiles/other/spam.gif");
   smileItem.push("http://www.kolobok.us/smiles/big_madhouse/wacko3.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_hug.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_05.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_04.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/moinmoin_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/Rulezzz_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_06.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_thinking.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_goody.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_59.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_91B.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/connie/connie_24.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/unknown_singer.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_03.gif");
  for (i in smileItem) {
   var sm = document.getElementById("smile");
   sm.getElementsByTagName("p")[0].innerHTML += "<img src=\"" + smileItem[i] + "\" alt=\"MyBB smile\" onclick=\"insert(\'[img]" + smileItem[i] + "[/img]\')\" style=\"padding: 2px; cursor: pointer;\" />";
  }
}

if (s) { 
 create(); 
 init();
 s.getElementsByTagName("img")[0].onclick = function() {
  var dis = document.getElementById("smile").style.display;
  document.getElementById("smile").style.display = (dis == '' || dis=='block') ? "none" : "block";
 }
}
} Smile_rps()
</script>

- главное ты не испортишь жизнь никому(вдруг такая жа переменная по таймеру у кого то

0

509

Deff написал(а):

главное ты не испортишь жизнь никому

Так я итак её никому не испорчу. Тем более, что проблема пока у тебя только наблюдается.

0

510

rps написал(а):

Так я итак её никому не испорчу. Тем более, что проблема пока у тебя только наблюдается.

Запусти без твоего скрипта и перед твоим

<script type="text/javascript">
var s;i=0;
function create() {
i++;if(i==120){alert(i)}
setTimeout("create()",120)
}
create();
</script>

Отредактировано Deff (Пн, 23 Апр 2012 21:41:02)

0

511

Deff написал(а):

Запусти без твоего скрипта и перед твоим

Поставил, всё в норме. Могу скриншоты сделать, с и без. Везде 120.

Отредактировано rps (Пн, 23 Апр 2012 21:43:15)

0

512

rps написал(а):

Поставил, всё в норме. Могу скриншоты сделать, с и без. Везде 120.

Ну - и отлично ( у мну вроде тож норма - может кешь почистил

0

513

Deff
Отдаём пользователю?

0

514

rps
Отдавай 9 Ток мну всё равно не понимает - зачем перекрывать форму ответа- удобнее смайлы открыл - и висят влоть до отправки поста

=> http://uploads.ru/t/d/o/A/doAmx.png
а так всё одно закрывать нун - посколь мешает, передвинуть не сразу сообразит новый пользователь

0

515

Deff
Ну так просил пользователь.

ХТМЛ-верх:

Код:
<style type="text/css">
#smile {
  border-bottom: none;
  box-shadow: 2px 2px 30px #000;
  -webkit-box-shadow: 2px 2px 30px #000;
  -khtml-box-shadow: 2px 2px 30px #000;
  -moz-box-shadow: 2px 2px 30px #000;
  width: 400px;
}

#smile .container {
  padding: 0 !important;
}

#h2 {
  border-style: none none solid none !important;
  border-color: inherit !important;
  cursor: move;
}

#smile-box {
  padding: 0.5em 1em;
  overflow-y: scroll;
  height: 350px;
}

#close {
  text-decoration: none;
  color: inherit;
  float: right;
  cursor: pointer;
  background-color: transparent;
}

#close:hover {
  font-weight: bold;
  background-color: transparent;
}
</style>

ХТМЛ-низ:

Код:
<script type="text/javascript">
var s = document.getElementById("button-smile"); var i = 0;
function init() {
 var script;
 script = document.createElement("script");
 script.src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js";
 script.id = "jquery_ui";
 document.getElementsByTagName("head")[0].appendChild(script);
 document.getElementById("jquery_ui").onload = function() {
  $('#smile').draggable( {    
   cursor: 'move',    
   handle: '#h2', 
   opacity: '0.75'
  } );
 }
}

function create() {
 var div = document.createElement("div");
 div.id = "smile";
 div.className = "section";
 div.setAttribute("style", "position: absolute; z-index: 1000; right: 10px; margin-top: -280px; display: none;");
 div.innerHTML = "<div class='container'><h2 id='h2'><span>Смайлы</span><a id=\"close\" onclick=\"this.parentNode.parentNode.parentNode.style.display=\'none\'\">X</a></h2><p id='smile-box'></p></div>";
 document.getElementById("post").getElementsByTagName("div")[0].appendChild(div);
    var smileItem = new Array();
   smileItem.push("http://www.kolobok.us/smiles/standart/mosking.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/grin.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smoke.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/boast.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dirol.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pleasantry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/snooks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/no2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/secret.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/aggressive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/not_i.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/acute.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/fool.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/i-m_so_happy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/party.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/beee.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yu.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/friends.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dntknw.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/punish.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smile3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/bad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/wink3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sorry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/kiss.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/good.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yahoo.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/nea.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/rofl.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/derisive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/lazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/thank_you.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance4.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/drinks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/clapping.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pardon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/don-t_mention.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/victory.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/scare2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes2.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/butcher.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/queen.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/suicide_fool-edit.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/man_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_crazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_wacko.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/dash2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/wacko2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_hospital.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/mail1.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/curtsey.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_witch.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_heart.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/hysteric.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_hide.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/parting.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_sigh.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/feminist.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_rose.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/first_move.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_haha.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_impossible.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/spruce_up.gif");
   smileItem.push("http://www.kolobok.us/smiles/light_skin/give_heart2.gif");
   smileItem.push("http://www.kolobok.us/smiles/other/spam.gif");
   smileItem.push("http://www.kolobok.us/smiles/big_madhouse/wacko3.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_hug.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_05.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_04.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/moinmoin_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/Rulezzz_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_06.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_thinking.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_goody.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_59.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_91B.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/connie/connie_24.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/unknown_singer.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_03.gif");
  for (i in smileItem) {
   var sm = document.getElementById("smile");
   sm.getElementsByTagName("p")[0].innerHTML += "<img src=\"" + smileItem[i] + "\" alt=\"MyBB smile\" onclick=\"insert(\'[img]" + smileItem[i] + "[/img]\')\" style=\"padding: 2px; cursor: pointer;\" />";
  }
}

if (s) { 
 create(); 
 init();
 s.getElementsByTagName("img")[0].onclick = function() {
  var dis = document.getElementById("smile").style.display;
  document.getElementById("smile").style.display = (dis == '' || dis == 'block') ? "none" : "block";
 }
}
</script>

Смайлы можно вписать свои. Оформление можно прописать какое угодно.

Отредактировано rps (Пн, 23 Апр 2012 22:02:22)

+2

516

rps написал(а):

2. Мне не нравится асинхронная подгрузка смайлов. мУ меня постоянно грузится секунд по 10.

Хм - странно - обычно все сидит в кеше(у меня загрузка только при первом входе на фор и клику на смайлы - далее мон открывать - закрывать браузер  (конечно если нет в системе авточистильщиков кеша и достаточно частых - т.е чаще чем одни сутки

Отредактировано Deff (Пн, 23 Апр 2012 23:07:25)

0

517

rps

rps написал(а):

Deff
Ну так просил пользователь.

ХТМЛ-верх:
Код:

<style type="text/css">
#smile {
  border-bottom: none;
  box-shadow: 2px 2px 30px #000;
  -webkit-box-shadow: 2px 2px 30px #000;
  -khtml-box-shadow: 2px 2px 30px #000;
  -moz-box-shadow: 2px 2px 30px #000;
  width: 400px;
}

#smile .container {
  padding: 0 !important;
}

#h2 {
  border-style: none none solid none !important;
  border-color: inherit !important;
  cursor: move;
}

#smile-box {
  padding: 0.5em 1em;
  overflow-y: scroll;
  height: 350px;
}

#close {
  text-decoration: none;
  color: inherit;
  float: right;
  cursor: pointer;
  background-color: transparent;
}

#close:hover {
  font-weight: bold;
  background-color: transparent;
}
</style>

ХТМЛ-низ:
Код:

<script type="text/javascript">
var s = document.getElementById("button-smile"); var i = 0;
function init() {
var script;
script = document.createElement("script");
script.src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js";
script.id = "jquery_ui";
document.getElementsByTagName("head")[0].appendChild(script);
document.getElementById("jquery_ui").onload = function() {
  $('#smile').draggable( {   
   cursor: 'move',   
   handle: '#h2',
   opacity: '0.75'
  } );
}
}

function create() {
var div = document.createElement("div");
div.id = "smile";
div.className = "section";
div.setAttribute("style", "position: absolute; z-index: 1000; right: 10px; margin-top: -280px; display: none;");
div.innerHTML = "<div class='container'><h2 id='h2'><span>Смайлы</span><a id=\"close\" onclick=\"this.parentNode.parentNode.parentNode.style.display=\'none\'\">X</a></h2><p id='smile-box'></p></div>";
document.getElementById("post").getElementsByTagName("div")[0].appendChild(div);
    var smileItem = new Array();
   smileItem.push("http://www.kolobok.us/smiles/standart/mosking.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/grin.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smoke.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/boast.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dirol.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pleasantry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/snooks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/no2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/secret.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/aggressive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/not_i.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/acute.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/fool.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/i-m_so_happy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/party.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/beee.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yu.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/friends.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dntknw.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/punish.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/smile3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/bad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/wink3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sorry.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/kiss.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/good.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yahoo.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/nea.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/rofl.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/derisive.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/lazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/thank_you.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/dance4.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes3.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/drinks.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/clapping.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/blush2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/pardon.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/swoon2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/sad.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/don-t_mention.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/victory.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/scare2.gif");
   smileItem.push("http://www.kolobok.us/smiles/standart/yes2.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/butcher.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/queen.gif");
   smileItem.push("http://www.kolobok.us/smiles/rpg/king2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/suicide_fool-edit.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/man_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_crazy.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_wacko.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/dash2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/wacko2.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/girl_hospital.gif");
   smileItem.push("http://www.kolobok.us/smiles/madhouse/mail1.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/curtsey.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_blum2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_witch.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_heart.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/hysteric.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_hide.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/parting.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_dance.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_sigh.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/feminist.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/give_rose.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/first_move.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_in_love.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_haha.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_cray2.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/girl_impossible.gif");
   smileItem.push("http://www.kolobok.us/smiles/he_and_she/spruce_up.gif");
   smileItem.push("http://www.kolobok.us/smiles/light_skin/give_heart2.gif");
   smileItem.push("http://www.kolobok.us/smiles/other/spam.gif");
   smileItem.push("http://www.kolobok.us/smiles/big_madhouse/wacko3.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_hug.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_05.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_04.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/moinmoin_01.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/Rulezzz_07.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/KidRock_06.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_thinking.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_goody.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/just_cuz/JC_ThankYou.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_59.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/laie/Laie_91B.gif");
   smileItem.push("http://www.kolobok.us/smiles/artists/connie/connie_24.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_02.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/unknown_singer.gif");
   smileItem.push("http://www.kolobok.us/smiles/user/FinouCat_03.gif");
  for (i in smileItem) {
   var sm = document.getElementById("smile");
   sm.getElementsByTagName("p")[0].innerHTML += "<img src=\"" + smileItem[i] + "\" alt=\"MyBB smile\" onclick=\"insert(\'--\')\" style=\"padding: 2px; cursor: pointer;\" />";
  }
}

if (s) {
create();
init();
s.getElementsByTagName("img")[0].onclick = function() {
  var dis = document.getElementById("smile").style.display;
  document.getElementById("smile").style.display = (dis == '' || dis == 'block') ? "none" : "block";
}
}
</script>

Смайлы можно вписать свои. Оформление можно прописать какое угодно.

Отредактировано rps (Вчера 21:02:22)

На подобии такого.
При нажатии открывается в отдельном окне.
Нажал.
http://uploads.ru/i/a/e/m/aemwq.png
Открылось
http://uploads.ru/i/V/W/M/VWMcD.png
Именно не просто окно а отдельная ссылка которую можно свернуть по желанию.

Отредактировано Naruto_Sennin (Вт, 24 Апр 2012 16:53:30)

0

518

Naruto_Sennin
Ткните по ссылке в данном открывающемся окне (В окне на Вашем скриншоте, - Возможно это проще, чем кажецо)

(Или разверните во весь экран и сделайте скриншот

Отредактировано Deff (Вт, 24 Апр 2012 17:28:38)

0

519

Все видно же.

0

520

------

0


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