Скромный вопрос по jquery dialog ui

auStern
На сайте с 30.03.2007
Offline
167
772

Нужно вывести диалоговое окно при клике на ссылку. Данные диалога находятся на самой странице, но до клика скрыты. Попробовал вникнуть здесь, но какая-то каша получается. Кто может помочь? Думаю не сильно сложно, отблагодарю "на пиво"! :dont:

LEOnidUKG
На сайте с 25.11.2006
Offline
1773
#1

Ну пример то давайте свой, можете в личку скинуть. Что там за каша у вас.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Comandante Fidel
На сайте с 08.06.2011
Offline
37
#2

Всё просто. HTML:

<div id="dialog_window" style="display:none;">

Контент диалога. Немного рыбы:<br />
Акцентуированная личность, несмотря
на внешние воздействия, аннигилирует
эскапизм, к тому же этот вопрос
касается чего-то слишком общего.
</div>

<a href="javascript:display_dialog();">Показать диалоговое окно</a>

JS:

<script type="text/javascript">


function display_dialog()
{
var element_id = 'dialog_window';
$('#'+element_id).dialog();
}

</script>

Вариант посложнее, с опциями:

<script type="text/javascript">


function display_dialog()
{
var element_id = 'dialog_window';
var dialog_title = 'Диалоговое окно';
$('#'+element_id).dialog({ buttons: [{ text: "ОК",
click: function() { $(this).dialog("close"); }
}], resizable: false, hide: 'fade', show: 'fade', title:dialog_title});
}

</script>

Работать обязано. Если вдруг нет - попробуйте заменить в JS-функции знак $ на jQuery. Проверьте, что подключенные библиотеки jQuery и jQuery UI доступны, также посмотрите, существует ли CSS-библиотека с темой оформления jQuery UI.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий