Скрипт всплывающего меню со смайликами никто не подскажет, вот код, но не очень?

@Schtrich · Регистрация: 13.08.2010

Студворк — интернет-сервис помощи студентам

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<textarea id="text"></textarea>
<div style="width:200px; height:200px; position:relative; border:1px solid red">
<button style="width:16px; height:16px; border:0; background: url([url]http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif[/url]) no-repeat" onclick="_showPopup()">&nbsp;</button>
<div id="smilesPanel" style="width:160px; height:160px; position:absolute; display:none; left:0; top:0; border:1px solid black">
<button style="width:16px; height:16px;border:0; background: url([url]http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif[/url]) no-repeat" onclick="insertSmile(':)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url([url]http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif[/url]) no-repeat" onclick="insertSmile('8)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url([url]http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif[/url]) no-repeat" onclick="insertSmile(':(')">&nbsp;</button>
</div>
</div>
 
<script type="text/javascript">
function _showPopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = '';
 setTimeout(function() {document.body.onclick = _hidePopup;}, 0);
}
function _hidePopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = 'none';
 document.body.onclick = null;
}
function insertSmile(txt) {
 _hidePopup();
 var text = document.getElementById('text');
 text.value = text.value + txt; // на самом деле, есть более человечные методы
}
</script>

вроде и нормальное по-сути, но хотелось бы чтобы оно вверх открывалось!?

@Proffessional · 09.12.2010, 21:38

Расположите контейнер со смайлами так, как хотите его видеть выдвинутым, а потом

JavaScript
1
2
3
function showSmiles(){
$("#smilesContainer").slideUp()
}

это для jQuery

@Schtrich · 09.12.2010, 21:48 **[ТС]**

Сообщение от Proffessional

Расположите контейнер со смайлами так, как хотите его видеть выдвинутым, а потом

JavaScript
1
2
3
function showSmiles(){
$("#smilesContainer").slideUp()
}

это для jQuery

а для этого кода что я привел как сделать?

@Proffessional · 09.12.2010, 22:35

Сообщение от AlienNation

smilesPanel.style.display = ''

display: block должен быть. Вообще, немного необычно смотрится, но, коли та, то просто нужно расположить smolesPanel так, чтобы она выглядывала наверх. Так сложно сказать, не видно результата.

@Schtrich · 09.12.2010, 22:39 **[ТС]**

Сообщение от Proffessional

display: block должен быть. Вообще, немного необычно смотрится, но, коли та, то просто нужно расположить smolesPanel так, чтобы она выглядывала наверх. Так сложно сказать, не видно результата.

так скопируй код, ниче страшного, все должно работать, кстати с предыдущей моей темой по Клику там можешь не парится, я лучше вылезающее окно со смайликами сделаю, и если решился уже мне помочь давай я покажу визуально(через TeamViewer) что у меня не поучается, может поможешь или идеи какие-нть будут, если есть возможность я скажу контакт ICQ, SKYPE, Agent.

@Proffessional · 10.12.2010, 11:55

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
 
<body>
<textarea id="text"></textarea>
<div style="width:200px; height:200px; position:relative; border:1px solid red">
<button style="width:16px; height:16px; border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="_showPopup()">&nbsp;</button>
<div id="smilesPanel" style="width:160px; height:160px; position:absolute; display:none; left:0; top:0; border:1px solid black">
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile(':)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile('8)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile(':(')">&nbsp;</button>
</div>
</div>
 
<script type="text/javascript">
function _showPopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = 'block';
 setTimeout(function() {document.body.onclick = _hidePopup;}, 0);
}
function _hidePopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = 'none';
 document.body.onclick = null;
}
function insertSmile(txt) {
 _hidePopup();
 var text = document.getElementById('text');
 text.value = text.value + txt; // на самом деле, есть более человечные методы
}
</script>
</body>
</html>

Работает

@Schtrich · 10.12.2010, 14:47 **[ТС]**

Сообщение от Proffessional

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>
 
<body>
<textarea id="text"></textarea>
<div style="width:200px; height:200px; position:relative; border:1px solid red">
<button style="width:16px; height:16px; border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="_showPopup()">&nbsp;</button>
<div id="smilesPanel" style="width:160px; height:160px; position:absolute; display:none; left:0; top:0; border:1px solid black">
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile(':)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile('8)')">&nbsp;</button>
<button style="width:16px; height:16px;border:0; background: url("http://otvety.google.ru/otvety/images/v1264494574/topic_closed_resolved.gif") no-repeat" onclick="insertSmile(':(')">&nbsp;</button>
</div>
</div>
 
<script type="text/javascript">
function _showPopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = 'block';
 setTimeout(function() {document.body.onclick = _hidePopup;}, 0);
}
function _hidePopup() {
 var smilesPanel = document.getElementById('smilesPanel');
 smilesPanel.style.display = 'none';
 document.body.onclick = null;
}
function insertSmile(txt) {
 _hidePopup();
 var text = document.getElementById('text');
 text.value = text.value + txt; // на самом деле, есть более человечные методы
}
</script>
</body>
</html>

Работает

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

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ