Display dialogs

• US 8,910,035 B2
• Filed: 12/12/2011
• Issued: 12/09/2014
• Est. Priority Date: 12/12/2011
• Status: Active Grant

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Zhu, Wei, Valtchanov, Nikolay A.
• Primary Examiner(s): Mills, Frank D
• Application Number:
  US13/323,498
• Publication Number:
  US 20130151943A1
• Time in Patent Office: 1,093 Days
• Field of Search: 715/234
• US Class Current: 715/234
• CPC Class Codes: G06F 16/955 using information identifiers, e.g. uniform resource locators [URL]
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 16/958 Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

In one embodiment, a first device sends a request to a second device, the request causing a dialog to be displayed on the first device. The second device selects a rendered dialog template corresponding to the dialog; constructs a web page that includes the rendered dialog template; and sends the web page to the first device. The first device displays the web page including the dialog.

Claims

1. A method comprising:

by one or more computing devices,

rendering and storing a plurality of dialog templates, each dialog template comprising content for presenting a dialog requiring user interaction and one or more place holders for insertion of content, each dialog template stored with a unique identifier,

receiving, from client-side code associated with a user-interface component of an electronic device, a request, which causes a dialog to be displayed on the electronic device;

selecting, from the plurality of dialog templates, a rendered dialog template corresponding to the dialog, the rendered dialog template having been rendered for display on electronic devices;

constructing a web page that includes the rendered dialog template comprising the one or more placeholders; and

sending, to the electronic device, the web page including the rendered dialog template comprising the one or more placeholders for insertion and display of the content by the client-side code executed on the requesting electronic device.

2. The method of claim 1, wherein the rendered dialog template is included in the web page as an “

iframe”

element.

3. The method of claim 1, wherein the rendered dialog template is referenced with a Uniform Resource Locator (URL).

4. The method of claim 1, wherein:

each place holder is identified by a token and corresponds to a piece of dynamic content.

5. The method of claim 1, further comprising:

defining one or more dialog templates respectively corresponding to one or more types of dialogs;

rendering the one or more dialog templates for display on the electronic devices;

storing the one or more rendered dialog templates; and

associating each rendered dialog template with a unique Uniform Resource Locator (URL) for identifying and referencing the rendered dialog template.

6. The method of claim 5, wherein each rendered dialog template is represented using HyperText Markup Language (HTML) code.

7. The method of claim 5, wherein:

at least one of the one or more dialog templates each comprises one or more pieces of dynamic content; and

for each dialog template that comprises one or more pieces of dynamic content, when rendering the dialog template, each piece of dynamic content included in the dialog template has a corresponding place holder, identified by a token, in the rendered dialog template.

8. The method of claim 5, wherein selecting the rendered dialog template corresponding to the dialog:

determining a type of dialogs to which the dialog belongs; and

selecting, from the one or more rendered dialog templates, the specific rendered dialog template corresponding to the type of dialogs to which the dialog belongs.

9. A method comprising:

sending, to a computing device and by client-side code associated with a user-interface component of an electronic device, a request, which causes a dialog to be displayed on the electronic device;

receiving, from the computing device, a web page that includes a rendered dialog template corresponding to the dialog, the rendered dialog template comprising one or more place holders for insertion of content;

inserting, by the client-side code, content in the place of the one or more place holders; and

displaying, by the client-side code associated with the user-interface component of the electronic device, the web page including the dialog, the dialog being displayed based on the rendered dialog template.

10. The method of claim 9, further comprising selecting the rendered dialog template corresponding to the dialog.

11. The method of claim 9, wherein the rendered dialog template is included in an “

iframe”

element in the web page.

12. The method of claim 9, wherein:

the rendered dialog template is referenced with a Uniform Resource Locator (URL); and

rendered dialog template is represented using HyperText Markup Language (HTML) code.

13. The method of claim 9, wherein the one or more place holders respectively correspond to one or more pieces of dynamic content.

14. The method of claim 13, further comprising:

processing the rendered dialog template included in the web page to identify the one or more place holders; and

for each place holder, selecting a piece of dynamic content to be displayed in the dialog replacing the place holder.

15. The method of claim 14, wherein the client-side code comprises a client-side script, written in JavaScript, residing on the electronic device.

16. The method of claim 14, wherein displaying the web page comprises:

for each place holder included in the rendered dialog template, replacing the place holder with the corresponding piece of dynamic content and displaying the corresponding piece of dynamic content in place of the place holder.

17. The method of claim 9, further comprising caching the rendered dialog template.

18. The method of claim 9, wherein the electronic device is a mobile device.

19. A system comprising:

a memory comprising instructions executable by one or more processors; and

the one or more processors coupled to the memory and operable to execute the instructions, the one or more processors being operable when executing the instructions to;

render and store a plurality of dialog templates, each dialog template comprising content for presenting a dialog requiring user interaction and one or more place holders for insertion of content, each dialog template stored with a unique identifier,

receive, from client-side code associated with a user-interface component of an electronic device, a request, which causes a dialog to be displayed on the electronic device;

select, from the plurality of dialog templates, a rendered dialog template corresponding to the dialog, the rendered dialog template having been rendered for display on electronic devices;

construct a web page that includes the rendered dialog template comprising the one or more placeholders; and

send, to the electronic device, the web page including the rendered dialog template comprising the one or more placeholders for insertion and display of the content by the client-side code executed on the requesting electronic device.

20. The system of claim 19, wherein the one or more processors are further operable when executing the instructions to:

define one or more dialog templates respectively corresponding to one or more types of dialogs;

render the one or more dialog templates for display on the electronic devices;

store the one or more rendered dialog templates; and

associate each rendered dialog template with a unique Uniform Resource Locator (URL) for identifying and referencing the rendered dialog template.