Extensible content focus mode

Patent metadata

Field	Value
Publication number	US-9268875-B2
Application number	US-201213548897-A
Country	US
Kind code	B2
Filing date	Jul 13, 2012
Priority date	Jul 13, 2012
Publication date	Feb 23, 2016
Grant date	Feb 23, 2016

Abstract

Technologies are described herein for providing a focus-on-content (FOC) mode for a content page. The content page may be received. The content page may include a content portion and various other portions. The content page may be configured in a first state. Code configured to transform the content page from the first state to a second state may be received. The second state may place a greater focus on the content portion and produce a reduced focus on the other portions than the first state. The code may be inserted into the content page. A user instruction to enable the FOC mode may be received. Response to receiving the user instruction to enable the FOC mode, the content page may be transformed from the first state to the second state in accordance with the code.

First claim

What is claimed is:

1. A computer-implemented method for providing a focus-on-content (FOC) mode for a content page, the computer-implemented method comprising:
receiving, at a computer, the content page comprising a content portion and a plurality of other portions, the content page configured in a first state;
receiving, at the computer, Cascading Style Sheets (CSS) code defining a CSS style as an ancestor of an interface element in the content page, the CSS style corresponding to a class name, and the CSS code configured to transform the content page from the first state to a second state, the second state placing a greater focus on the content portion and placing a reduced focus on the plurality of other portions than the first state;
inserting, at the computer, the CSS code defining the CSS style into a Hypertext Markup Language (HTML) structure of the content page;
receiving, at the computer, a user selection of a FOC mode button in the content page;
responsive to receiving the user selection of the FOC mode button, enabling the FOC mode and transforming the content page by
inserting the class name into a HTML element of the content page, and transforming the content page from the first state to the second state in accordance with the CSS code;

receiving, at the computer, a second selection of the FOC mode button; and
responsive to receiving the second selection of the FOC mode button, disabling the FOC mode and transforming the content page by
removing the class name from the HTML element of the content page, and transforming the content page from the second state to the first state.

2. The computer-implemented method of claim 1 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by adding interface elements.

3. The computer-implemented method of claim 1 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by removing interface elements.

4. The computer-implemented method of claim 1 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by rearranging interface elements.

5. The computer-implemented method of claim 1 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by resizing interface elements.

6. The computer-implemented method of claim 1 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by providing more interactive content with respect to the first state.

7. An optical, magnetic, or semiconductor computer-readable storage medium having computer-executable instructions stored thereon which, when executed by a computer, cause the computer to perform operations comprising:
receiving a content page comprising a content portion and a plurality of other portions, the content page configured in a first state;
receiving Cascading Style Sheets (CSS) code defining a CSS style as an ancestor of an interface element in the content page, the CSS style corresponding to a class name, and the CSS code configured to transform the content page from the first state to a second state, the second state placing a greater focus on the content portion and placing a reduced focus on the plurality of other portions than the first state;
inserting the CSS code defining the CSS style into a Hypertext Markup Language (HTML) structure of the content page;
receiving a first user selection of a focus-on-content (FOC) mode button in the content page;
responsive to receiving the first user selection of the FOC mode button, enabling the FOC mode and transforming the content page by
inserting the class name into a HTML element of the content page, and transforming the content page the content page from the first state to the second state in accordance with the CSS code;

receiving a second user selection of the FOC mode button; and
responsive to receiving the second user selection of the FOC mode button, disabling the FOC mode and transforming the content page by
removing the class name from the HTML element of the content page, and transforming the content page from the second state to the first state in accordance with the CSS code.

8. The optical, magnetic, or semiconductor computer-readable storage medium of claim 7 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by adding interface elements.

9. The optical, magnetic, or semiconductor computer-readable storage medium of claim 7 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by removing interface elements.

10. The optical, magnetic, or semiconductor computer-readable storage medium of claim 7 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by resizing interface elements.

11. The optical, magnetic, or semiconductor computer-readable storage medium of claim 7 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by providing more interactive content with respect to the first state.

12. The optical, magnetic, or semiconductor computer-readable storage medium of claim 7 , wherein transforming the content page from the first state to the second state in accordance with the CSS code comprises generating the second state by providing more detailed content with respect to the first state.

13. A computer system, comprising:
a processor;
a memory communicatively coupled to the processor; and
a program module which executes in the processor from the memory and which, when executed by the processor, causes the processor to
receive a content page comprising a content portion and a plurality of other portions,
receive Cascading Style Sheets (CSS) code defining a CSS style, the CSS code defining the CSS style as an ancestor of an interface element in the content page, the CSS style corresponding to a class name,
receive JAVASCRIPT code defining an enable FOC mode function and a disable FOC mode function, the enable FOC mode function configured to transform the content page from a first state to a second state, the disable FOC mode function configured to transform the content page from the second state to the first state,
insert the CSS code defining the CSS style into a Hypertext Markup Language (HTML) structure of the content page,
insert the JAVASCRIPT code defining the enable FOC mode function into the HTML structure of the content page,
register a first JAVASCRIPT event handler for a first event configured to trigger the enable FOC mode function,
register a second JAVASCRIPT event hander for a second event configured to trigger the disable FOC mode function,
receive a first user instruction to enable a focus-on-content (FOC) mode,
identify an occurrence of the first event,
responsive to identifying the occurrence of the first event, execute the enable FOC mode function transforming the content page from the first state to the second state,
responsive to receiving the first user instruction to enable the FOC mode, insert the class name into a HTML element of the content page, and transform the content page which applies t

Assignees

• Campbell Jonathan Thomas
• Miller Robin Marie
• Padmanabhan Dhivya
• Microsoft Technology Licensing Llc

Inventors

• Campbell Jonathan Thomas
• Miller Robin Marie
• Padmanabhan Dhivya

Classifications

• G06F16/9577 Primary

  Optimising the visualization of content, e.g. distillation of HTML documents · CPC title

• 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

• G06F17/2247

  Physics · mapped topic

• G06F17/30905 Primary

  Physics · mapped topic

• G06F40/143

  Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD] · CPC title