• 1238
  • 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>

Можешь почитать и вот эту статейку "Будем делать красивую кнопку при помощи CSS3"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

какой форум лучше для вас
Результаты

----