Модальные окна

Получается симпатичное модальное окно. Стандартное для joomla. Из минусов - подключение mootools и включение скрипта в код (можно вынести во внешний файл).

    JHTML::_('behavior.modal', 'a.modal');
    echo '<a class="modal" rel="{handler: 'iframe', size: {x: 640, y: 480}}" href="/index.php">Найти</a>';
    echo '<a class="modal" rel="{handler: 'iframe', size: {x: 640, y: 480}, iframeOptions: {src:'/url'}}" href="/index.php">Найти</a>';
	

Варианты вызова (генерация мутулс-события):

      jQuery(function(){
         setTimeout(function(){ $$('#invite').fireEvent('click',$$('#invite')); },2000);
      });

      $$('a.details').fireEvent('click');
	

Значения по-умолчанию:

        SqueezeBox.initialize({
            size: {x: 350, y: 400}
        });
    

Вызов модального окна:

      SqueezeBox.open("http://sivers.su/", {handler: 'iframe', size: {x: 800, y: 600}});
	

Пример вывода элемента с текущей страницы в модальном окне с предварительным пересозданием (если повторые выводы происходят только в старой позиции):

<div style="display:none;"><div id="extaddr">Тут выводимое содержимое...</div></div>
....
jQuery('a.showExtAddr').click(function(){
    jQuery('#sbox-overlay, #sbox-window').remove();
    SqueezeBox.build();
    SqueezeBox.open('#extaddr', {onOpen: extAddrOpen, size: {x: 'auto', y: 'auto'}});
});

handler определяет способ загрузки данных в окно и может иметь следующие значения: image, clone, adopt, ajax, iframe, (string), (swf).

Подробнее читать здесь и здесь.