Быстрый и надёжный хостинг на SSD-дисках от 165р в месяц   •   Реклама
1 825 просм
10 комм
Поделиться:

Вызов стандартного модального окна в DLE

24 ноя
Хаки

Если вы уже давно знакомы с DataLife Engine, то знаете, что часть информации (а именно информационные уведомления) представляется пользователю в модальном окне. Вполне себе хорошее решение, которое позволяет значительно сэкономить время.

Помимо того, что стандартные уведомления в DataLife Engine представляются в модальном окне, вы сами можете вызвать это окно с необходимой вам информацией.

Код для вызова:

<a href="javascript: void(0);" onclick="DLEalert('Текст', 'Заголовок');">Модальное окно</a>

Вместо слов ссылкой может быть обернуто изображение или другой элемент на странице. Количество таких ссылок для вызова не ограничено, а дизайн тот, что стоит на остальных модальных окнах вашего сайта.

10
комментариев
Форма комментирования этой статьи скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
    • 0
    784
      •  Администратор
    21 дек в 21:18

    Александр Орлов, из простого.

    Ссылка на вызов:

    <a href="javascript: void(0);" onclick="show_modal_dle();">Показать окно</a>

    Скрипт:

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

    Контент:

    <div id="div_modal_dle" title="Название окна" style="display: none;">
    	
    	{calendar}
    	
    </div>
    • 0
    2
      •  Пользователь
    21 дек в 17:55

    Пример идеи отправлю в личку. Не хочу что бы лишние ссылки были на конкурентов) А тег {calendar}

    • 0
    2
      •  Пользователь
    21 дек в 17:54

    Подскажите как вставить в данное модальное окно тег

    • 1
    7
      •  Проверенный
    6 дек в 15:34

    Артём Мáлков, Спасибо большое помогло. :)

    • 0
    784
      •  Администратор
    6 дек в 00:33

    Сергей, скрипт нужно вставить перед </body>, а в HEAD:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    • 0
    7
      •  Проверенный
    5 дек в 21:07

    Артём Мáлков, Поставил, но увы нечего не выводит(

    • 0
    784
      •  Администратор
    5 дек в 00:16

    Сергей, так:

    <script>
    
    	$(document).ready(function() {
    
    		DLEalert('Текст', 'Заголовок');
    
    	}); 
    
    </script>
    • 0
    7
      •  Проверенный
    4 дек в 20:53

    Подскажите, а возможно сделать вызов модального окна автоматически при входе на сайт?

    • 0
    784
      •  Администратор
    5 ноя в 15:41

    Антон, покажите пример, как выглядит окно на Вашем сайте.

    • 1
    1
      •  Пользователь
    5 ноя в 09:30

    Подскажите, а как убрать кнопку "ok" в этом модальном окне ?

Подняться наверх
«Pandoge» - помощник вебмастера