Как сделать вспылвающее окно (как в примере)

[shazzy]

Доброго времени суток.
Есть необходимость добавить на сайт всплывающее окно. Например, на этой страничке при нажатии на Показать рядом оригинал всплывает окошко. Именно так мне и нужно. Пока удалось лишь такое:

<script type="text/javascript">// <![CDATA[
function show(clas){
  if (document.getElementById(clas).style.display == "none") {
      document.getElementById(clas).style.display="block";
    } else {
      document.getElementById(clas).style.display="none";
    }
}
// ]]></script>
<a onclick="show('div1');" href="">Нажмите для отрытыя окна</a>
<div id="div1" style="display: none;">Тут находится нужный текст</div>

Всем спасибо за рассмотрение проблемы.

 

[siuzi_drum]

На этом примере, если я не ошибаюсь подключена библиотека Highslide
В установке она проста, а как вызывать, смотрите сами - через скрытый див, либо Ajax подсасывать будет контент

 

[Sufir]

На PHP такое сделать невозможно.

 

[shazzy]

Спасибо, именно то что искал.
Но никак не получается интегрировать библиотеку к сайту на WordPress - все делаю как в инструкции, но лишь увеличивается время загрузки страниц.
Никто не сталкивался с данной проблемой? Подскажите пожалуйста решение, буду благодарен.

 

[ScDewt]

Могу ошибаться, но кажется в wordpress используется jquery. Если так - то есть отличный jquery ui - Dialog ссылка.
Позволяет через настройки виджета (см. Докуменатицию) настраивать кучу плюшек. Цепляется тоже просто - подключается ui если нету и в код засовывается (только со своими настройками):

// инициализируем
$( "#dialog" ).dialog({
autoOpen: false,
show: "blind",
hide: "explode"
});

// открываем по клику
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
return false;
});

 

[shazzy]

Спасибо большое, уже решил проблему с помощью стороннего плагина! =)