Method and system for switching page popup window of mobile terminal

A mobile terminal and switching system technology, applied in the field of a mobile terminal page pop-up window switching method and system field, can solve the problems of imperfect fixed positioning compatibility of Apple mobile phone safari browser, inability to adapt to pop-up windows, display dislocation, etc. The effect of good experience, reduced workload, and reduced performance pressure

Inactive Publication Date: 2019-10-15
GUANGDONG EFLYCLOUD COMPUTING CO LTD
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0008] The technical problem to be solved by the present invention is to provide a mobile terminal page pop-up window switching method and its system, which can reduce the excessive pop-up windows of the mobile terminal page, and solve the problem that the pop-up window cannot adapt due to the limitation of the content of the pop-up window More cumbersome operation problems, and solve the problem that the safari browser on Apple mobile phones is not perfect for fixed positioning compatibility, which often causes display misplacement bugs

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and system for switching page popup window of mobile terminal
  • Method and system for switching page popup window of mobile terminal
  • Method and system for switching page popup window of mobile terminal

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0027] Embodiment 1 of the present invention provides a method for switching a mobile terminal page pop-up window, comprising the following steps:

[0028] S11. Define data-main and create-tan respectively, and both data-main and create-tan are at the same level of dom nodes; specifically, make data-main and create-tan two dom nodes at the same level in the html node, data-Main is the main display content of the page, and create-tan is the content of the pop-up window that needs to be operated;

[0029] S12. In the JS file, create an object show-data, make the value of the object show-data data-main or create-tan, create hidden instructions for data-main and create-tan respectively, and the hidden instructions are used to control data-main And the display or hiding of create-tan; preferably, in the absence of specific requirements, the default value of the object show-data is data-main;

[0030] S13. Define a function fn_1, and set a line parameter of the function fn_1. The f...

Embodiment 2

[0034] In order to improve the user's operating experience and the beauty of the page pop-up window, this embodiment adds animation effects on the basis of Embodiment 1, that is, this embodiment provides a method for switching a mobile terminal page pop-up window, including the following steps:

[0035] S21. Define data-main and create-tan respectively, and both data-main and create-tan are at the same level of dom nodes;

[0036]S22. In the JS file, create an object show-data, make the value of the object show-data data-main or create-tan, create hidden instructions for data-main and create-tan respectively, and the hidden instructions are used to control data-main And the display or hiding of create-tan; preferably, in the absence of specific requirements, the default value of the object show-data is data-main;

[0037] S23, define the function fn_1, set the line parameters of the function fn_1, the formal parameters are used to control the value of the object show-data, so ...

Embodiment 3

[0040] Embodiment 3 of the present invention provides a mobile terminal page pop-up window switching system, including:

[0041] The dom creation module is used to create data-main and create-tan, so that both data-main and create-tan are at the same level of dom nodes; in the dom creation module, in the html language environment, define data-main and create-tan tan, while data-main and create-tan belong to the same level of dom nodes;

[0042] The control module is used to control the display or hiding of data-main and create-tan in the page;

[0043] The parameter module is used to set the parameter button btn1 and button btn2 of the function fn_1, the button btn1 is used to control data-main, and the button btn2 is used to control create-tan. In the parameter module, it is first necessary to set the line parameters of the function fn_1, specifically: the line parameters include buttons btn1 and buttons btn2, the button btn1 is used to control data-main, and the button btn2...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a method and a system for switching a page popup window of a mobile terminal, and the switching method comprises the following steps: respectively defining a data-main and a create-tan, and the data-main and the create-tan being located at dom nodes of the same level; in a JS file, creating an object show-data, making the value of the show-data of the object to be data-mainor create-tan, and setting the value of the show-data of the object to be data-main or create-tan; respectively creating a hidden instruction for two dom nodes of the data-main node and the create-tan node, wherein the hidden instruction is used for controlling the display or hiding of the two dom nodes of the data-main node and the create-tan node; defining a function fn _ 1, setting a formal parameter of the function fn _ 1, and the formal parameter being used for controlling the value of a down-data of an object, so that the display or hiding of two dom nodes, namely data-main and create-tan, is controlled. According to the method and the system, too many pop-up windows of the mobile terminal page are reduced. The problem that the pop-up windows cannot adapt to relatively tedious operation due to limitation of small contents of the pop-up windows is solved, and the problem that display dislocation bug often occurs due to imperfect compatibility of an iPhone safari browser to fixedpositioning is solved.

Description

technical field [0001] The invention relates to the technical field of page pop-up window switching, in particular to a method and system for switching page pop-up windows of a mobile terminal. Background technique [0002] Generally, the steps of the existing page pop-up window switching technology are as follows: encapsulate the appropriate animation effect of css3; create a template; add the corresponding animation class to the corresponding template; create an object, use its value and add ng-show To control the display and hiding of the template, so as to display the corresponding template. [0003] However, in the case of adopting the prior art, a series of problems will arise, for example: if there are too many pop-up windows in the mobile terminal, the user experience effect will be insufficient, and the operation experience of the user will be affected; if the content of the pop-up window on the page Small size will cause the pop-up window to be unable to adapt to ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F9/451G06F16/957
CPCG06F9/451G06F16/957
Inventor 霍键聪陈美任谢培忠黄燕飞
Owner GUANGDONG EFLYCLOUD COMPUTING CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products