открыть js popup, нажав кнопку

Question

У меня есть индекс html-страница на моем сайте, ее главная страница. в индексе html У меня есть кнопка, и, щелкнув ее, я хочу открыть всплывающее окно, у меня есть файл js и css-файл этого всплывающего окна, включенных в индекс html.

Я просто не могу открыть это анимированное всплывающее окно, нажав кнопку ввода типа. может мне кто-нибудь помочь?

the clouds js: 

     $(function() 
{ 
    // Register Smart skin. 
    $.speedoPopup.registerSmartSkin('clouds', function (overlay, container) 
    { 
     // We don't want to brake anything if there is no overlay. 
     if (!overlay) 
     { 
      return ; 
     } 

     if ($.speedoPopup.browser_ie && $.speedoPopup.browser_ie< 9) 
     { 
      return; 
     } 

     var clouds = '<div class="cloud x1"></div><div class="cloud x2"></div><div class="cloud x3"></div><div class="cloud x4"></div><div class="cloud x5"></div>'; 

     overlay.append(clouds); 
    }); 
}); 

индекс HTML: ниже головки тега

<link type='text/css' href='clouds/clouds.css' rel='stylesheet' media='screen' /> 
<script type='text/javascript' src='clouds/clouds.js'></script> 

и кнопки:

<div> 
<input type='button' name='clouds' value='Clouds'/> 
</div> 

Answer 1

Вы должны вызвать диалог по щелчку

Позволяет дать вам кнопку идентификатор

<div> 
<input id="btnDialog" type='button' name='clouds' value='Clouds'/> 
</div> 

Теперь создайте DIV, который вы хотите показать в диалоговом

<div id="divContentToPopup"> 
    ...content here... 
</div> 

теперь вы должны подключить событие щелчка на нем

$('#btnDialog').click(function() 
{ 
    $(this).speedoPopup(
    { 
     width:550, 
     height:265, 
     useFrame: TRUE, 
     href: '#divContentToPopup' 
    }); 
});