prowebber.ru - Тут есть все для настоящих вебмастеров

Чтение RSS Мы в твиттере
«    Декабрь 2016    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Всё для вебмастера » Всё для DataLife Engine » DLE хаки » Создание своих Ajax окон (DLE 9.2)

Создание своих Ajax окон (DLE 9.2)


Данный материал предоставлен сайтом ProWebber.ru исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
У нас вы можете скачать бесплатно Создание своих Ajax окон (DLE 9.2).


Создание Своих Ajax окон для DLE 9.2 очень простое занятие.
Я расскажу как сделать 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% работы


+2
Просмотры: 8411 VIP ProWebber | Комментарии (10)
Теги: ajax, свой ajax, DLE 9.2, 9.2
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1lolko

  • 10 февраля 2011 19:15
  • Регистрация: 15.04.2010
  • ICQ: --
  • Комментариев: 8
Автор критин это модальное а не аякс окно

+1

#2Sadzi

  • 11 февраля 2011 16:03
  • Регистрация: 25.12.2010
  • ICQ: --
  • Комментариев: 40
lolko, зачем сразу ругаться? Это мой первый урок. Я допустил ошибку в названии - с кем не бывает? Все мы в праве допускать ошибки

--------------------

+1

#3nsdss

  • 11 февраля 2011 21:25
  • Регистрация: 10.01.2010
  • ICQ: --
  • Комментариев: 457
Ненадо так критиковать. Любой может ошибиться.

--------------------

0

#4DEN 007

  • 15 февраля 2011 16:17
  • Регистрация: 3.05.2010
  • ICQ: --
  • Комментариев: 18
Sadzi,
Запомни аякс это ТЕХНОЛОГИЯ!

0

#5MaLaN

  • 21 февраля 2011 15:37
  • Регистрация: 1.10.2010
  • ICQ: --
  • Комментариев: 75
ну подумаешь ошибка

--------------------

0

#6RexTiam

  • 4 марта 2011 00:39
  • Регистрация: 21.11.2010
  • ICQ: --
  • Комментариев: 51
мне понравилось хотя сильно по другому передал! Но сам процесс стырил!

0

#7saTan_caSper

  • 13 апреля 2011 09:10
  • Регистрация: 6.03.2011
  • ICQ: --
  • Комментариев: 19
не работает((( нажимаю и ниче не происходит((

0

#8NaimaN

  • 7 июля 2011 18:28
  • Регистрация: 3.07.2011
  • ICQ: --
  • Комментариев: 4
внатуре, все мы имеем право на ошибки!

0

#9karen923

  • 13 июля 2011 19:05
  • Регистрация: 14.12.2010
  • ICQ: --
  • Комментариев: 90
нАПАЛ НА ПАРНЯ! МОЛОДЕЦ!

0

#10dark_master

  • 2 марта 2012 00:00
  • Регистрация: 31.07.2011
  • ICQ: --
  • Комментариев: 19
автор во всяком случае старался...плюса не заслужил конечно

0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости.

Max-energy.top - Заработок на электросчетчиках;)

Skripters.info - все для вебмастера. Только эксклюзивный контент.

Создание шаблонов DLE, быстро и недорого! 3wave.com.ua

Бро лей на лучшую партнёрку

Почти бесплатный VDS хостинг!

Поддержи сайт
Скрипты, cms, шаблоны, статьи по раскрутке

Опросы

Как часто вы бываете на сайте?

Захожу 1-2 раза в день
1-2 часа в сутки
Более 2 часов
Почти целый день тут smile

Архив новостей
Ноябрь 2016 (7)
Октябрь 2016 (10)
Сентябрь 2016 (8)
Август 2016 (11)
Июль 2016 (14)
Июнь 2016 (17)

Последние комментарии:

Искать людей

Ваши переписки