System and method for handling overlapping objects in visual editing systems

Patent metadata

Field	Value
Publication number	US-12585377-B2
Application number	US-202418594017-A
Country	US
Kind code	B2
Filing date	Mar 4, 2024
Priority date	Feb 4, 2018
Publication date	Mar 24, 2026
Grant date	Mar 24, 2026

Abstract

A tool and a method for a visual editor of a web page. The tool includes an editor overlap handler to determine display instructions for the visual editor, the web page having a plurality of components wherein some components are regular components that are fully visible and at least one component that is an overlapped or visually obscured component (OOVOC). The plurality of components are associated with display rules and the display instructions depend on a selected point on the web page, z-order of the plurality of components and activation rules associated with components located at a certain proximity from the selected point.

First claim

What is claimed is:

1 . A system for a visual editor of a web page having a main view, the system comprising:
at least one processor; a memory communicatively coupled to said at least one processor; and an editor overlap handler stored in said memory and executable by said at least one processor to determine display instructions for said visual editor, said web page having a plurality of components represented by a three-dimensional (3D) coordinate system defining x, y, and z-order coordinates, wherein said plurality of components comprise components that are regular components that are fully visible and at least one overlapped or visually obscured component (OOVOC) component, said plurality of components associated with display rules and wherein said display rules depend on a selected point on said web page, said z-order and activation rules associated with components, at least one of said components having an area that intersects a predefined radius of pixels around said selected point; and wherein said editor overlap handler generates at least one side view alongside and in addition to said main view, said at least one side view comprising a two-dimensional (2D) projection of at least a subset of said plurality of components providing a graphical representation of said components as viewed from a side to make said z-order layering of the components visually apparent by mapping said z-order coordinate of each projected component to one of a horizontal axis or a vertical axis within said 2D projection.

2 . The system according to claim 1 wherein said editor overlap handler to adjust a view of said at least one OOVOC according to said display instructions based on a location of an input device of a user determining said selected point on said web page and at least one of: semantic and geometric relationships between said regular components and said at least one OOVOC.

3 . The system according to claim 1 wherein said geometric relationships are at least one of: hierarchical, inter-page component associations and size of overlap.

4 . The system according to claim 1 and also comprising a component manipulation handler to modify visual attributes of said at least one OOVOC according to said editor overlap handler.

5 . The system according to claim 4 wherein said component manipulation handler comprises at least one of:
a transparency handler to make said at least one OOVOC at least one of: transparent and semi-transparent;
a z-order handler to modify or preserve the z-order between said regular components, and said at least one OOVOC of said web page;
a general behavior handler to change attributes of said at least one OOVOC according to at least one of: shape modifications, zooming, resizing, moving, clipping, dynamic layout, content changes, frame changes, changes in fill and color; and
a 3D display handler to convert said at least one OOVOC into a 3D display.

6 . The system according to claim 2 wherein said input device comprises at least one of: a mouse, a trackball, a digitizer input device, physical human motion detection, a biometric parameter reader, a 2D pointing device and a 3D pointing device.

7 . The system according to claim 2 wherein said editor overlap handler comprises:
a data gatherer to gather information on said regular components, and said at least one OOVOC from at least one of: at least one database and systems external to said visual editor;
a component relationship analyzer to analyze said at least one of: semantic and geometric relationships; and
a component visibility determiner to determine activation conditions from output of said data gatherer and said component relationship analyzer.

8 . A method for a visual editor of a web page; the method comprising:
determining display instructions for said visual editor, web page having a plurality of components represented by a three-dimensional (3D) coordinate system defining x, y, and z-order coordinates, wherein said plurality of components comprise components that are regular components that are fully visible and at least one overlapped or visually obscured (OOVOC) component, said plurality of components associated with display rules and wherein said display instructions depend on a selected point on said web page, said z-order and activation rules associated with components, at least one of said components having an area that intersects a predefined radius of pixels around said selected point; wherein said determining display instructions generates at least one side view alongside and in addition to said main view, said at least one side view comprising a two-dimensional (2D) projection of at least a subset of said plurality of components providing a graphical representation of said components as viewed from a side to make said z-order layering of the components visually apparent by mapping said z-order coordinate of each projected component to one of a horizontal axis or a vertical axis within said 2D projection.

9 . The method according to claim 8 further comprising:
adjusting a view of said at least one OOVOC according to said display instructions based on a location of an input device of a user determining said selected point on said web page and at least one of: semantic and geometric relationships between said regular components and said at least one OOVOC.

10 . The method according to claim 8 wherein said geometric relationships are at least one of: hierarchical, inter-page component associations and size of overlap.

11 . The method according to claim 8 and also comprising modifying visual attributes of said at least one OOVOC according to said determining display instructions.

12 . The method according to claim 11 wherein said modifying comprises at least one of:
making said at least one OOVOC at least one of: transparent and semi-transparent;
modifying or preserving said z-order between said regular components, and said at least one OOVOC of said web page;
changing attributes of said at least one OOVOC according to at least one of: shape modifications, zooming, resizing, moving, clipping, dynamic layout, content changes, frame changes, changes in fill and color; and
converting said at least one OOVOC into a 3D display.

13 . The method according to claim 9 wherein said input device comprises at least one of: a mouse, a trackball, a digitizer input device, physical human motion detection, a biometric parameter reader, a 2D pointing device and a 3D pointing device.

14 . The method according to claim 9 wherein said adjusting comprises:
gathering information on said regular components, and said at least one OOVOC from at least one of: at least one database and systems external to said visual editor;
analyzing said least one of: semantic and geometric relationships; and
determining activation conditions from output of said gathering and said analyzing.

Assignees

• Wix Com Ltd

Inventors

• Fialkow Roni

Classifications

• G06F3/0481

  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 · CPC title

• G06F2203/04803

  Split screen, i.e. subdividing the display area or the window area into separate subareas · CPC title

• G06F40/166

  Editing, e.g. inserting or deleting · CPC title

• G06F40/14 Primary

  Tree-structured documents (parsing G06F40/205; validation G06F40/226) · CPC title

• G06F16/958

  Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking · CPC title