单击按钮打开js弹出窗口

时间:2013-05-22 13:10:36

标签: javascript jquery html css ajax

我的网站中有索引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>

1 个答案:

答案 0 :(得分:1)

您必须在点击

时调用该对话框

让我们给你一个id

按钮
<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'
    });
});