Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Создание своих Ajax окон (DLE 9.2).
Скачать бесплатно Создание своих Ajax окон (DLE 9.2).
Создание Своих Ajax окон для DLE 9.2 очень простое занятие.
Я расскажу как сделать ajax окно по дизайну как ajax меню пользователя.
Для начала что обозначают сами переменные которые нужно изменить под свои.
buttonajax - вызов ajax окна
windowajax - название самого ajax окна
Вот собственно, что нужно сделать:
1. открываем libs.js (находится в \templates\ВАША_ТЕМА\js)
Находим :
ниже вставляем:
и изменяем переменные на свои.
2. Открываем login.tpl (Находится в папке с вашим шаблоном)
Находим:
И ниже вставляем:
И изменяем переменную windowajax на свое значение которое вы выбрали в libs.js
Кнопка для вызова окна выглядит так:
И изменяем переменную buttonajax на свое значение которое вы выбрали в libs.js
Располагайте кнопку для вызова лучше в login.tpl для 100% работы
Я расскажу как сделать ajax окно по дизайну как ajax меню пользователя.
Для начала что обозначают сами переменные которые нужно изменить под свои.
buttonajax - вызов ajax окна
windowajax - название самого ajax окна
Вот собственно, что нужно сделать:
1. открываем libs.js (находится в \templates\ВАША_ТЕМА\js)
Находим :
$(function() {
$( "#logindialog" ).dialog({
autoOpen: false,
show: 'fade',
hide: 'fade',
width: 300
});
$('#loginlink').click(function(){
$('#logindialog').dialog('open');
return false;
});
});
ниже вставляем:
$(function() {
$( "#windowajax" ).dialog({
autoOpen: false,
show: 'fade',
hide: 'fade',
width: 300
});
$('#buttonajax').click(function(){
$('#windowajax').dialog('open');
return false;
});
});
и изменяем переменные на свои.
2. Открываем login.tpl (Находится в папке с вашим шаблоном)
Находим:
<div style="display: none;" id="logindialog" title="{login}">
<div class="userinfo">
<div class="lcol">
<div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="{foto}" alt="{login}" /></a></div>
</div>
<div class="rcol">
<ul class="reset">
[admin-link]<li><a href="{admin-link}" target="_blank"><b>Админпанель</b></a></li>[/admin-link]
<li><a href="{addnews-link}"><b>Добавить новость</b></a></li>
<li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li>
<li><a href="{profile-link}">Мой профиль</a></li>
<li><a href="{favorites-link}">Мои закладки</a></li>
<li><a href="{stats-link}">Статистика</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
И ниже вставляем:
<div style="display: none;" id="windowajax" title="Support - Техническая Поддержка">
<div class="userinfo">
<div class="lcol">
<div style="margin: 0" class="avatar"><a href="{profile-link}"><img src="http://sadzi2.ru/templates/Pisces/images/support/support.png" alt="{login}" /></a></div>
</div>
<div class="rcol">
<ul class="reset">
<li>ICQ: <b>367405244</b></li>
<li><a href="{pm-link}">Сообщения: ({new-pm} | {all-pm})</a></li>
<li><a href="{profile-link}">Мой профиль</a></li>
<li><a href="{favorites-link}">Мои закладки</a></li>
<li><a href="{stats-link}">Статистика</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
И изменяем переменную windowajax на свое значение которое вы выбрали в libs.js
Кнопка для вызова окна выглядит так:
<li class="lvsep"><a id="buttonajax " href="#">Вызов Ajax окна</a></li>
И изменяем переменную buttonajax на свое значение которое вы выбрали в libs.js
Располагайте кнопку для вызова лучше в login.tpl для 100% работы