通过脚本弹出小部件

Question

我期待创建一个弹出窗口,请参阅附带的屏幕截图.

详细信息: - 任何人都可以使用我将共享的脚本将此弹出窗口添加到他们的网站. - 此脚本/弹出窗口稍后将用于我正在创建的聊天应用程序中

问题: 如何创建此弹出窗口脚本并与其他用户共享此脚本,因为他们希望将此弹出窗口添加到他们的网站.

我的问题是UI部分(弹出),而不是聊天的工作方式.

Answer 1

here is a basic popup I've create for Login:

xyz.js

$(document).ready(function() {
    loginDialog = $( "#loginDialog" ).dialog({
        autoOpen: false,
        title: "Login Form ",
        height: 300,
        width: 450,
        modal: true,
    });
});

function loginPopup(){
    loginDialog.dialog( "open" );
}

function popupEvent(action){
    if(action=="login"){
        customerLogin();
        loginDialog.dialog( "close" );

    }else if(action=="close"){
        loginDialog.dialog( "close" );
    }

}

ABC.jsp

<a onclick="loginPopup();"> Login</a>

<div id="loginDialog" title="Basic dialog">
    <form id="customerLoginData">
        Email :<input type="text" name="customerEmail" />
        Password: <input type="password" name="customerPassword" />
<a id="popupLogin" onclick="popupEvent('login');"> click to Login </a>

        </form>
       </div>