Как сделать вывод нескольких модальных окон

вопрос

Привет. нашел такой хак вывод модальных окон, всё работает хорошо, только не могу сделать вывод сразу нескольких окон. Например: правила сайта, правообладателям, регастрация. Когда делаю несколько модальных, то выводится постоянно только правила сайта.

вставлю скрипт для ПРАВИЛ САЙТА

между тэгам BODY вставляем код:

<script type="text/javascript">
function showOkno() {
$(function(){

    $('#rules').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
                buttons: {
            "Закрыть окно" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}
</script>

Содержимое мадального окна

<div id="rules" title="ТИТЛ ОКНА" style="display:none; " >
СОДЕРЖИМОЕ
</div>

Кнопка для вызова

<a class="rules" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>

вставлю скрипт для ПРАВООБЛАДАТЕЛЕЙ

между тэгам BODY вставляем код:

<script type="text/javascript">
function showOkno() {
$(function(){

    $('#copyright').dialog({
        autoOpen: true,
        show: 'fade',
        hide: 'fade',
        width: 550,
                buttons: {
            "Закрыть окно" : function() {
                $(this).dialog("close");
            }
               }
    });
});
}
</script>

Содержимое мадального окна

<div id="copyright" title="ТИТЛ ОКНА" style="display:none; " >
СОДЕРЖИМОЕ
</div>

Кнопка для вызова

<a class="copyright" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>

Вот ссылка на ХАК
_http://ps-avatar.ru/kategorii/dle/xaki/743-vyvod-madalnogo-okna-dlya-dle-90.html (не реклама)

Если что напишите мне в асю 249893, еще подроднее покажу

Ответил: skitalec

function showOkno()

showOkno - это например для для ПРАВИЛ САЙТА
shawCopy - для ПРАВООБЛАДАТЕЛЕЙ

id должен быть у каждого окна свой!

<script> document.addEventListener('DOMContentLoaded', function() { const links = document.querySelectorAll('a#xfield_value'); links.forEach(link => { let href = link.getAttribute('href'); if (href) { href = href.replace(/ /g, '+'); link.setAttribute('href', href); } }); }); </script>

4 комментария

Юзер

193

249893 - - #7405

спасибо помогло

PHP-developer

1783

Sander - - #7406

А еще лучше так:

showOkno("rules");
showOkno("copyright");

Чтобы не дублировать однотипные функции.

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

181

Mr. Hyde - - #7408

DLEalert уже не модно?

Эксперт

1925

nowheremany - - #7429

2 окна не запустишь одновременно

Благодарность принимаю тут Связь

Технический сбой

Как сделать вывод нескольких модальных окон

Ответил: skitalec

4 комментария

Похожие вопросы

Вывод title под соответствующей картинкой

Как починить модальное окно

Не отображается модальное окно в IE 10

Картинка в javascript

Как прописать в ajax/freedback.php значение выбранное в календаре?

Убрать скрипт опроса

Как ограничить параметр стиля?

Сначала видео потом HTML. Как?

Как сделать кнопки слайдеру?

Как перевести табличную вёрстку в html5 ?