CN110908760B - 一种在web浏览器上实现窗口打开切换的方法 - Google Patents
一种在web浏览器上实现窗口打开切换的方法 Download PDFInfo
- Publication number
- CN110908760B CN110908760B CN201911164133.1A CN201911164133A CN110908760B CN 110908760 B CN110908760 B CN 110908760B CN 201911164133 A CN201911164133 A CN 201911164133A CN 110908760 B CN110908760 B CN 110908760B
- Authority
- CN
- China
- Prior art keywords
- window
- target
- judging whether
- setting
- active
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
Abstract
本发明公开了一种在WEB浏览器上实现窗口打开切换的方法,该方法包括:捕获鼠标在浏览器窗口的行为事件,根据鼠标的行为事件判断用户的操作:若用户鼠标单击打开窗口的目标节点,则根据将要打开的窗口当前的状态进行反馈;若鼠标单击已经打开的窗口,则根据窗口的状态反馈。具有轻便、操作流畅、响应速度快等特点。
Description
技术领域
本发明涉及NAS设备互联网操作技术领域,更具体的说,涉及一种在WEB浏览器上实现窗口打开切换的方法。
背景技术
NAS(Network Attached Storage:网络附属存储)按字面简单说就是连接在网络上,具备资料存储功能的装置,因此也称为“网络存储器”,它是一种专用数据存储服务器,它以数据为中心,将存储设备与服务器彻底分离,集中管理数据,从而释放带宽、提高性能、降低总拥有成本、保护投资,其成本远远低于使用服务器存储,而效率却远远高于后者,现有技术中用户通过本地计算机或终端设备访问和管理NAS中的内容,一般是通过WEB应用实现的,可以通过WEB访问NAS内部的数据,用户只需要有浏览器即可访问,不需要再安装其他软件,但是访问和管理NAS过程中,在WEB上的操作较为繁琐,反馈速度较慢,影响到用户操作NAS的使用体验,降低了工作效率。
发明内容
本发明的目的是提供了一种在WEB浏览器上实现窗口打开切换的方法,该方法主要用于帮助用户在WEB上更加方便,快捷的访问NAS内部数据和进行数据管理,提高用户的使用体验和工作效率。
为了实现上述目的,本发明采用的技术方案如下:
一种在WEB浏览器上实现窗口打开切换的方法,操作逻辑如下:步骤一,捕获用户操作鼠标在浏览器的行为;步骤二,判断用户鼠标行为是否要打开窗口,若是,则进行打开目标窗口流程,若不是,则判断用户是否要切换窗口;步骤三,根据步骤二中不是的情况,判断用户是否要切换窗口,若是,则进行切换窗口显示流程,若不是,则结束操作;
所述的打开目标窗口流程包括步骤一,鼠标单击触发窗口打开的目标节点,判断目标窗口是否已打开,若是,则判断目标窗口是否是活动窗口,若不是,则判断目标窗口是否为子窗口;步骤二,根据步骤一中是的情况,判断目标窗口是否是活动窗口,若是,则目标窗口最小化隐藏,若不是,则目标窗口显示到原来的位置并成为活动窗口;步骤三,根据步骤一中不是的情况,判断目标窗口是否为子窗口,若是,则目标窗口的状态变成打开,创建遮罩层并固定在其父窗口的中间位置,并将目标窗口的根窗口设置为活动窗口,若不是,则目标窗口状态变为打开,设置其显示位置并成为活动窗口,最后设置目标窗口的鼠标操作事件,其中包括单击、双击和拖拽事件;
所述的切换窗口显示流程包括步骤一,获取传入的活动窗口ID,判断活动窗口是否是根窗口,若是,则设置根窗口ID等于传入的ID,若不是,则所有窗口去除活动窗口类并将传入ID的窗口去除隐藏类的属性;步骤二,判断窗口数组里是否含有根窗口ID,若是,则删除窗口数组里的根窗口的数据,若不是,则将根窗口ID插入到窗口数组的末尾;步骤三,调用设置窗口堆叠值的函数,所述的设置窗口堆叠值的函数逻辑为:步骤一,设置窗口数组的索引i=0,判断i是否小于窗口数组的长度,若是,则设置该索引对应的窗口的堆叠值并判断此窗口的子窗口是否打开,若不是,则结束操作;步骤二,根据步骤一中判断此窗口的子窗口是否打开的情况,若是,则设置该索引对应的窗口的子窗口和子窗口的遮罩层的堆叠值,若不是,则设置数值i++并返回到步骤一判断i是否小于窗口数组的长度中。
与已有技术相比,本发明的有益效果如下:
本发明中的方法,可以方便用户在终端上通过WEB浏览器直接访问和管理本地NAS内部的数据,迅速打开不同窗口和实现不同窗口之间的切换操作,提高用户使用体验和工作效率。
附图说明
图1为本发明方法整体流程图;
图2为本发明打开窗口流程图;
图3为本发明切换窗口流程图;
图4为本发明设置窗口堆叠值流程图;
图5、图6、图7和图8为本发明实例中终端界面操作示意图;
具体实施方式
为了使发明实现的技术手段、创作特征、达成目的与功效易于明白了解,下面结合具体图示,进一步阐述本发明。
如图1到图4所示,本发明的总操作流程如图1,包括捕获鼠标在浏览器窗口的行为事件,根据鼠标的行为事件判断用户的操作:若用户鼠标单击打开窗口的目标节点,则根据将要打开的窗口当前的状态进行反馈;若鼠标单击已经打开的窗口,则根据窗口的状态反馈。
具体的打开窗口流程如图2,当用户单击鼠标打开窗口的节点时,程序先获取到要打开窗口的ID,先判断目标窗口是否已经打开,若目标窗口没有打开,再判断目标窗口是否是子窗口,若是则将目标窗口的状态变成打开,创建遮罩层并固定在其父窗口的中间位置,目标窗口的根窗口成为活动窗口;若不是则目标窗口状态变为打开,设置目显示位置并成为活动窗口。然后设置目标窗口的绑定单击、双击和鼠标事件最后结束;若目标窗口已经打开,再判断目标窗口是否是活动窗口,若是则将目标窗口最小化隐藏;若不是则将目标窗口显示到原来的位置并成为活动窗口,最后程序运行结束。
具体的切换窗口流程如图3,获取传入的活动窗口的ID,先判断活动窗口是否是根窗口,若不是则要将根窗口的ID设置等于传入的ID,然后将所有窗口去除活动窗口类并将传入ID的窗口去除隐藏类的属性,接着判断窗口数组里是否含有根窗口的ID,若不含有,则要删除窗口数组里的根窗口的数据,再然后将根窗口ID插入到窗口数组的末尾,接着再调用设置窗口的堆叠值的函数,最后程序运行结束。
其中设置窗口堆叠值逻辑如图4所示,设置窗口数组的索引值i=0,循环判断判断i是否小于窗口数组的长度,若小于数组长度则设置该索引对应的窗口的堆叠值,循环判断此窗口的子窗口是否打开,若打开了,则设置该索引对应的窗口的子窗口和子窗口的遮照层的堆叠值,直到没有打开的子窗口时,设置索引i++,直到索引i大于数组长度时程序运行结束。
具体的终端(如计算机,手机等)界面操作如图5到图6所示,包括打开窗口,当用户点击浏览器窗口桌面上的控制台图标或文字时,程序先判断控制台窗口的打开状态,开始控制台窗口并未打开,再接着判断控制台窗口是否是子窗口,这里控制台窗口并不是子窗口,所以将控制台窗口的状态变成打开、设置显示位置并成为活动窗口,最后绑定控制台窗口的鼠标事件。
如图7到图8所示,包括切换活动窗口,初始时控制台窗口和内网穿透窗口都处于打开状态,而控制窗口处于活动状态,现在用户单击内网穿透的图标,程序获取到内容穿透窗口的ID,使控制台窗口失去活动窗口状态,内网穿透窗口成为活动窗口。
以上显示和描述了本发明的基本原理和主要特征以及本发明的优点。本行业的技术人员应该了解,本发明不受上述实施例的限制,上述实施例和说明书中描述的只是说明本发明的原理,在不脱离本发明精神和范围的前提下,本发明还会有各种变化和改进,这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。
Claims (1)
1.一种在WEB浏览器上实现窗口打开切换的方法,其特征在于:操作逻辑如下:步骤一,捕获用户操作鼠标在浏览器的行为;步骤二,判断用户鼠标行为是否要打开窗口,若是,则进行打开目标窗口流程,若不是,则判断用户是否要切换窗口;步骤三,根据步骤二中不是的情况,判断用户是否要切换窗口,若是,则进行切换窗口显示流程,若不是,则结束操作;
所述的打开目标窗口流程包括步骤一,鼠标单击触发窗口打开的目标节点,判断目标窗口是否已打开,若是,则判断目标窗口是否是活动窗口,若不是,则判断目标窗口是否为子窗口;步骤二,根据步骤一中是的情况,判断目标窗口是否是活动窗口,若是,则目标窗口最小化隐藏,若不是,则目标窗口显示到原来的位置并成为活动窗口;步骤三,根据步骤一中不是的情况,判断目标窗口是否为子窗口,若是,则目标窗口的状态变成打开,创建遮罩层并固定在其父窗口的中间位置,并将目标窗口的根窗口设置为活动窗口,若不是,则目标窗口状态变为打开,设置其显示位置并成为活动窗口,最后设置目标窗口的鼠标操作事件,其中包括单击、双击和拖拽事件;
所述的切换窗口显示流程包括步骤一,获取传入的活动窗口ID,判断活动窗口是否是根窗口,若是,则设置根窗口ID等于传入的ID,若不是,则所有窗口去除活动窗口类并将传入ID的窗口去除隐藏类的属性;步骤二,判断窗口数组里是否含有根窗口ID,若是,则删除窗口数组里的根窗口的数据,若不是,则将根窗口ID插入到窗口数组的末尾;步骤三,调用设置窗口堆叠值的函数,所述的设置窗口堆叠值的函数逻辑为:步骤一,设置窗口数组的索引i=0,判断i是否小于窗口数组的长度,若是,则设置该索引对应的窗口的堆叠值并判断此窗口的子窗口是否打开,若不是,则结束操作;步骤二,根据步骤一中判断此窗口的子窗口是否打开的情况,若是,则设置该索引对应的窗口的子窗口和子窗口的遮罩层的堆叠值,若不是,则设置数值i++并返回到步骤一判断i是否小于窗口数组的长度中。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911164133.1A CN110908760B (zh) | 2019-11-25 | 2019-11-25 | 一种在web浏览器上实现窗口打开切换的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911164133.1A CN110908760B (zh) | 2019-11-25 | 2019-11-25 | 一种在web浏览器上实现窗口打开切换的方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110908760A CN110908760A (zh) | 2020-03-24 |
CN110908760B true CN110908760B (zh) | 2022-10-14 |
Family
ID=69819177
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911164133.1A Active CN110908760B (zh) | 2019-11-25 | 2019-11-25 | 一种在web浏览器上实现窗口打开切换的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110908760B (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010062623A2 (en) * | 2008-10-27 | 2010-06-03 | Microsoft Corporation | Child window surfacing and management |
CN106708960A (zh) * | 2016-11-30 | 2017-05-24 | 浙江宇视科技有限公司 | 一种nas设备文件系统的修复方法及nas设备 |
CN107872530A (zh) * | 2017-11-23 | 2018-04-03 | 郑州云海信息技术有限公司 | 一种nas服务访问系统、方法及装置 |
CN109120443A (zh) * | 2018-08-17 | 2019-01-01 | 郑州云海信息技术有限公司 | 一种网络附加存储nas设备的管理方法和装置 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101493751B (zh) * | 2009-02-09 | 2011-01-19 | 深圳市步科电气有限公司 | 一种嵌入式图形系统的多窗口管理器 |
US9471194B2 (en) * | 2013-10-29 | 2016-10-18 | Microsoft Technology Licensing, Llc | Rendering windows having transparent properties from a remote desktop environment |
CN108469972B (zh) * | 2017-02-20 | 2021-09-24 | 阿里巴巴集团控股有限公司 | 支持web页面中显示多窗口的方法和装置 |
US10735514B2 (en) * | 2017-08-29 | 2020-08-04 | Western Digital Technologies, Inc. | Remote application configuration on network-attached storage |
-
2019
- 2019-11-25 CN CN201911164133.1A patent/CN110908760B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2010062623A2 (en) * | 2008-10-27 | 2010-06-03 | Microsoft Corporation | Child window surfacing and management |
CN106708960A (zh) * | 2016-11-30 | 2017-05-24 | 浙江宇视科技有限公司 | 一种nas设备文件系统的修复方法及nas设备 |
CN107872530A (zh) * | 2017-11-23 | 2018-04-03 | 郑州云海信息技术有限公司 | 一种nas服务访问系统、方法及装置 |
CN109120443A (zh) * | 2018-08-17 | 2019-01-01 | 郑州云海信息技术有限公司 | 一种网络附加存储nas设备的管理方法和装置 |
Non-Patent Citations (2)
Title |
---|
Improve GPGPU Latency Hiding with a Hybrid Recovery Stack and a Window Based Warp Scheduling Policy;Tianzhou Chen;《IEEE》;20121031;全文 * |
Linux环境下窗口管理器的分析;丁星;《计算机工程》;20080930;全文 * |
Also Published As
Publication number | Publication date |
---|---|
CN110908760A (zh) | 2020-03-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7013466B2 (ja) | アプリケーションデータ処理方法、装置、及びコンピュータプログラム | |
TWI613553B (zh) | 用於編輯電路設計佈局之方法與系統以及其非暫態電腦可讀式媒體 | |
CN108632129A (zh) | 一种消息提示方法、一种消息展示方法和相关装置 | |
CN110413276B (zh) | 参数编辑方法及装置、电子设备、存储介质 | |
DE202016002906U1 (de) | Vorrichtungen zum Navigieren zwischen Benutzerschnittstellen | |
DE202016006323U1 (de) | Vorrichtung zum Navigieren zwischen Benutzerschnittstellen | |
US20020112180A1 (en) | System and method for multimedia authoring and playback | |
WO2016180260A1 (zh) | 即时通讯窗口显示的方法,装置及计算机可读介质 | |
CN106156254A (zh) | 信息分享方法及装置 | |
AU2007204902B2 (en) | Transferring and displaying hierarchical data between databases and electronic documents | |
DE112011102650T5 (de) | Eingabe in gesperrtes Computergerät | |
WO2010030911A2 (en) | Automatic creation and server push of drafts | |
US11487397B2 (en) | Multiple windows for a group-based communication system | |
CN107783996A (zh) | 一种用于文件分享的方法与设备 | |
CN105389084A (zh) | 一种移动终端方便用户进行信息输入的方法及移动终端 | |
CA2822611A1 (en) | Communication window display management | |
CN102662591B (zh) | 数据处理方法和装置 | |
CN106302932A (zh) | 在通信终端中查看通讯记录的方法和设备 | |
WO2021000668A1 (zh) | 一种信息处理方法及装置 | |
CN107347111A (zh) | 终端的控制方法及终端 | |
CN110908760B (zh) | 一种在web浏览器上实现窗口打开切换的方法 | |
CN113282268B (zh) | 音效配置方法和装置、存储介质及电子设备 | |
CN104469013A (zh) | 一种移动终端及其拨号编辑方法 | |
CN103297315A (zh) | 信息处理方法和设备 | |
CN112632444A (zh) | 可视化网站主题配置方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |