Помогите с всплывающим окном!

Всем привет!

Вобщем имеется Button-кнопка, как выглядит сцентарий ява скрипта, чтоб после нажатия на кнопку всплывало небольшое окно поверх главного с определенным текстом,и чтоб в этом маленьком окне была кнопка "закрыть"

т.е.
if($button)
{
Запуск этого ява сценария
}

 

Эм.. это мне конечно знакомо.. А есть что небудь поинтересней, чтоб можно было еще и размеры\стили самого окна менять..

 

Благодарствую.. попробую попробовать )

 

TheShock
Я извеняюсь.. но ты немогбы помочь.. Там куча функций иопцый.. их что поотдельности использовать или как? как из них единое целое слепить? Непойму просто..

 

Незаметил подпункта View Sourse

 

Ну что скачал я код с сайта http://jqueryui.com/demos/dialog/

Код (Text):

1.  
2.  
3.  
4.   <script type="text/javascript">
5.     $.ui.dialog.defaults.bgiframe = true;
6.     $(function() {
7.         $("#dialog").dialog();
8.     });
9.     </script>
10.  
11.  
12.  
13. <div class="demo">
14.  
15. <div id="dialog" title="Basic dialog">
16.     <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
17. </div>
18.  
19. <!-- Sample page content to illustrate the layering of the dialog -->
20. <div class="hiddenInViewSource" style="padding:20px;">
21. <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
22. <form>
23.     <input value="text input" /><br />
24.     <input type="checkbox" />checkbox<br />
25.     <input type="radio" />radio<br />
26.     <select>
27.         <option>select</option>
28.     </select><br /><br />
29.     <textarea>textarea</textarea><br />
30. </form>
31. </div><!-- End sample page content -->
32.  
33. </div><!-- End demo -->
34.  
35. <div class="demo-description">
36.  
37. <p>The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe.  It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.</p>
38.  
39. </div><!-- End demo-description -->

Вставил, но окно не появилось, только текст на странице обычный отображается..

 

Все, сделал все работает =)) Правда там остались кое-какие детали которыея исправить немогу но то такое...

Помогите пожалуста еще с 2мя вопросами..

1. Вот я сделал что после нажатия на Button-кнопку выскакиевает это новое окно, НО
как сделать чтоб после нажатия на кнопку выскочило окошко, в котором сначала произойдет отсчет времени, например 10 секунд, а затем выдаст результат который должен быть??

2. В этом скрипте ДИВ-окна, после нажатия на "Ок", в самом ДИВ-окне, оно закрывается но сам пхп скрипт остается на старом значении.. Что прописать чтоб после нажатия на "ок" окно закрылось и произошло обновление самого пхп-скрипта?

Спасибо.