javascript - 通过脚本弹出widget

标签 javascript jquery user-interface chat livechat

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

enter image description here

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

问题: 我如何创建这个弹出窗口脚本并与其他用户共享这个脚本,以防他们想要将这个弹出窗口添加到他们的网站。

我的问题是关于 UI 部分(弹出窗口),而不是聊天如何进行。

最佳答案

我只是单独提供在现有 html 页面中动态创建 iframe 的布局。您可以使用它来添加内容。

<html>
<head>
</head>
<body>
</body>
<script>
var ifrm = document.createElement("iframe");
ifrm.style="width: 280px; max-height: 100%; height: 338px; position: fixed; bottom: 0px; right: 3px; text-align: left; z-index: 2147483647; border: 0px none; border-radius: 4px 4px 0px 0px; box-shadow: 0px 0px 5px  rgb(51, 51, 51);";
document.body.appendChild(ifrm);
</script>    
</html>

关于javascript - 通过脚本弹出widget,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35403113/

相关文章:

javascript - 在reactjs中按字母顺序排列标题

javascript - 我可以使用 jQuery 轻松地向上或向下移动 li 元素吗?

jquery - 单击同一按钮的动画菜单

javascript - 指令链接函数中的 "Scope"是根作用域,而不是指令作用域

javascript - 使用 jQuery 查找和替换 HTML

javascript - ForEach 不工作但 For 工作正常

javascript - 根据 innerHTML 显示/隐藏 HTML 元素

macos - Mac 可视化补丁工具

c++ - 使用单例创建对话框

java - 为什么我的代号 One Project 是 "not a visual project type"?