Skyline WEB端开发3——添加一个弹框

相对于之前的功能而言，弹出弹框就比较容易了，在skyline中有提供Window，包含所有与三维窗口互动的相关功能。

创建弹窗的方法

Creator.CreatePopupMessage

CreatePopupMessage(
Caption,    //字符串，显示在弹出窗口标题位置。这个参数也被用于弹出窗口标识。当使用相同的标题名称，新内容将替代具有相同名称窗口的内容。
Src,        //弹窗的url，显示在弹出窗口中的 HTML 路径。如果没设置此参数，则假设弹出窗口显示一个简单文本字符串。
Left,        //窗口相对于三维窗口左上角的 x 坐标（单位：像素）。
Top,        //窗口相对于三维窗口左上角的 y 坐标（单位：像素）。
Width,        //弹出窗口的宽度（单位：像素），这个值包括标题和边框。
Height,        //弹出窗口的高度（单位：像素），这个值包括标题和边框。
Timeout        //设置关闭弹出窗口的延时（单位：毫秒），10000即10秒后关闭弹窗。如果值为-1，则属性不可用
)

下面是真正的示例代码

//打开功能页
function ShowPanel() {var instr = 'http://www.baidu.com';var pp = sgworld.Creator.CreatePopupMessage("功能页", instr, 305, 0, 500, 500, 10000);sgworld.Window.ShowPopup(pp);
}
//关闭功能页
function RemovePanel() {sgworld.Window.RemovePopupByCaption("功能页");
}

转载于:https://www.cnblogs.com/517chen/p/11169665.html

Skyline WEB端开发3——添加一个弹框相关推荐

前端系列——vue2+高德地图web端开发（使用和引入）
vue2+高德地图web端开发(使用和引入) 前言基础准备工作高德地图的个人开发者注册高德api网址 1.点击进行注册 2.注册完之后进入控制台 3.创建新应用 4.添加高德 2.0 新增 ...
前端系列——vue2+高德地图web端开发（行政区边界绘制）
vue2+高德地图web端开发(行政区边界绘制) 前言原理基础实现步骤 1.eslint设置AMap为全局变量放置报错 2.Search.vue传输给MapContainer.vue数据然后进行 ...
web端开发规范开发规范_Web开发人员的规范工作
web端开发规范开发规范 As a company edgeofmyseat.com don't need to do a lot of responding to tenders. We somet ...
前端系列——vue2+高德地图web端开发（poi搜索两种方式）
前端系列--vue2+高德地图web端开发(poi搜索) 前言基础什么是poi搜索 1. 输入提示结合poi搜索官方代码步骤 1.进行plugins插件注册 2.data中编写placeSea ...
android 弹出框带标题栏,Android开发靠标题栏的弹框
一.效果图 title_dialog.png 二.思路首先它是一个弹框,只是弹框的布局做些处理,布局占满屏幕,只有需要白色的布局的背景设为白色.其他没设置背景颜色,自然用dialog的style的w ...
VUE2.0增删改查附编辑添加model(弹框)组件共用
为什么80%的码农都做不了架构师?>>> Vue实战篇(增删改查附编辑添加model(弹框)组件共用) 前言最近一直在学习Vue,发现一份crud不错的源码预览链接 https: ...
后台系统-新增和编辑共用一个弹框（基于vue和element-ui）
如图所示: 点击新增角色和编辑会弹出一个弹框,弹框只写一个,如何实现共用同一结构,功能却不相同呢? 首先给这两个按钮定义一个点击事件,事件名为openDialog 这里不同的是给编辑这个按钮根据作用 ...
添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮
JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...
14、backbone实战：webchat（三）web端开发
有了前面功能介绍以及整体详细设计 ,下面的开发就变得更有目的性了. 沿着上一篇文章的思路,我们先来把javascript模板建立起来,模板用来取代上一篇中html代码里的: <li> &l ...

Skyline WEB端开发3——添加一个弹框

Skyline WEB端开发3——添加一个弹框相关推荐

最新文章

热门文章