(c) Bonum
1 способ:
Код вставляется в HTML в форме ответа
<img onclick="insert_text(' [img]адрес_смайла[/img] ', '')" src="адрес_смайла" alt="Смайл" />
Будет отображаться смайл, по клику на который в текст сообщения будет вставлен необходимый BBCode
Техническая поддержка SpyBB |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка SpyBB » Архив » Дополнительные смайлики
(c) Bonum
1 способ:
Код вставляется в HTML в форме ответа
<img onclick="insert_text(' [img]адрес_смайла[/img] ', '')" src="адрес_смайла" alt="Смайл" />
Будет отображаться смайл, по клику на который в текст сообщения будет вставлен необходимый BBCode
2 способ:
Код вставляется в HTML в форме ответа
<img onclick="return changeVisibility('id_смайлов', this)" src="адресс_смайла" alt="описание_смайлов" /> <div class="container" id="id_смайлов" style="display:none; width:199px; position: absolute; z-index: 2"> <div id="smilies-block"> <img src="адрес_смайла" alt="описание_смайла" style="cursor: pointer" onclick="insert_text(' [img]адрес_смайла[/img] ', ''); return changeVisibility('id_смайлов', this)" /> </div> </div>
id_смайлов - название блока смайлов. Например: smiles-icq, smiles-area2, smiles.
описание_смайла - по желанию, вешь вообщем-то ненужная, ИМХО, так что можно смело удалять.
Добавлять смайлы просто копируя строчку:
<img src="адрес_смайла" alt="описание_смайла" style="cursor: pointer" onclick="insert_text(' -- ', ''); return changeVisibility('id_смайлов', this)" />
Адреса можно писать в формате: uploads/имя_форума/имя_файла , исключение - адрес между --, там адрес должен быть полным, начиная с http:// и т.д.
Используя этот способ можно создать несколько наборов смайлов, оформляя каждый набор отдельным блоком. Каждому блоку надо присваивать уникальные id.
3 способ (© karpoff):
Этот скрипт позволяет при нажатии на ссылку показать окошко с дополнительными смайлами.
При нажатии на доп. смайл его код дописывается в окно быстрого ответа.
Первая часть - её можно распологать где угодно - хоть в html-верхе, хоть в низе, хоть в объявлении.
<script language="JavaScript"> function popwnd() { var smiles = new Array //Добавлять смайлики здесь smiles.push("http://www.mysmiles.ru/super_smilies101.gif") smiles.push("http://www.mysmiles.ru/super_smilies097.gif") smiles.push("http://www.mysmiles.ru/super_smilies104.gif") smiles.push("http://www.mysmiles.ru/super_smilies088.gif") smiles.push("http://www.mysmiles.ru/super_smilies079.gif") smiles.push("http://www.mysmiles.ru/super_smilies070.gif") var msg = new String("") msg = "<html><head><TITLE>Дополнительные смайлики</TITLE></head>\r\n" msg += "<body bgcolor=#F5F5F5 >" msg = msg + "<" + "script language=\"JavaScript\">\r\n" msg += "function insert(a){\r\n" msg += "txt = \"[img]\"+a.src+\"[/img] \";\r\n" msg += "window.opener.insert_text(txt,'');\r\n" msg += "window.focus()\r\n" msg += "return false}\r\n" msg = msg + "</" + "script>\r\n" i=0 msg += "<div style=\"width: 100%; text-align : justify;\" >" while(smiles[i]) { msg = msg + "<img src=\"" + smiles[i] + "\" onclick=\"return insert(this)\">\r\n" i++ } msg += "</div><br><br><center><a href=\"\" onclick=\"window.close()\">Закрыть</a></center>" msg += "</BODY></html>"; popup = window.open("","popDialog","height=390,width=258") popup.document.write(msg) popup.document.close() return false } </script>
Добавлять смайлики нужно после "//Добавлять смайлики здесь". Просто скопируйте строчку smiles.push("...") и в кавычках пропишите URL смайла
Вторая часть кода - ссылка
<a id="addsmile" href="" onclick="return popwnd()">Дополнительные смайлики</a> <script language="JavaScript"> str=document.URL page=str.substring(str.lastIndexOf('/')+1) if(page.indexOf("viewtopic.php")==-1) document.getElementById("addsmile").style.display = "none"; </script>
Этот код распологайте там, где хотите расположить ссылку на доп. смайлики.
Только не забудьте скрипт, который идёт после ссылки. Благодаря ему ссылка отображается только при просмотре тем.
(с) Karpoff
Резонно поставить доп.смайлы рядом с основными. Тоесть в том же окошке. Вот скрипт:
<script> var smiles = new Array //Вставлять смайлики здесь smiles.push("АДРЕС_СМАЙЛА1") smiles.push("АДРЕС_СМАЙЛА2") smiles.push("***") for(i in smiles) document.getElementById("smilies-block").innerHTML+="<img src=\""+smiles[i]+"\" style=\"cursor: pointer\" onclick=\"insert_text('--'); return changeVisibility('smilies-area', this)\" />" </script>
в блоке выделенном красным вставляем смйлики
для этого в конце блока добавляем функцию smiles.push("") и в кавычках пишем адрес смайлика.
вставляем в html в форме ответа
работоспособность смотрим на http://karpoff.5bb.ru
я чето не поняла...я написала адрес смайла 1, адрес смайла 2. а что писать вместо***
у мя получилось - <script>
var smiles = new Array
//Вставлять смайлики здесь
smiles.push("http://s3.rimg.info/beaa699fcde2e3c4ca5c8f9b18456a5a.gif")
smiles.push("http://s3.rimg.info/5c8adf6cb0c5907d5ac3305e22646e77.gif
")
smiles.push("***")
for(i in smiles)
document.getElementById("smilies-block").innerHTML+="<img src=\""+smiles[i]+"\" style=\"cursor: pointer\" onclick=\"insert_text('--'); return changeVisibility('smilies-area', this)\" />"
</script>
У меня тож вопрос созрел, по способу 3
Ставим скрипты 1,2 называем ссылку "Дополнительные смайлики1"
Напихиваем туды смайликов кучу (скринт прилогается ниже)
чтоб мышку не крутить делаем другую ссылку называем "Дополнительные смайлики2"
Но нажав на неё нас кидает на стр. "Дополнительные смайлики1"
Теперь вопрос: Как исправить? так чтоб отдельная стр открывалась, тоесть было двэ стр. со смайликами.
Отредактировал подправив скринт.
Отредактировано Rus (30 Авг 2007 19:56:02)
У меня тоже вопрос по 3 варианту.Как поставить туда полосу прокрутки? У меня много смайлов и все не просматриваются без нее.
У меня просматреть можно прокручивая колёсико мышки, но эт не удобно, сделав другую строничку со смайликами можно разбить их на группы, так удобнее по моему)
Но ответа видема не знает никто
Rus
Попробуй разбить смайлы на группы и вставить несколько скриптов с разными группами...
Лисенок
Тот же ответ.
P.s сам не пробовал, если не получиться, сюда пишите.
Невыходит(
На скринте две группы но кидает на одну и туже страничку скрипт показать? мож там что не так?
Rus
Показывай скрипт.
Стёр.
Отредактировано Rus (11 Окт 2007 20:04:59)
Ну как же все таки сделать полосу прокрутки в смайликах? Может кто нибудь ответить?
Спасибо за ваш ответ......СДЕЛАЛА САМА!
Спасибо огромное, за эти скрипты, давно хотела установить любимые смайлы!!
Только у меня почему то они не видны в сообщениях, сами смайлы появляются в окне, а когда на них нажимаешь чтобы вставить в пост, вместо них выходит надпись --undefined
Подскажите пожалуйста, что я делаю не так? Вот скрипт который я вставляла в поле формы ответа
<script>
var smiles = new Array//Вставлять смайлики здесь
smiles.push("http://www.kolobok.us/smiles/madhouse/sarcastic.gif")
smiles.push("http://static.diary.ru/picture/1484.gif")
smiles.push("http://www.kolobok.us/smiles/artists/vishenka/l_santa.gif")
smiles.push("http://www.kolobok.us/smiles/artists/vishenka/l_daisy.gif")
smiles.push("http://www.kolobok.us/smiles/artists/connie/connie_witchy.gif")
smiles.push("http://www.kolobok.us/smiles/artists/connie/connie_caveman-1.gif")
smiles.push("http://www.kolobok.us/smiles/artists/snoozer/look.gif")
smiles.push("http://www.kolobok.us/smiles/artists/snoozer/disobedient.gif")
smiles.push("http://www.kolobok.us/smiles/user/Hyron_02.gif")
smiles.push("http://www.kolobok.us/smiles/he_and_she/girl_witch.gif")
smiles.push("http://www.kolobok.us/smiles/madhouse/dash2.gif")
smiles.push("http://www.kolobok.us/smiles/artists/viannen/viannen_20.gif")
for(i in smiles)
document.getElementById("smilies-block").innerHTML+="<img src=\""+smiles[i]+"\" style=\"cursor: pointer\" onclick=\"insert_text('--'); return changeVisibility('smilies-area', this)\" />"
</script>
Lily
А после отправки поста они появляются в графическом режиме в сообщении?
DART
После отправки поста в сообщении видно только одно слово --undefined
Но я уже разобралась с другим способом установления новых смайлов, так что все в порядке. Спасибо еще раз за скрипты)))
Хэм...Вопрос. У меня появилась надпись и ссылка ан смайлики,но я кликаю,и меня просто переносит ан главную страницу форума
Дополнительные смайлики на форум, нужны | Архив | 21 Окт 2008 |
Дополнительные смайлы | Корзина | 5 Апр 2009 |
Скрипт для смайликов | Архив | 23 Мар 2008 |
Смайлики | Архив | 14 Янв 2008 |
Смайлики вместо стандартных | Архив | 16 Фев 2008 |
Вы здесь » Техническая поддержка SpyBB » Архив » Дополнительные смайлики