Мы в твиттере Мы в телеграме!

Провеббер » DataLife Engine » DLE хаки » Создание своих Ajax окон (DLE 9.2)

Набор в команду! Ведется набор в команду, для наполнения сайта новым, интересным контентом. Если у тебя есть предложения, свободное время, ты обладаешь интересным контентом, и хочешь поделиться с другими?
Обращайся к нам в ЛС группы Вконтакте.

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

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.
Скачать бесплатно Создание своих 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
Просмотры: 10 113 :: Комментарии (10) :: :: Нужна помощь? Задайте вопрос на форуме ::
Теги: ajax, свой ajax, DLE 9.2, 9.2
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#1lolko

  • 10 февраля 2011 19:15
  • Регистрация: 15.04.2010
  • Был(а) онлайн: 9.05.2011
  • Комментариев: 8
  • +1
Автор критин это модальное а не аякс окно

#2Sadzi

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

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

#3nsdss

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

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

#4DEN 007

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

#5MaLaN

  • 21 февраля 2011 15:37
  • Регистрация: 1.10.2010
  • Был(а) онлайн: 4.10.2022
  • Комментариев: 75
  • 0
ну подумаешь ошибка

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

#6RexTiam

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

#7saTan_caSper

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

#8NaimaN

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

#9karen923

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

#10dark_master

  • 2 марта 2012 00:00
  • Регистрация: 31.07.2011
  • Был(а) онлайн: 7.02.2015
  • Комментариев: 19
  • 0
автор во всяком случае старался...плюса не заслужил конечно

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

Архив новостей
Декабрь 2024 (10)
Ноябрь 2024 (9)
Октябрь 2024 (169)
Сентябрь 2024 (13)
Август 2024 (60)
Июль 2024 (12)

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