Хаки и Скрипты Next Generation CMS Голосов: 1 Адрес блога: http://ngcmshak.ru Добавлен: 2013-12-31 14:21:51 блограйдером 88888888

Хак вывод Ajax окна в любом месте сайта.

2013-10-03 14:37:51 (читать в оригинале)

Хак дает возможность вывести любое 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>