3553
- 0
- Адаптировал: irbees2008
- Уровень сложности исполнения: это делается простым копированием и нажиманием кнопки
Хак дает возможность вывести любое Ajax окно в любом месте сайта.
Возможность: задать размер окна; название окна; любое количество окон (у каждого должен быть свой ID); любое содержание окна (все хтмл теги)
Так начнем с установки:
Скрипт вставляем в любом месте вашего сайта, рекомендую создать дополнительную страницу шаблона куда складать свои скрипты:
Код:
<script type="text/javascript">
function Modalcom() {
$(function(){
$('#Modalcom').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 700,
height: 500,
});
});
$('#Modalcom').show(3000);
$('.ui-dialog').show(3000);
}
</script>
width: 700 - ширина окна
height: 500 - высота окна
Modalcom - в нашем случаи ID окна
Где хотим видеть кнопку для активирования Ajax окна:
Код:
<center><div class="showLinki">
<div class="quote">
<input type="submit" class="fbutton" onclick="Modalcom(); return false;" value="Комментировать" style="width:200px;">
</div></div></center>
style="width:200px - ширина кнопки
вызов окна:
Код:
<a href="#" onclick="FuncName(); return false;" value="Нажми на меню" class="bbcodes"></a>
Содержимое окна:
Код:
<div id="Modalcom" title="Оставить комментарий" style="display:none; ">
ЗДЕСЬ содержимое окна
</div>
Можешь почитать и вот эту статейку "Теги div"
Это тоже интересно
18.03.13Хак- Свой счетчик на сайт
11.06.18Выводим ссылку на картинку
11.06.18Кнопка очистки кеша движка
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.