Опрос

Вернешься к нам?
Да
Нет
Все возможно
Голосовать Результаты опроса

Партнеры

  • Место свободно
  • Место свободно
  • Место свободно
  • Место свободно

Наш архив :)

Онлайн

    Всего на сайте: 3
    Гостей: 2
    Пользователи: - отсутствуют
    Роботы: Arraycrawl Bot
    Администраторов: 1
    Редакторов: 0
    Журналистов: 1
    Модераторов: 0
    Дизайнеры: 0
    VIP: 0
    Пользователей: 8467 [+33]

Переходы

123

Реклама
На сайте
Учимся делать Ajax окна <a rel=nofollow href=DLE" title="Учимся делать Ajax окна DLE" />

У DLE 9.0 добавлены замечательные функции благодаря которым мы можем делать Ajax окна с различной информацией не подгружая лишних скриптов,ведь все уже встроено.

Для начала разберем код.
<script type="text/javascript">
function showRules() {
$(function(){

    $('#vkAPIcomments').dialog({
        autoOpen: true,
        show: 'slide',
        hide: 'slide',
        width: 550,

    });
});
}
</script>


Это самая простая вариация скрипта.
Можно добавить кнопку"Закрыть окно" сделав вот так:
    <script type="text/javascript">
function showOkno() {
$(function(){

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


showOkno - функция вызова окна
oknouroka - Это что-то вроде ID

Вот так выглядит код содержимого окна:

<div id="oknouroka" title="ТИТЛ ОКНА" style="display:none; " >
СОДЕРЖИМОЕ
</div>


Ну и наконец вызов производится вот так:
<div class="vkAPIcomments">
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>


Главное не запутаться :D.

В принципе можно использовать 1 правильно настроенный код и использовать его везде...Просто вызывать разные ID...
В данном уроке код одноуровневый,а его можно усложнить...

Автор урока: Пряник
Сайт автора: Dvigov.NET


Своё Спасибо, еще не выражали.
Рейтинг:
 (голосов: 3)
Комментариев: 7 | Просмотров: 1798
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Репутация: 0
miles away
Коммент. №1
Группа: Пользователи
Регистрация: 4.09.2010
Комментариев: 2
Публикаций: 0
Статус:Оффлайн
4 сентября 2010 01:53
не вышло(( кривые руки наверно
Репутация: 1
770change
Коммент. №2
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
4 сентября 2010 01:59
Цитата: miles away
не вышло(( кривые руки наверно

Я ошибку нашел!
Функция вызова не :
<div class="vkAPIcomments">
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>

а
<div class="oknouroka">
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>


Перепутал переменку...

Все должно работать,у меня же работает cool
Репутация: 0
miles away
Коммент. №3
Группа: Пользователи
Регистрация: 4.09.2010
Комментариев: 2
Публикаций: 0
Статус:Оффлайн
4 сентября 2010 02:10
объясни куда это все вписать?) в main.tpl ??

и ещё =) <div id="oknouroka" title="ТИТЛ ОКНА" style="display:none; " >
что в титле писать?
Репутация: 1
770change
Коммент. №4
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
4 сентября 2010 03:01
Где надо туда и ставишь...Если везде - в main.tpl,а если в полной новости - в fullstory.tpl
А вообще странно,что не получилось! Уточни свою версию движка! Этот хак работает только на 9.0
Репутация: 0
Neo
Коммент. №5
Группа: Пользователи
Регистрация: 3.09.2010
Комментариев: 10
Публикаций: 0
Статус:Оффлайн
22 сентября 2010 16:26
работает спасибо Пряник,
а как изменит эффект появления, всмысле какие еще возможны , кроме slide
Репутация: 1
770change
Коммент. №6
Группа: Администраторы
Регистрация: 19.10.2010
Комментариев: 208
Публикаций: 302
Статус:Оффлайн
22 сентября 2010 16:48
Цитата: Neo
какие еще возможны , кроме slide

Вот:
blind
и
fade
Репутация: 0
Neo
Коммент. №7
Группа: Пользователи
Регистрация: 3.09.2010
Комментариев: 10
Публикаций: 0
Статус:Оффлайн
22 сентября 2010 17:01
Пряник,
Еще раз спасибо
кстати fade нашел в исходном коде при добавлении новостей, кстати хорошая идея , при добавлении комментов оказалось очено полезно иметь возможность указать правила
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Яндекс Апдейт
Данные временно не доступны.
Календарь
«    Сентябрь 2021    »
ПнВтСрЧтПтСбВс
 
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
 
Чат
НаписалФилипп
26 августа 2017
Добрый день. Презентация http://jersiker.ru/
Ответить
НаписалАнтон
29 июня 2017
Добрый день. Наша презентация http://omelesu.ru/
Ответить
НаписалВиталий
14 июня 2017
Здравствуйте. Не дозвонились до вас, презентация http://majuster.ru/
Ответить
НаписалЕвгений
12 мая 2017
Добрый день. Это презентация, не дозвонились до Вас, посмотрите http://merternas.ru/?activation=9
f8dd061
Ответить
НаписалАнатолий
4 марта 2017
Не дозвонились до Вас, посмотрите презентацию http://advertuper.ru/video?activa
tion=af8e1257
Ответить
НаписалКирилл
11 января 2017
Здравствуйте! Я звонил вам перед праздниками, вы не перезвонили, результат нашей презентации тут http://patrongiis.ru/
Ответить
НаписалСемён
29 ноября 2016
Добрый день! Вам стоит это увидеть, это касается вашей компании! Смотрите в видео http://customerbass.ru/video
Ответить
НаписалВалерий
22 ноября 2016
Добрый день. Вчера договаривались созвонится с Вами в 14:00, но я до Вас не дозвонился, нужно ваше решение по нашему предложению http://comenst.ru/offer293
Ответить
НаписалДанила
24 октября 2016
Это ссылка на презентацию, о которой я говорил http://prescom.ru/
Ответить
НаписалЕгор
6 октября 2016
Добрый день! Я обещал вам прислать ссылку http://plazametrix.ru/
Ответить

   
Популярное
Коментарии
Автор → Babyn1N
в новости → Поисковая подсказка
Автор → IraFriene
в новости → "Страница ошибки 404 на DLE"
Автор → dficrgFriene
в новости → Поисковая подсказка
Автор → Snovidenius
в новости → "Страница ошибки 404 на DLE"
Автор → buypropeciaon
в новости → Поисковая подсказка
Автор → gcgdgijhheDhaBB
в новости → "Страница ошибки 404 на DLE"
Автор → buypropecia
в новости → Поисковая подсказка
© RIPs.SU DOG
Последние комментарии 2.4
Проследить за всеми новостями мы не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
© artsss-web.ru 2010 - 2012 Яндекс.Метрика

{dotcat}