€
$
₴
₽
EN
RU
Vmeste.EU
Лента
Каталог
Файлы
Форумы
Услуги
Основное
Radiotalk
Пользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90 •
Посмотреть все темы
Уважаемым гуру!
1
74
Станислав
@sta241
14.12.2015
Всем привет,вот озадачен немного,суть такова
В чате есть модальное окно с нужным мне контентом к примеру кто сейчас на радио или какая песня играет
Условие такое,нужно сделать так чтоб модальное окно открывалось не по кнопке <a href="#openModal">Открыть модальное окно</a>
а по команде модератора или адмнистратора чтото на подобие фильтрации или тега,чтоб после отправки команды это окно либо спойлер итд открывалось у всех юзеров
СПАСИБО!
2615
Сергей
@Pegass
14.12.2015
включаю режим телепатии и чтение кода модального окна по радужке глаза... Не закрывайте окно браузера до завершения загрузки...
74
Станислав
@sta241
14.12.2015
ДУБЛЬ 2
Всем привет,вот озадачен немного,суть такова
В чате есть модальное окно с нужным мне контентом к примеру кто сейчас на радио или какая песня играет
Условие такое,нужно сделать так чтоб модальное окно открывалось не по кнопке <a href="#openModal">Открыть модальное окно</a>
а по команде модератора или адмнистратора чтото на подобие фильтрации или тега,чтоб после отправки команды это окно либо спойлер итд открывалось у всех юзеров
СПАСИБО!
Код модального окна
----------------------------------------------
<a href="#openModal">Открыть модальное окно</a>
<div id="openModal" class="modalDialog">
</div>
------------------------------------
<a href="#openModal">Открыть модальное окно</a>
<div id="openModal" class="modalDialog">
<div>
<a href="#close" title="Закрыть" class="close">X</a>
<h2>Модальное окно</h2>
<p>Пример простого модального окна, которое может быть создано с использованием CSS3.</p>
<p>Его можно использовать в широком диапазоне, начиная от вывода сообщений и заканчивая формой регистрации.</p>
</div>
</div>
----------------------------------------
Стиль
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}
2615
Сергей
@Pegass
14.12.2015
мои телепатические каналы подсказывают что в представленном коде не хватает JS, который вешает обработчики, а линиии Вашей руки говорят мне что вы его позаимствовали на просторах сети....сейчас ваши чакры очистятся и вы извлечёте из вашей памяти ссылку на это скрипт, возможно там будет и описание
2970
удалён
@Foggy
15.12.2015
sta241
, пегас верно про js подметил. должен быть скрипт, который показывает попап, делает ему display: block; я свой в качестве примера напишу.
после этого
/* Проверка пользовательских команд для простого сообщения */
if(cmd==0) {
и желательно (но не обязательно) после остальных команд ставим
if(
text.substr(0,6)
=="
/popup
" &&
admin == 1
) {
document.getElementById('openModal').style.display = 'block';
}
синим - команда, которую будут слать в чат,
зелёным - длина команды с начала сообщения
красным - кто может отправлять (сейчас модераторы)
коричневым - открытие попапа. там можно писать код, описанный в мануале, откуда был спизжено всё это про попап.
у попапа в стилях есть pointer-events: none;
я не очень понимаю, зачем оно там сейчас и будет ли он кликабельным. подозреваю, что нет.
и что это за попап такой, который на весь браузер открывается? говно, а не попап.
блин, не покидает ощущение, что что-то забыл... может не стоит писать советы в час ночи после понедельника?(
Отредактировано Foggy -
15.12.2015
74
Станислав
@sta241
15.12.2015
Foggy +++++++++++++