Decomposing markup language elements for animation

• US 9,171,098 B2
• Filed: 09/30/2011
• Issued: 10/27/2015
• Est. Priority Date: 09/30/2011
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Mandal, Aditi, Gittelman, Arye, Robinson, Lionel, Seth, Joy
• Primary Examiner(s): Baderman, Scott
• Assistant Examiner(s): Smith, Benjamin J
• Application Number:
  US13/249,269
• Publication Number:
  US 20130086463A1
• Time in Patent Office: 1,488 Days
• Field of Search: 715/234, 715/235, 715/212, 345/473, 345/619
• US Class Current: 1/1
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 40/18 of spreadsheets form-filling G06F40/174
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06T 13/00 Animation

Abstract

Embodiments prepare a markup language (ML) element for animation. A request to perform at least one animation on at least one ML element is intercepted or received. One or more animation preparation attribute values are defined based at least on the requested animation and current attribute values of the ML element. The ML element is altered to include the defined animation preparation attribute values, and an animation engine performs the animation of the altered ML element. The animation preparation attributes and values (e.g., style elements) may be reset, removed, or otherwise modified after animation. In some embodiments, a library of application programming interfaces (APIs) enable web browsers to request animations of legacy hypertext markup language (HTML) elements for consumption by animation engines based on JAVASCRIPT scripting or cascading style sheets (CSS).

Claims

1. A system for animating legacy markup language (ML) elements, said system comprising:

a memory area associated with a computing device, said memory area storing a plurality of application programming interfaces (APIs) for animating markup language (ML) elements; and

a processor programmed to;

receive, from an application program via at least one of the plurality of APIs stored in the memory area, a request to perform at least one animation on a ML element in a document, the ML element having one or more style attributes associated therewith;

change the ML element within the document by including one or more animation preparation attributes within the ML element and modifying current values of the one or more style attributes, wherein the one or more animation preparation attributes are defined based on the requested at least one animation such that content from the changed ML element appears the same as before the ML element was changed, wherein the ML element is prepared for the requested at least one animation based on the change in the ML element;

perform the requested at least one animation on the changed ML element using the defined one or more animation preparation attributes included therein;

update the changed ML element, only after completing a last-to-finish animation from the requested at least one animation by removing the included one or more animation preparation attributes from the changed ML element and resetting the changed ML element to its original layout; and

provide, to the application program, the updated ML element with the included one or more animation preparation attributes removed, the updated ML element indicating, to the application program, completion of the requested at least one animation.

2. The system of claim 1, wherein the request is to move cells within a table, and wherein the processor is further programmed to represent each of the cells as a separate ML element.

3. The system of claim 2, wherein the processor is further programmed to define absolute coordinates using offset coordinates received from the application program, and wherein the processor changes the ML element by changing at least one of the style attributes to include the defined absolute coordinates.

4. The system of claim 1, wherein the request is to replace the ML element, and wherein the processor is further programmed to create a copy of the ML element for simultaneous animation with the ML element.

5. The system of claim 1, wherein the request is to show inline content of an inline bounding box, and wherein the processor is further programmed to determine a size of the inline content and animate the inline bounding box that grows to the determined size for containing the inline content.

6. The system of claim 1, wherein the application program is a browser and the ML element is a hypertext markup language (HTML) element.

7. The system of claim 1, wherein the memory area further stores a library of the animation preparation attributes.

8. The system of claim 1, further comprising means for cross-browser animation of legacy hypertext markup language (HTML) elements.

9. A method comprising:

receiving, by a computing device from an application program, a request to perform at least one animation on a markup language (ML) element, the ML element having one or more style attributes associated therewith;

changing the ML element by including one or more animation preparation attributes within the ML element and modifying current values of the one or more style attributes, the one or more animation preparation attributes being defined based on the requested at least one animation such that content from the changed ML element appears the same as before the ML element was changed, wherein the ML element is prepared for the requested at least one animation based on the change in the ML element;

performing the requested at least one animation on the changed ML element using the defined one or more animation preparation attributes included therein;

update the changed ML element, only after completing a last-to-finish animation from the requested at least one animation by removing the included one or more animation preparation attributes from the changed ML element and resetting the changed ML element to its original layout; and

provide, to the application program, the updated ML element with the one or more animation preparation attributes removed, the updated ML element indicating, to the application program, completion of the requested at least one animation.

10. The method of claim 9, further comprising receiving an indication from the animation engine that animation of the changed ML element has completed.

11. The method of claim 9, wherein animation of the changed ML element produces the updated ML element.

12. The method of claim 9, further comprising providing the changed ML element to the animation engine for animation.

13. The method of claim 9, wherein receiving the request to perform the at least one animation comprises receiving a function call from an application program via an application programming interface.

14. The method of claim 9, further comprising:

selecting the one or more style attributes associated with the ML element based on the request; and

defining one or more animation definitions for the selected one or more style attributes based on the current attribute values, wherein the changed ML element is animated based on the defined one or more animation definitions.

15. The method of claim 9, wherein the application program is a browser and the ML element is a hypertext markup language (HTML) element.

16. The method of claim 9, further comprising creating a copy of the at least one ML element for simultaneous animation with the at least one ML element.

17. One or more computer storage media embodying computer-executable components, said components comprising:

an interface component that on execution causes at least one processor to receive, from an application program, a request to perform an animation on a markup language (ML) element, the ML element having one or more style attributes associated therewith;

a decomposition component that on execution causes at least one processor to change the ML element by including one or more animation preparation attributes within the ML element and modifying current values of the one or more style attributes, wherein the one or more animation preparation attributes are defined based on the requested animation such that content from the changed ML element appears the same as before the ML element was changed, wherein the ML element is prepared for the requested animation based on the change in the ML element;

an animation engine component that on execution causes at least one processor to perform the requested animation on the changed ML element using the defined one or more animation preparation attributes included therein; and

a re-composition component that on execution causes at least one processor to update the changed ML element, after completing a last-to-finish animation from the requested animation by removing the included one or more animation preparation attributes from the ML element and resetting the changed ML element to its original layout,

wherein the interface component further provides, to the application program, the updated ML element with the one or more animation preparation attributes removed by the re-composition component, the updated ML element indicating, to the application program, completion of the requested animation.

18. The computer storage media of claim 17, wherein the interface component increments a reference counter for the received request, and wherein the re-composition component decrements the reference counter upon completion of the requested animation.

19. The computer storage media of claim 18, wherein the re-composition component removes the one or more animation preparation attribute values based on determining that the reference counter has a value of zero.

20. The computer storage media of claim 17, wherein the interface component receives one or more of the following requests:

move at least one cell in a table, insert at least one row in a table, remove at least one row from a table, re-order cells within a table, fade-in at least one cell in a table, and fade-out at least one cell in a table.