Все вопросы и просьбы по дополнительным смайликам
Сообщений 501 страница 520 из 664
Поделиться502Пн, 23 Апр 2012 20:43:32
Смысл? Хочешь сократить размер скрипта?
Пугают людей длинные скрипты - птом этоже на кажной странице довесок(Вон я приучаю прятать в файлы(медленно кнешно
Поделиться503Пн, 23 Апр 2012 20:49:02
Deff
Кого пугает - пусть вообще сюда не приходит и не пугается. А то потом начнут пробовать вставить свои и хрен что получится.
Добавь автопозиционирование
var offset=$("td#button-smile").offset();var x=offset.left;var y=offset.top;alert('x='+x+' y='+y)
Там на css всё, и он должен появляться справа посередине, а не как у тебя. Переправил, посмотри.
Поделиться504Пн, 23 Апр 2012 21:00:02
ам на css всё, и он должен появляться справа посередине, а не как у тебя. Переправил, посмотри.
У всех на ccs ,будет немного различацо - а клик по кнопке и считывание её в абсолютных координат и позиционирование окна по этому клику - будет однозначно
Ксать У тьву конфликт версий jQuery - Опера жутко тормозит и её дебаг глючит - в качестве решения - изоляция-экранирование всех переменных одеванием всего скрипта в функцию и вызов функции после закрывающего тега
типо :
<script type="text/javascript">
function Smile_rps() {
Тут весь код
} Smile_rps()
<script>
Отредактировано Deff (Пн, 23 Апр 2012 21:00:29)
Поделиться505Пн, 23 Апр 2012 21:04:46
Ксать У тьву конфликт версий jQuery - Опера жутко тормозит и её дебаг глючит
Я во всех браузерах проверял, у меня работает нормально. Нужно ещё одного человека с Оперой... Кстати, какая у тебя версия?
У всех на ccs ,будет немного различацо
Ну так это не сильно принципиально, если он откроется на 20 пикселов правее. Тем более, у всех будет открытие на 10 пикселов от левого края, поскольку позиция в css абсолютная. Единственное, может на широкоформатных он немного правее кнопки будет. Но передвигаемый же.
Отредактировано rps (Вт, 24 Апр 2012 02:12:19)
Поделиться507Пн, 23 Апр 2012 21:11:03
У меня опера) Все работает отлично)
Поделиться508Пн, 23 Апр 2012 21:13:20
Я во всех браузерах проверял, у меня работает нормально. Нужно ещё одного челшовека с Оперой... Кстати, какая у тебя версия?
Тьву - о чём спор то
Код:<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>
- главное ты не испортишь жизнь никому(вдруг такая жа переменная по таймеру у кого то
Поделиться509Пн, 23 Апр 2012 21:17:36
главное ты не испортишь жизнь никому
Так я итак её никому не испорчу. Тем более, что проблема пока у тебя только наблюдается.
Поделиться510Пн, 23 Апр 2012 21:37:01
Так я итак её никому не испорчу. Тем более, что проблема пока у тебя только наблюдается.
Запусти без твоего скрипта и перед твоим
<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)
Поделиться511Пн, 23 Апр 2012 21:41:16
Запусти без твоего скрипта и перед твоим
Поставил, всё в норме. Могу скриншоты сделать, с и без. Везде 120.
Отредактировано rps (Пн, 23 Апр 2012 21:43:15)
Поделиться512Пн, 23 Апр 2012 21:46:27
Поставил, всё в норме. Могу скриншоты сделать, с и без. Везде 120.
Ну - и отлично ( у мну вроде тож норма - может кешь почистил
Поделиться513Пн, 23 Апр 2012 21:51:04
Deff
Отдаём пользователю?
Поделиться515Пн, 23 Апр 2012 21:59:35
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)
Поделиться516Пн, 23 Апр 2012 23:03:09
2. Мне не нравится асинхронная подгрузка смайлов. мУ меня постоянно грузится секунд по 10.
Хм - странно - обычно все сидит в кеше(у меня загрузка только при первом входе на фор и клику на смайлы - далее мон открывать - закрывать браузер (конечно если нет в системе авточистильщиков кеша и достаточно частых - т.е чаще чем одни сутки
Отредактировано Deff (Пн, 23 Апр 2012 23:07:25)
Поделиться517Вт, 24 Апр 2012 16:52:43
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)
Поделиться518Вт, 24 Апр 2012 17:27:09
Naruto_Sennin
Ткните по ссылке в данном открывающемся окне (В окне на Вашем скриншоте, - Возможно это проще, чем кажецо)
(Или разверните во весь экран и сделайте скриншот
Отредактировано Deff (Вт, 24 Апр 2012 17:28:38)
Поделиться519Вт, 24 Апр 2012 19:34:46
Все видно же.
Поделиться520Пт, 8 Июн 2012 19:41:49
------