ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

Увидомления сооющения

 

241
Шмельной @Шмель
Знаю достал уже с вопросами
Но есть вот такой вопрос, можно ли сделать увидомление смс в чате таким образом что бы она в какомнибуть углу выходила в окошечке см. скрин (не обращайте внимание на их содержимое, это пример) Даж не знаю, разделяется на 2 темы если напишу, но все же, если что могу купить такую функцию, тогда пишите в личку

Отредактировано Шмель - 18.02.2012
1007
BETEPAH @BETEPAH
Можно. У меня похоже реализована возможность модератора указать на правило кому-либо, только гораздо сложнее функция (********** - покликайте по ссылкам)
Ставите в селектор опцию, вызывающую функцию showalertdiv(автор, текст)... В общем, ответ на вопрос - да, это возможно.

80
Alex123456 @Alex123456
А теоретически возможно сделать так, чтобы окно (в песочнице это "серый") всплывало именно в определенном месте экрана, а не в том DIV, где расположен вызов функции?

1007
BETEPAH @BETEPAH
Alex123456 пишет:

А теоретически возможно сделать так, чтобы окно (в песочнице это "серый") всплывало именно в определенном месте экрана, а не в том DIV, где расположен вызов функции?

А окно и всплывает не в том DIV, где расположен вызов. Оно появляется там, где расположен <div id="alert" class="dialog"></div>. Располагайте его где надо и в css поправляйте дизайн окна.

80
Alex123456 @Alex123456
Так, попробовал я. На Опере последней всё работает хорошо (по крайней мере, с выводом стандартных (из песочницы) окошек проблем нет).
А вот на Firefox 10.0.2 беда..


На скрине показано, как отображается в FFX.
а после нажатия на крестик мутно-зеленый фон просто исчезает. (при нажатии "Скрыть" остается только крестик).
Честно говоря, я даже и не знаю, как тут исправить. В песочнице всё отображается отлично, в реальных условиях - ужас.

P.S. Ссылки-выводы расположены в одном DIV, а скрипт и DIV вывода - в другом.

Отредактировано Alex123456 - 19.02.2012
1007
BETEPAH @BETEPAH
Alex123456 пишет:

Так, попробовал я. На Опере последней всё работает хорошо (по крайней мере, с выводом стандартных (из песочницы) окошек проблем нет).
А вот на Firefox 10.0.2 беда..


На скрине показано, как отображается в FFX.
а после нажатия на крестик мутно-зеленый фон просто исчезает. (при нажатии "Скрыть" остается только крестик).
Честно говоря, я даже и не знаю, как тут исправить. В песочнице всё отображается отлично, в реальных условиях - ужас.

P.S. Ссылки-выводы расположены в одном DIV, а скрипт и DIV вывода - в другом.

Повторю, для данного скрипта не имеет значения в одном ли блоке находится окно и кнопки или в разных, так как оно имеет свойства:
position: fixed; - фиксированная позиция, не зависит от скроллинга
z-index: 10; - находится поверх других блоков (если у вас, конечно, нет блоков с индексом больше 10)
width: 350px; - ширина окна (высота будет подгоняться в зависимости от количества текста)
top: 100px; - положение окна сверху
left: 150px; - положение окна слева
Возможно, Вы нарушили структуру разметки при переносе.

80
Alex123456 @Alex123456
Хм, ну, если не имеет значения, то буду дальше ковырять код в поисках косяков своих.

1007
BETEPAH @BETEPAH
Alex123456 пишет:

Хм, ну, если не имеет значения, то буду дальше ковырять код в поисках косяков своих.

Для кода кнопки закрытия важна структура блока. Если она была перекроена, надо править и код кнопки.
onclick="this.parentNode.parentNode.className=&quot;dialog&quot;; return false"
parentNode - это обращение к родительскому элементу. Т.е. кнопка закрывает "блок, в котором находится блок, в котором находится кнопка закрытия"
Я это делал для универсальности, так как эта кнопка применяется у меня не только в этом скрипте.
Можно просто самому внешнему блоку присвоить id="vsplyvayuschee_okno" и код сделать - onclick="document.getElementById(&quot;vsplyvayuschee_okno&quot;).className=&quot;dialog&quot;; return false"
В общем, вариантов уйма. Я лишь хотел показать, что это возможно.

80
Alex123456 @Alex123456
Ох..всё равно не работает 🙁

В style.css всё скопировал, в "чат внутри" две ссылки сделал (на "синий" и "Скрыть").
Присвоил где "синий" id="popup" и в скрипте, который запихнул одновременно туда, где располагаются кнопки Синий и Скрыть, а также в DIV, где должен всплывать сам блок, дописал закрытие по ID.

никак. Хоть убейте. То Opera, то Firefox попеременно "сбивают" стили. Нажатие крестика во всплывающем окне УДАЛЯЕТ (!!!) ссылку на "скрыть" о_О

Так, в "Чат внутри" после одного скрипта <script>...</script> добавил этот (я не стал запихивать его в первый скрипт, скинул отдельно второй конструкцией)
Эта информация скрыта и доступна только зарегистрированным пользователям.


в нижний DIV (где есть окно ввода сообщения) добавил это:
Эта информация скрыта и доступна только зарегистрированным пользователям.

и тоже вставил скрипт (который выше).

В DIV с никлистом вставил это:
<div id="alert" class="dialog"></div>

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

1007
BETEPAH @BETEPAH
Alex123456 пишет:

кстати, в "синий" у меня появляется только одна кнопка "Да", а что тогда делает конструкция "нет" в коде?

Это небольшой фреймворк для диалогового окна получился.
"Кнопочную часть" окна собирает код:
var buttset = '';
if(b1!='' && b1act!='') buttset += '<button type="button" class="dialog-button" onclick="'+b1act+'"><span class="button-text">'+b1+'</span></button>';
if(b2!='' && b2act!='') buttset += '<button type="button" class="dialog-button" onclick="'+b2act+'"><span class="button-text">'+b2+'</span></button>';

данные для него передаются здесь
<a href="#" id="popup" onclick="showalertdiv('blue','Внимание','Тест2','Нет','','ДА','alert(2)'); return false">синий</a>

первая из выделенных кавычке передает функции название первой кнопки, вторая - действие, которое нужно делать при нажатии первой кнопки (у вас кавычка пустая, потому кнопка не выводится), третья - название второй кнопки, четвертая - действие второй кнопки.
Почему не работает, сложно предполагать, не видя чат. Нужно смотреть в комплекте с остальной вёрсткой.

P.S. к Модераторам: прошу переименовать эту ветку в "Сообщение-уведомление", а то ну это же прям невозможно без слез видеть.

Отредактировано BETEPAH - 25.02.2012
80
Alex123456 @Alex123456
Ещё вопрос: как в этих окнах выкладывать картинки, например, смайлы?
Если в конструкцию ' ... ' вставлять стандартный HTML-код - ссылка вообще не работает.
Если делать так: ' <img src =&ldquo;http://imgs.su/bigsmile3/smile.gif&rdquo; /> '
То окно открывается, но картинки нет.

1007
BETEPAH @BETEPAH
Alex123456 пишет:

Ещё вопрос: как в этих окнах выкладывать картинки, например, смайлы?
Если в конструкцию ' ... ' вставлять стандартный HTML-код - ссылка вообще не работает.
Если делать так: ' <img src =&ldquo;http://imgs.su/bigsmile3/smile.gif&rdquo; /> '
То окно открывается, но картинки нет.

Лишний пробел между "src" и "=".
' <img src=http://imgs.su/bigsmile3/smile.gif /> '

241
Шмельной @Шмель
ну вы че, я в этой песочнице вашей как червяк в пустыне, че и куда

80
Alex123456 @Alex123456
А как мне обойтись с кавычками в этом случае?
<img src=http://imgs.su/bigsmile3/smile.gif onclick="parent.sendto(' *smile ');return false;" alt="" /> ','','','',''); return false">

Сделал так:
' <img src=http://imgs.su/bigsmile3/smile.gif onclick=&ldquo; parent.sendto(&lsquo; *smile &rsquo;);return false;&rdquo; alt=&ldquo; &rdquo; /> '

Но функциональность пропала, т.е. смайл не вставляется как код *smile в строку ввода.

Отредактировано Alex123456 - 04.03.2012
1007
BETEPAH @BETEPAH
Alex123456 пишет:

А как мне обойтись с кавычками в этом случае?
<img src=http://imgs.su/bigsmile3/smile.gif onclick="parent.sendto(' *smile ');return false;" alt="" /> ','','','',''); return false">

Сделал так:
' <img src=http://imgs.su/bigsmile3/smile.gif onclick=&ldquo; parent.sendto(&lsquo; *smile &rsquo;);return false;&rdquo; alt=&ldquo; &rdquo; /> '

Но функциональность пропала, т.е. смайл не вставляется как код *smile в строку ввода.

' <img src="http://imgs.su/bigsmile3/smile.gif" onclick="parent.sendto(\' *smile \');return false;" alt="" /> '
Но вообще, мне кажется, что вы пытаетесь окно использовать не по назначению. Если нужно окно со смайлами, проще создать div и показывать/скрывать его по какому-либо событию.

80
Alex123456 @Alex123456
Я пока лишь проверяю его функциональность :]