Systems and methods for dynamic, real time management of cross-domain web plugin content

• US 9,740,672 B2
• Filed: 10/24/2014
• Issued: 08/22/2017
• Est. Priority Date: 10/24/2014
• Status: Active Grant

• Current Assignee: Powr Inc.
• Original Assignee: Powr Inc.
• Inventors: Ross, Benjamin, May, Josh
• Primary Examiner(s): Hong, Stephen
• Assistant Examiner(s): ANDERSON, BRODERICK C
• Application Number:
  US14/523,309
• Publication Number:
  US 20160117297A1
• Time in Patent Office: 1,033 Days
• Field of Search: 715241
• CPC Class Codes: G06F 3/04847 Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
• CPC Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
• CPC Class Codes: G06F 40/197 Version control for software G06F8/71

Abstract

The present disclosure relates to methods and apparatuses for seamlessly embedding content from other sources into web pages. Iframes are typically used to embed the content from other sources. The design or style components of the content from other sources displayed through an Iframe may not match the surrounding content of the web page in which the Iframe is embedded. Often updating the style components of an Iframe will require a client to visit the source of the content, update code, and/or refresh the client'"'"'s webpage to reflect the updated content. Disclosed herein are methods and systems for allowing a client to update style components of content displayed in an Iframe directly from the Iframe, without requiring the client to leave the client webpage, update code, or refresh the client webpage.

Claims

1. A computer system programmed to update embedded content, the computer system comprising at least one non-transitory computer readable medium, the non-transitory computer readable medium having instructions encoded thereon, comprising instructions for:

displaying web page content, including at least one Iframe providing content from a remote domain;

generating design information based on a statistical analysis of style components of the web page content;

displaying a settings window responsive to a client request, wherein the settings window provides options for the content from the remote domain, wherein the settings window is separate from the at least one Iframe;

updating a local version of the content in the at least one Iframe as the client provides input to the settings window;

re-displaying at least one Iframe in real time responsive to client input to the settings window, at least one of the re-displayed Iframes providing an updated local version of the content, wherein redisplaying comprises passing the updated local version of the content to the at least one Iframe using cross domain messaging;

communicating the updated local version of the content to the remote domain in accordance with the input to the settings window;

communicating the design information regarding the web page content to the remote domain; and

receiving the content from the remote domain for display in the at least one Iframe, wherein the content has been updated in accordance with the design information.

2. The computer system of claim 1, wherein the instructions further comprise:

saving the updated content at the remote domain.

3. The computer system of claim 1, wherein the design information further comprises:

font families, font sizes, font colors, font-weights, font-styles, background colors, shadows, margins, padding, background, borders, directions, line-height, opacity, positioning, alignment, or combinations thereof.

4. The computer system of claim 1, wherein the at least one Iframe is generated by client embedded code within the web page.

5. The computer system of claim 1, wherein the at least one Iframe is generated by a tag or shortcode within the web page.

6. The computer system of claim 4, wherein the client embedded code comprises one of:

JavaScript, ActiveX, Java, Dart, TypeScript, or VBScript.

7. The computer system of claim 4, wherein cross domain messaging is initiated between the at least one Iframe and the client embedded code.

8. The computer system of claim 1, wherein the instructions further comprise:

displaying a settings window for the at least one Iframe, responsive to a client request.

9. The computer system of claim 8, wherein the settings window allows the client to choose design options for display in the at least one Iframe.

10. The computer system of claim 9, wherein the settings window visually renders in real-time design options for display in the at least one Iframe.

11. The computer system of claim 4, wherein the statistical analysis of style components of the web page content is computed by the client embedded code within the webpage.

12. The computer system of claim 11, wherein the statistical analysis includes at least one of mean, median, mode, range, standard deviation, standard variance, or cluster analysis of design information.

13. A computer system programmed for update of embedded content, the computer system comprising at least one non-transitory computer readable medium, the non-transitory computer readable medium having instructions encoded thereon, comprising instructions for:

displaying web page content, the web page content including at least one Iframe that provides content from a remote domain;

generating design information based on a statistical analysis of style components of the web page content;

displaying a settings window responsive to a client request, wherein the settings window provides options for the content from the remote domain, the options based on the generated design information, wherein the settings window is separate from the at least one Iframe;

updating a local version of the content in the at least one Iframe as the client provides input to the settings window;

re-displaying the at least one Iframe in real time responsive to client input to the settings window, at least one of the re-displayed Iframe providing an updated local version of the content, wherein redisplaying comprises passing the updated local version of the content to the at least one Iframe using cross domain messaging; and

communicating the updated local version of the content to the remote domain in accordance with the input to the settings window.

14. The computer system of claim 13, wherein the at least one Iframe is generated by client embedded code within the web page;

and wherein the client embedded code comprises code for statistical analysis of style components of the web page content.

15. The computer system of claim 14, wherein the analysis of style components comprises computing at least one of mean, median, mode, range, standard deviation, standard variance, or cluster analysis of style components.

16. The computer system of claim 15, wherein the style components include font families, font sizes, font colors, font-weights, font-styles, background colors, shadows, margins, padding, background, borders, directions, line-height, opacity, positioning, alignment, or combinations thereof.

17. The computer system of claim 13, wherein updating the content in the at least one Iframe further comprises rendering the content in real-time.

18. The computer system of claim 13, wherein communicating updated content further comprises saving the updated content to the remote domain.

19. A computer system programmed to update embedded content, the computer system comprising at least one non-transitory computer readable medium, the non-transitory computer readable medium having instructions encoded thereon, comprising instructions for:

displaying web page content, including a plurality of Iframes that provides content from a remote domain;

displaying a settings window responsive to a client request, wherein the settings window provides options for the content from the remote domain, wherein the settings window is separate from the plurality of Iframes;

updating a local version of the content in the plurality of Iframes as the client provides input to the settings window;

re-displaying at least one of the plurality of Iframes in real time responsive to the client input to the settings window, at least one of the re-displayed Iframes providing the updated local version of the content, wherein redisplaying comprises passing the updated local version of the content to the at least one of the plurality of Iframes using cross domain messaging; and

communicating the updated local version of the content to the remote domain in accordance with the input to the settings window.

20. The computer system of claim 19, wherein the settings window is a parent settings window that provides options for the plurality of Iframes.

21. The computer system of claim 19, wherein the settings window is a settings window of a plurality of settings windows that provide options to a respective Iframe of the plurality of Iframes.

22. The computer system of claim 19, wherein communicating the updated content further comprises saving the updated content to the remote domain.

23. The computer system of claim 19, wherein the options for the content are based on statistical analysis of style components from the client web page.

24. The computer system of claim 23 wherein the statistical analysis of style components includes at least one of mean, median, mode, range, standard deviation, standard variance, or cluster analysis of font families, font sizes, font colors, font-weights, font-styles, background colors, shadows, margins, padding, background, borders, directions, line-height, opacity, positioning, alignment, or combinations thereof.