Проследить за всеми новостями мы не можем, так как новости берутся из открытых источников. Если вы считаете, что новость нарушает ваши права на авторство или дизайн, то обратитесь к администрации данного ресурса.
© artsss-web.ru 2010 - 2012
{dotcat}
Автор: Пряник | 3-09-2010, 20:16
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>
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>
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>
Ну и наконец вызов производится вот так:
<div class="vkAPIcomments">
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>
<a class="oknouroka" href="#" onclick="showOkno(); return false;" class="mainlevel">ССЫЛКА</a>
</div>
Главное не запутаться :D.
В принципе можно использовать 1 правильно настроенный код и использовать его везде...Просто вызывать разные ID...
В данном уроке код одноуровневый,а его можно усложнить...
Автор урока: Пряник
Сайт автора: Dvigov.NET
Своё Спасибо, еще не выражали.
Рейтинг:
Комментариев: 7 | Просмотров: 1980
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Зарегестрировавшись,вы сможете скачивайть файлы с нашего сервера.Общатся в чате просматривать и вести жизнь на нашем форуме,и многое другое)xD
Рекомендуем также:
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.