Модальные окна



Всем доброго времени суток. В процессе работы столкнулся с потребностью выводить свои модальные окна (на примере панели авторизации на сайте). С Jquery еще не дружу, к сожалению… Вобщем, кто подскажет, каким образом это происходит?)

5 комментариев

avatar
В LS используется JQuery плагин jqmodal (engine\lib\external\jquery\jquery.jqmodal.js)
Окна рисуются блоками пример window_login.tpl в templates\skin\new-jquery.
Инициализация всех jqm окон происходит в main.js templates\skin\new-jquery\js
jQuery(document).ready(function($){
	// Всплывающие окна
	$('#login_form').jqm({trigger: '#login_form_show'});
	$('#blog_delete_form').jqm({trigger: '#blog_delete_show'});
	$('#add_friend_form').jqm({trigger: '#add_friend_show'});
	$('#form_upload_img').jqm();
	$('#userfield_form').jqm();
...
, где триггер — это ID запускающего элемента, например header_top.tpl:
<div class="auth">
	<a href="{router page='login'}" id="login_form_show" class="login-link">{$aLang.user_login_submit}</a> {$aLang.or} 
	<a href="{router page='registration'}">{$aLang.registration_submit}</a>
</div>

Всего просто: рисуем окно, инициализируем с qjmodal c триггером или без, если окно в скрипте будет вызываться
avatar
Чтоже я делаю не так — не получается. Например в header.tpl подключу новый файл шаблона, например window.tpl, где главный div имеет, допустим, id=window_1. Потом в main.js добавил инициализацию
$('#window_1').jqm({trigger: '#window_1_show'});
И потом для теста в любое место ставлю ссылку
<a href="#" id="window_1_show">TEXT</a>

При клике по ссылке просто ничего не происходит.
avatar
я тоже ненавижу эту идею, как они меня бесят
avatar
Я что-то пропустил?
avatar
всем доброе утро)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.