Хаки и Скрипты 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>

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

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

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