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

Уважаемым гуру!

 

74
Станислав @sta241
Всем привет,вот озадачен немного,суть такова
В чате есть модальное окно с нужным мне контентом к примеру кто сейчас на радио или какая песня играет
Условие такое,нужно сделать так чтоб модальное окно открывалось не по кнопке <a href="#openModal">Открыть модальное окно</a>
а по команде модератора или адмнистратора чтото на подобие фильтрации или тега,чтоб после отправки команды это окно либо спойлер итд открывалось у всех юзеров
СПАСИБО!

2615
Сергей @Pegass
включаю режим телепатии и чтение кода модального окна по радужке глаза... Не закрывайте окно браузера до завершения загрузки...

74
Станислав @sta241
ДУБЛЬ 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
мои телепатические каналы подсказывают что в представленном коде не хватает JS, который вешает обработчики, а линиии Вашей руки говорят мне что вы его позаимствовали на просторах сети....сейчас ваши чакры очистятся и вы извлечёте из вашей памяти ссылку на это скрипт, возможно там будет и описание

2970
удалён @Foggy
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
Foggy +++++++++++++