Хаки и Скрипты Next Generation CMS : Диалоги и lightbox, Интерфейс : Хак вывод Ajax окна в любом месте сайта.

irbees2008 Опубликовано - 3 - октября Диалоги и lightbox

Адаптировал: 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>

Можешь почитать и вот эту статейку "Выводим дополнительные поля xfields в секцию head вашего шаблона"

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

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