Expansion window configuration method and assembly, electronic equipment and storage medium

Abstract

The invention relates to an expansion window configuration method and assembly, electronic equipment and a storage medium. The method comprises the steps of obtaining a first initial state of a first expansion window in response to a received window trigger signal generated based on an electronic page; in response to the condition that the first initial state is a suspension state, first suspension state configuration information is acquired, and a first suspension state expansion window is configured and acquired; in response to a received state switching signal generated based on the first suspension state expansion window, a first target state is obtained, and the first target state is an adsorption state; first adsorption state configuration information is obtained, and a first adsorption state expansion window is obtained through configuration; in response to a received state switching signal generated based on the first adsorption state expansion window, obtaining a second target state; and obtaining first and second target state configuration information, and configuring and obtaining first and second target state expansion windows. By adopting the method, a non-modal window design meeting diversified interaction requirements of a user can be provided.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular, to a method, a component, an electronic device, and a storage medium for expanding window configuration. Background Art

[0002] In some scenarios, users need to operate on the pop-up content based on multiple pieces of information at different positions on the page. For example, in the scenario of applying for insurance on the web page, the user needs to slide the page, copy and / or view the applicant information at different positions on the page, so as to fill in this applicant information into the insurance application window.

[0003] In other scenarios, users need to operate on the current page or multiple pages based on the information on the pop-up content. For example, when initializing the configuration on the web page of the marketing system, different pages need to be jumped according to the pop-up help information to perform operations such as initializing data configuration and rule configuration.

[0004] When a modal window is opened, the user must first complete the operations in the window, such as clicking the "OK" or "Cancel" button, before returning to the main window or other parts. This means that the modal window is exclusive and will block the user's interaction with other windows in the application, interrupting the current process. Among them, the modal window includes pop-up windows and drawers, etc. At present, although non-modal windows allow users to continue interacting with other windows in the application while opening this window, and the user can freely switch between the non-modal window and the main window. However, non-modal windows do not support continuous display across pages, and the position where it appears is fixed and cannot follow the page scrolling, which may block important information. Among them, non-modal windows include bubble confirmation boxes and Popup windows, etc.

[0005] Therefore, there is an urgent need to propose a method, a component, an electronic device, and a storage medium for expanding window configuration for non-modal window design that can meet the diverse interaction needs of users. Summary of the Invention

[0006] Based on this, in view of the above technical problems, it is necessary to provide a method, a component, an electronic device, and a storage medium for expanding window configuration for non-modal window design that can meet the diverse interaction needs of users.

[0007] In a first aspect, a method for expanding window configuration is provided, which is applied to an electronic page. The method includes:

[0008] In response to receiving a window trigger signal generated based on the electronic page, obtain the first initial state of the first expansion window, where the first initial state is a floating state, an adsorption state, or an embedded state;

[0009] In response to the first initial state being the floating state, obtain the first floating state configuration information, and configure the first extended window according to the first floating state configuration information to obtain the first floating state extended window;

[0010] In response to receiving a state switching signal generated based on the first floating state extended window, obtain the first target state, where the first target state is the adsorbed state;

[0011] Obtain the first adsorbed state configuration information, and configure the first floating state extended window according to the first adsorbed state configuration information to obtain the first adsorbed state extended window;

[0012] In response to receiving a state switching signal generated based on the first adsorbed state extended window, obtain the second target state, where the second target state is the floating state or the embedded state;

[0013] Obtain the first second target state configuration information, and configure the first adsorbed state extended window according to the first second target state configuration information to obtain the first second target state extended window.

[0014] In one embodiment, in response to the second target state being the embedded state, the method further includes:

[0015] Obtain the first embedded state configuration information, and configure the first adsorbed state extended window according to the first embedded state configuration information to obtain the first embedded state extended window;

[0016] In response to receiving a state switching signal generated based on the first embedded state extended window, obtain the third target state, where the third target state is the floating state or the adsorbed state;

[0017] Obtain the first third target state configuration information, and configure the first embedded state extended window according to the first third target state configuration information to obtain the first third target state extended window.

[0018] In one embodiment, in response to the third target state being the floating state, the method further includes:

[0019] Obtain the first floating state configuration information, and configure the first embedded state extended window according to the first floating state configuration information to obtain the first floating state extended window;

[0020] In response to the third target state being the adsorbed state, the method further includes:

[0021] Obtain the first adsorbed state configuration information, and configure the first embedded state extended window according to the first adsorbed state configuration information to obtain the first adsorbed state extended window.

[0022] In one embodiment, in response to the second target state being the floating state, the method further includes:

[0023] Obtain the first floating state configuration information, and configure the first adsorption state expansion window according to the first floating state configuration information to obtain the first floating state expansion window.

[0024] In one embodiment, configuring the first adsorption state expansion window according to the first embedding state configuration information to obtain the first embedding state expansion window includes:

[0025] Switch the position of the first expansion window from the position of the first adsorption state expansion window to the first embedding state window position in the first embedding state configuration information;

[0026] Switch the size of the first expansion window from the size of the first adsorption state expansion window to the first embedding state window size in the first embedding state configuration information;

[0027] Switch the layer of the first expansion window from the layer of the first adsorption state expansion window to the first embedding state window layer in the first embedding state configuration information.

[0028] In one embodiment, the first floating state expansion window is displayed on the temporary layer of the electronic page, the first adsorption state expansion window is displayed on the temporary layer of the electronic page, and the first embedding state expansion window is displayed on the content layer of the electronic page.

[0029] In one embodiment, the content area of the electronic page is on the content layer, and the temporary layer is the upper layer of the content layer.

[0030] The first floating state expansion window is within the content area. The width of the first floating state expansion window is greater than or equal to the first preset multiple of the width of the electronic page and less than or equal to the width of the electronic page, and the height of the first floating state expansion window is greater than or equal to the second preset multiple of the height of the content area and less than or equal to the height of the content area, where both the first preset multiple and the second preset multiple are greater than 0 and less than 1;

[0031] The right border of the first adsorption state expansion window coincides and is fixed with the right border of the content area, and the upper and lower borders of the first adsorption state expansion window respectively coincide and are fixed with the upper and lower borders of the content area. The width of the first adsorption state expansion window is greater than or equal to the first preset multiple of the width of the electronic page and less than the third preset multiple of the width of the electronic page, where the third preset multiple is greater than the first preset multiple and less than 1;

[0032] The right border of the first embedded state expansion window coincides and is fixed with the right border of the content area, and the upper and lower borders of the first embedded state expansion window coincide and are fixed with the upper and lower borders of the content area respectively. The width of the first embedded state expansion window is greater than or equal to the width of the electronic page multiplied by a first preset multiple and less than or equal to the width of the electronic page multiplied by a third preset multiple.

[0033] In a second aspect, an expansion window configuration component is provided. The component includes a file object model, a function set, and an application programming interface set.

[0034] The file object model includes a header area, a content area, and a bottom operation area. The header area is used to carry the expansion functions of the expansion window. The content area is used to present the information within the expansion window. The bottom operation area is used to trigger or close the expansion functions of the expansion window.

[0035] The function set includes a drag function, a window width and height function, and a window layer function. The drag function is defined through the application programming interface. The window width and height function and the window layer function are defined through the style attributes in the file object model. Among them, the style attributes include the width, height, and layer of the expansion window.

[0036] The application programming interface set is used to define the drag and drop position of the drag function, the expansion functions of the expansion window, and the trigger conditions of the expansion functions.

[0037] In a third aspect, an electronic device is provided. The electronic device includes one or more processors; and a memory associated with the one or more processors. The memory is used to store program instructions. When the program instructions are read and executed by the one or more processors, the steps of any method in the first aspect as described above are performed.

[0038] In a fourth aspect, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps of any method in the first aspect as described above are performed.

[0039] In a fifth aspect, a computer program product is provided, including a computer program. When the computer program is executed by a processor, the steps of any method in the first aspect as described above are implemented.

[0040] The above extension window configuration method, component, electronic device, and storage medium generate a first extension window in response to receiving a window trigger signal generated based on an electronic page, and configure the first extension window according to a first initial state; in response to the first initial state being a floating state and receiving a state switching signal generated based on the first floating state extension window, switch the first floating state extension window to a first adsorbed state extension window; in response to receiving a state switching signal generated based on the first adsorbed state extension window, switch the first adsorbed state extension window to a first floating state extension window or a first embedded state extension window, so that the extension window can meet the diverse interaction needs of users. Description of the Drawings

[0041] Figure 1 is a flowchart of an extension window configuration method in an embodiment;

[0042] Figure 2 is a schematic diagram of state interaction in an extension window configuration method in an embodiment;

[0043] Figure 3 is a flowchart of state interaction in an extension window configuration method in an embodiment;

[0044] Figure 4 is a schematic diagram of an electronic page hierarchy in an embodiment;

[0045] Figure 5 is a schematic diagram of triggering and closing a second extension window in an embodiment;

[0046] Figure 6 is a schematic diagram of editing the floating state of an extension window in an embodiment;

[0047] Figure 7 is a schematic diagram of the structure of an extension window configuration component in an embodiment;

[0048] Figure 8 is an internal structure diagram of an electronic device in an embodiment. Detailed Description of the Embodiments

[0049] In order to make the objectives, technical solutions, and advantages of the present application clearer and more understandable, the present application will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0050] Embodiment 1

[0051] In one embodiment, as shown in Figure 1 , Figure 2 , Figure 3 , a method for configuring an extension window is provided, which is applied to an electronic page. The method includes:

[0052] In response to receiving a window trigger signal generated based on an electronic page, obtain a first initial state of a first extended window, where the first initial state is a floating state, an adsorption state, or an embedded state;

[0053] In response to the first initial state being the floating state, obtain first floating state configuration information, and configure the first extended window according to the first floating state configuration information to obtain a first floating state extended window;

[0054] In response to receiving a state switching signal generated based on the first floating state extended window, obtain a first target state, where the first target state is the adsorption state;

[0055] Obtain first adsorption state configuration information, and configure the first floating state extended window according to the first adsorption state configuration information to obtain a first adsorption state extended window;

[0056] In response to receiving a state switching signal generated based on the first adsorption state extended window, obtain a second target state, where the second target state is the floating state or the embedded state;

[0057] Obtain first second target state configuration information, and configure the first adsorption state extended window according to the first second target state configuration information to obtain a first second target state extended window.

[0058] Specifically, in response to receiving a window trigger signal generated based on an electronic page, generate a first extended window, and configure the first extended window according to the first initial state; in response to the first initial state being the floating state and receiving a state switching signal generated based on the first floating state extended window, switch the first floating state extended window to a first adsorption state extended window; in response to receiving a state switching signal generated based on the first adsorption state extended window, switch the first adsorption state extended window to a first floating state extended window or a first embedded state extended window, so that the extended window can meet the diverse interaction needs of users.

[0059] In one embodiment, as Figure 2 、 Figure 3 shown, in response to the second target state being the embedded state, the method further includes:

[0060] Obtain first embedded state configuration information, and configure the first adsorption state extended window according to the first embedded state configuration information to obtain a first embedded state extended window;

[0061] In response to receiving a state switching signal generated based on the first embedded state extended window, obtain a third target state, where the third target state is the floating state or the adsorption state;

[0062] Obtain the first and third target state configuration information, and configure the first embedded state expansion window according to the first and third target state configuration information to obtain the first and third target state expansion windows.

[0063] In one embodiment, as Figure 2 , Figure 3 shown, in response to the third target state being the floating state, the method further includes:

[0064] Obtain the first floating state configuration information, and configure the first embedded state expansion window according to the first floating state configuration information to obtain the first floating state expansion window;

[0065] As Figure 2 , Figure 3 shown, in response to the third target state being the adsorption state, the method further includes:

[0066] Obtain the first adsorption state configuration information, and configure the first embedded state expansion window according to the first adsorption state configuration information to obtain the first adsorption state expansion window.

[0067] In one embodiment, as Figure 2 , Figure 3 shown, in response to the second target state being the floating state, the method further includes:

[0068] Obtain the first floating state configuration information, and configure the first adsorption state expansion window according to the first floating state configuration information to obtain the first floating state expansion window.

[0069] In one embodiment, configuring the first adsorption state expansion window according to the first embedded state configuration information to obtain the first embedded state expansion window includes:

[0070] Switch the position of the first expansion window from the position of the first adsorption state expansion window to the position of the first embedded state window in the first embedded state configuration information;

[0071] Switch the size of the first expansion window from the size of the first adsorption state expansion window to the size of the first embedded state window in the first embedded state configuration information;

[0072] Switch the layer of the first expansion window from the layer of the first adsorption state expansion window to the layer of the first embedded state window in the first embedded state configuration information.

[0073] In one embodiment, as Figure 4As shown, the first floating state expansion window is displayed on the temporary layer of the electronic page, the first adsorption state expansion window is displayed on the temporary layer of the electronic page, and the first embedded state expansion window is displayed on the content layer of the electronic page.

[0074] Specifically, as Figure 4 shown, from bottom to top, the electronic page includes a background layer, a content layer, a global control layer, and a temporary layer.

[0075] In one embodiment, the content area of the electronic page is on the content layer, and the temporary layer is the upper layer of the content layer.

[0076] The first floating state expansion window is within the content area. The width of the first floating state expansion window is greater than or equal to a first preset multiple of the width of the electronic page and less than or equal to the width of the electronic page, and the height of the first floating state expansion window is greater than or equal to a second preset multiple of the height of the content area and less than or equal to the height of the content area, where both the first preset multiple and the second preset multiple are greater than 0 and less than 1.

[0077] The right border of the first adsorption state expansion window coincides and is fixed with the right border of the content area, and the upper and lower borders of the first adsorption state expansion window respectively coincide and are fixed with the upper and lower borders of the content area. The width of the first adsorption state expansion window is greater than or equal to a first preset multiple of the width of the electronic page and less than a third preset multiple of the width of the electronic page, where the third preset multiple is greater than the first preset multiple and less than 1.

[0078] The right border of the first embedded state expansion window coincides and is fixed with the right border of the content area, and the upper and lower borders of the first embedded state expansion window respectively coincide and are fixed with the upper and lower borders of the content area. The width of the first embedded state expansion window is greater than or equal to a first preset multiple of the width of the electronic page and less than or equal to a third preset multiple of the width of the electronic page.

[0079] Specifically, assuming the width of the electronic page is 1200px and the height is 900px, then the width of the content area is 1200px. Assuming the height of the content area is 800px:

[0080] The position of the floating state expansion window (including when dragging the window) does not exceed the content area, that is, it cannot cover the top navigation. The default width of the floating state expansion window is 360px, the default height is 600px, and the default position is 12px from the bottom - right edge of the content area. The minimum size (width * height) is 360px * 280px, and the maximum size (width * height) is 1200px * 800px. You can drag the title bar to move the position of the floating state expansion window, or stretch the four sides and / or four corners of the floating state expansion window to achieve scaling.

[0081] The height of the extended window in the adsorbed state is 800px, and the default (minimum) width of the extended window in the adsorbed state is 360px, and the maximum width is close to but does not exceed 600px. When scaling the extended window in the adsorbed state, if the window width is greater than or equal to 600px, the adsorption state of the extended window is switched to the embedded state.

[0082] The height of the extended window in the embedded state is 800px, and the minimum (default) width of the extended window in the embedded state is 360px, and the maximum width is 600px.

[0083] In one embodiment, as Figure 5 shown, the method further includes:

[0084] In response to receiving a window trigger signal generated based on the first extended window, obtain the current state of the first extended window, and use the current state of the first extended window as the second initial state of the second extended window;

[0085] Obtain the current state configuration information, and configure the second extended window according to the current state configuration information to obtain the second extended window in the initial state;

[0086] In response to receiving a window close signal generated based on the second extended window, close the second extended window, and display the first extended window in the current state on the top layer of the electronic page for the user to view.

[0087] Specifically, in addition to clicking the close button, the window close signal can also be clicking the back button. When the second extended window is switched, the technical means is the same as that of the first extended window. However, the second floating state configuration information, the second adsorption state configuration information, and the second embedded state configuration information can be different from the corresponding first floating state configuration information, the first adsorption state configuration information, and the first embedded state configuration information, that is, the window positions and window sizes of the second extended window and the first extended window are different in the same state.

[0088] The above various state configuration information can refer to the default configuration information of the corresponding state or the historical configuration record of the corresponding state. For example, when there is a historical configuration record of the floating state, use the most recent historical configuration record of the floating state as the floating state configuration information; when there is no historical configuration record of the floating state, use the floating state default configuration information as the floating state configuration information.

[0089] In addition, as Figure 6 shown, by editing the floating state, adsorption state, and / or embedded state of the extended window, it is possible to switch the floating state to the embedded state, etc.

[0090] It should be understood that although Figure 1 、 Figure 3The steps in the flowchart are shown in sequence according to the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise clearly stated in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 1 and Figure 3 at least a part of the steps in can include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily completed at the same time, but can be executed at different times. The execution order of these sub-steps or stages is not necessarily sequential, but can be executed alternately or in turn with at least a part of other steps or sub-steps or stages of other steps.

[0091] Embodiment 2

[0092] In one embodiment, as Figure 7 shown, an extended window configuration component is provided. The component includes a file object model, a function set, and an application programming interface set.

[0093] The file object model includes a header area, a content area, and a bottom operation area. The header area is used to carry the extended functions of the extended window. The content area is used to present the information in the extended window. The bottom operation area is used to trigger or close the extended functions of the extended window.

[0094] The function set includes a drag function, a window width and height function, and a window layer function. The drag function is defined through the application programming interface. The window width and height function and the window layer function are defined through the style attributes in the file object model. Among them, the style attributes include the width, height, and layer of the extended window.

[0095] The application programming interface set is used to define the drag and drop position of the drag function, the extended functions of the extended window, and the trigger conditions for the extended functions.

[0096] Specifically, the extended window dom (Document Object Model) is defined by html divs and is used to display the window interface of the extended window and carry the functional blocks of the extended window. Header area: carrying the title, rivets, close function buttons, and extended functions, etc.; Content area: the information that needs to be presented in the extended window; Bottom operation area: used for function triggering and closing of the extended window, etc.

[0097] A function set consists of a window function, a dragging function, a DOM interaction function, and a window hierarchy function. The drag and drop trigger is defined through the DOM drag and drop API (ondragstart, ondrag, ondragend) provided by JavaScript; the mouse activation and blur triggers are defined through the mouse DOMMouseEvent API; the position API (clientX, clientY) defines the position of the extended window DOM within the electronic page window, and the width, height, and index style attributes of the DOM are used to render the width, height, and hierarchy of the extended window.

[0098] An application programming interface set, in addition to the above definitions of the width and height of the basic extended window, the drag and drop position, and the content area, also needs to reserve some extended APIs to assist the extended window to complete more custom function trigger entries and window splitting functions. For example, by using source and target to distinguish the DOMs for window splitting to realize the impact of events on the DOM during the dragging process and achieve the interaction of the window splitting size.

[0099] For the specific limitations of the extended window configuration component, reference can be made to the limitations of the extended window configuration method in the above text, which will not be elaborated here. Each module in the above extended window configuration component can be implemented in whole or in part by software, hardware, and their combinations. The above modules can be embedded in the processor of the electronic device in hardware form or independent of it, or stored in the memory of the electronic device in software form to facilitate the processor to call and execute the operations corresponding to the above modules.

[0100] Embodiment III

[0101] In one embodiment, an electronic device is provided, including a memory, a processor, and a computer program stored on the memory and executable on the processor. When the processor executes the computer program, the following steps are implemented:

[0102] In response to receiving a window trigger signal generated based on an electronic page, obtain the first initial state of the first extended window, where the first initial state is a floating state, an adsorption state, or an embedded state;

[0103] In response to the first initial state being a floating state, obtain the first floating state configuration information, and configure the first extended window according to the first floating state configuration information to obtain the first floating state extended window;

[0104] In response to receiving a state switching signal generated based on the first floating state extended window, obtain the first target state, where the first target state is an adsorption state;

[0105] Obtain the first adsorption state configuration information, and configure the first floating state expansion window according to the first adsorption state configuration information to obtain the first adsorption state expansion window;

[0106] In response to receiving a state switching signal generated based on the first adsorption state expansion window, obtain a second target state, where the second target state is a floating state or an embedded state;

[0107] Obtain the first and second target state configuration information, and configure the first adsorption state expansion window according to the first and second target state configuration information to obtain the first and second target state expansion windows.

[0108] When the program instructions are read and executed by one or more processors, they can also perform operations corresponding to the respective steps in the above method embodiments. Reference can be made to the descriptions in the foregoing text, and details are not elaborated here. Reference Figure 8 , which exemplarily shows the architecture of the electronic device, specifically including a processor 810, a video display adapter 811, a disk drive 812, an input / output interface 813, a network interface 814, and a memory 820. The above-mentioned processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, and the memory 820 can be communicatively connected through a communication bus 830.

[0109] Among them, the processor 810 can be implemented in a general-purpose central processing unit (CPU), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, etc., and is used to execute relevant programs to implement the technical solution provided by this application.

[0110] The memory 820 can be implemented in the form of a read-only memory (ROM), a random access memory (RAM), a static storage device, a dynamic storage device, etc. The memory 820 can store an operating system 821 for controlling the operation of the electronic device 800, and a basic input / output system (BIOS) 822 for controlling the low-level operations of the electronic device 800. In addition, a web browser 823, a data storage management 824, and an icon font processing system 825, etc., can also be stored. The above-mentioned icon font processing system 825 can be the application program that specifically implements the foregoing respective step operations in the embodiments of this application. In short, when implementing the technical solution provided by this application through software or firmware, the relevant program codes are stored in the memory 820 and are called and executed by the processor 810.

[0111] The input / output interface 813 is used to connect to the input / output module to achieve information input and output. The input / output module can be configured as a component in the device (not shown in the figure) or externally connected to the device to provide corresponding functions. Among them, the input devices can include keyboards, mice, touchscreens, microphones, various sensors, etc., and the output devices can include displays, speakers, vibrators, indicator lights, etc.

[0112] The network interface 814 is used to connect to the communication module (not shown in the figure) to achieve communication and interaction between this device and other devices. Among them, the communication module can achieve communication through wired means (such as USB, network cable, etc.) or through wireless means (such as mobile network, WIFI, Bluetooth, etc.).

[0113] The bus 830 includes a path for transmitting information between various components of the device (such as the processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, and memory 820).

[0114] In addition, the electronic device 800 can also obtain information on specific collection conditions from the conditional information database 841 of the virtual resource object for conditional judgment, etc.

[0115] It should be noted that although the above electronic device 800 only shows the processor 810, video display adapter 811, disk drive 812, input / output interface 813, network interface 814, memory 820, bus 830, etc., in the specific implementation process, the electronic device may also include other components necessary for normal operation. In addition, those skilled in the art can understand that the above device may also only include the components necessary to implement the solution of the present application and does not necessarily include all the components shown in the figure.

[0116] From the description of the above embodiments, those skilled in the art can clearly understand that the present application can be implemented by means of software plus a necessary general hardware platform. Based on such an understanding, the technical solution of the present application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product can be stored in a storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes several instructions to enable an electronic device (which can be a personal computer, cloud server, or network device, etc.) to execute the methods of various embodiments or some parts of the embodiments of the present application.

[0117] Embodiment 4

[0118] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the following steps are implemented:

[0119] In response to receiving a window trigger signal generated based on an electronic page, obtain a first initial state of a first extended window, where the first initial state is a floating state, an adsorption state, or an embedded state;

[0120] In response to the first initial state being the floating state, obtain first floating state configuration information, and configure the first extended window according to the first floating state configuration information to obtain a first floating state extended window;

[0121] In response to receiving a state switching signal generated based on the first floating state extended window, obtain a first target state, where the first target state is the adsorption state;

[0122] Obtain first adsorption state configuration information, and configure the first floating state extended window according to the first adsorption state configuration information to obtain a first adsorption state extended window;

[0123] In response to receiving a state switching signal generated based on the first adsorption state extended window, obtain a second target state, where the second target state is the floating state or the embedded state;

[0124] Obtain first second target state configuration information, and configure the first adsorption state extended window according to the first second target state configuration information to obtain a first second target state extended window.

[0125] Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above methods. Among them, any reference to a memory, storage, database, or other medium used in the various embodiments provided in the present application can include non-volatile and / or volatile memories. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), Rambus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and Rambus dynamic RAM (RDRAM), etc.

[0126] The technical features of the above embodiments can be combined arbitrarily. For the sake of brevity of description, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, it should be considered as the scope recorded in this specification.

[0127] The above embodiments only represent several implementation manners of the present application. The description is relatively specific and detailed, but it should not be construed as a limitation on the scope of the invention patent. It should be noted that for those of ordinary skill in the art, without departing from the concept of the present application, several modifications and improvements can still be made, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application should be subject to the appended claims.

[0128] Embodiment 5

[0129] In one embodiment, a computer program product is provided, on which a computer program is stored. When the computer program is executed by a processor, the following steps are implemented:

[0130] In response to receiving a window trigger signal generated based on an electronic page, obtain the first initial state of the first expansion window, where the first initial state is a floating state, an adsorption state, or an embedded state;

[0131] In response to the first initial state being the floating state, obtain the first floating state configuration information, and configure the first extended window according to the first floating state configuration information to obtain the first floating state extended window;

[0132] In response to receiving a state switching signal generated based on the first floating state extended window, obtain a first target state, where the first target state is the adsorbed state;

[0133] Obtain the first adsorbed state configuration information, and configure the first floating state extended window according to the first adsorbed state configuration information to obtain the first adsorbed state extended window;

[0134] In response to receiving a state switching signal generated based on the first adsorbed state extended window, obtain a second target state, where the second target state is the floating state or the embedded state;

[0135] Obtain the first second target state configuration information, and configure the first adsorbed state extended window according to the first second target state configuration information to obtain the first second target state extended window.

[0136] Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a computer program product. When the computer program is executed, it can include the processes of the embodiments of the above methods.

[0137] The technical features of the above embodiments can be combined arbitrarily. For the sake of brevity of description, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, it should be considered as the scope described in this specification.

[0138] The above embodiments only represent several implementation manners of the present application. The description is relatively specific and detailed, but it should not be construed as a limitation on the scope of the invention patent. It should be noted that for those of ordinary skill in the art, without departing from the concept of the present application, several deformations and improvements can still be made, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application should be subject to the appended claims.

Claims

1. A method for configuring an extended window, applied to an electronic page, characterized in that: The method comprises: In response to receiving a window trigger signal generated based on the electronic page, acquiring a first initial state of the first extended window, wherein the first initial state is a suspended state, an adsorbed state, or an embedded state; In response to the first initial state being a suspended state, first suspended state configuration information is acquired, and a first extended window is configured according to the first suspended state configuration information to obtain a first suspended state extended window; In response to receiving a state switching signal generated based on the first floating state expansion window, acquiring a first target state, wherein the first target state is an adsorption state; Acquire first adsorption state configuration information, and configure the first suspension state extension window according to the first adsorption state configuration information to obtain the first adsorption state extension window; In response to receiving a state switching signal generated based on the first adsorption state expansion window, acquiring a second target state, wherein the second target state is a suspended state or an embedded state; The first and second target state configuration information is obtained, and the first adsorption state extension window is configured according to the first and second target state configuration information to obtain the first and second target state extension window.

2. The method according to claim 1, characterized in that: In response to the second target state being an embedded state, the method further includes: Acquire first embedding state configuration information, and configure the first adsorption state extension window according to the first embedding state configuration information to obtain the first embedding state extension window; In response to receiving a state switching signal generated based on the first embedded state expansion window, acquiring a third target state, wherein the third target state is a suspended state or an adsorbed state; The first and third target state configuration information is obtained, and the first embedded state extension window is configured according to the first and third target state configuration information to obtain the first and third target state extension window.

3. The method according to claim 2, characterized in that: In response to the third target state being a suspended state, the method further includes: Acquire the first suspension state configuration information, and configure the first embedded state extension window according to the first suspension state configuration information to obtain the first suspension state extension window; In response to the third target state being an adsorption state, the method further includes: The first adsorption state configuration information is acquired, and the first embedded state extension window is configured according to the first adsorption state configuration information to obtain the first adsorption state extension window.

4. The method according to claim 1, characterized in that: In response to the second target state being a suspended state, the method further includes: The first suspension state configuration information is acquired, and the first adsorption state extension window is configured according to the first suspension state configuration information to obtain the first suspension state extension window.

5. The method according to claim 2, characterized in that: Configuring the first adsorption state extension window according to the first embedding state configuration information to obtain the first embedding state extension window includes: Switching the position of the first extended window from the position of the first adsorption state extended window to the first embedded state window position in the first embedded state configuration information; Switching the size of the first extended window from the size of the first adsorption state extended window to the first embedded state window size in the first embedded state configuration information; The level of the first extended window is switched from the level of the first adsorption state extended window to the level of the first embedded state window in the first embedded state configuration information.

6. The method according to claim 5, characterized in that: The first floating state extended window is displayed on a temporary layer of the electronic page, the first adsorbed state extended window is displayed on a temporary layer of the electronic page, and the first embedded state extended window is displayed on a content layer of the electronic page.

7. The method according to claim 6, characterized in that: The content area of ​​the electronic page is in the content layer, and the temporary layer is an upper layer of the content layer. The first suspended state extended window is in the content area, the width of the first suspended state extended window is greater than or equal to the electronic page width of a first preset multiple and less than or equal to the electronic page width, and the height of the first suspended state extended window is greater than or equal to the content area height of a second preset multiple and less than or equal to the content area height, wherein the first preset multiple and the second preset multiple are both greater than 0 and less than 1; The right frame of the first adsorption state extended window is overlapped and fixed with the right frame of the content area, and the upper and lower frames of the first adsorption state extended window are overlapped and fixed with the upper and lower frames of the content area respectively, and the width of the first adsorption state extended window is greater than or equal to the electronic page width of the first preset multiple and less than the electronic page width of the third preset multiple, wherein the third preset multiple is greater than the first preset multiple and less than 1; The right border of the first embedded state expanded window is overlapped and fixed with the right border of the content area, and the upper and lower borders of the first embedded state expanded window are overlapped and fixed with the upper and lower borders of the content area respectively, and the width of the first embedded state expanded window is greater than or equal to the first preset multiple of the electronic page width, and less than or equal to the third preset multiple of the electronic page width.

8. An extended window configuration component, characterized in that: The components include a file object model, a function set, and an application program interface set. The file object model includes a header area, a content area, and a bottom operation area, wherein the header area is used to carry the extended function of the extended window, the content area is used to present the information in the extended window, and the bottom operation area is used to trigger or close the extended function of the extended window; The function set includes a drag function, a window width and height function, and a window level function, wherein the drag function is defined through the application program interface, and the window width and height function and the window level function are defined through style attributes in the document object model, wherein the style attributes include the width, height, and level of the extended window; The application program interface set is used to define the drag and drop position of the drag function, the extended function of the extended window and the triggering condition of the extended function.

9. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 7 are implemented.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 7 are implemented.

Images