Content collapse outside of selection

• US 9,535,667 B2
• Filed: 08/23/2005
• Issued: 01/03/2017
• Est. Priority Date: 08/23/2005
• Status: Active Grant

• Current Assignee: Adobe Inc.
• Original Assignee: Adobe Systems Incorporated (Adobe Inc.)
• Inventors: Bank, Christopher, Blas, Joaquin C. Jr., Skidgel, John
• Primary Examiner(s): Rutten, James D
• Application Number:
  US11/209,335
• Publication Number:
  US 20140250422A1
• Time in Patent Office: 4,151 Days
• US Class Current: 1/1
• CPC Class Codes: G06F 8/34 Graphical or visual programming
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces

Abstract

A method, system, and computer program product for collapsing visual content on a screen including receiving input initiating a collapse function, and collapsing a section of visual content, the section of visual content outside of a selected portion of the visual content, the collapsing in response to said input.

Claims

1. A method for collapsing source code, the method comprising:

accessing a source code for edit in an Integrated Development Environment (IDE), wherein the source code defines an electronic document;

providing a user interface of the IDE, wherein the user interface comprises a code view that displays the source code and a design view that displays visual content, wherein the visual content comprises a what you see is what you get (WYSIWYG) rendering of the electronic document based on the source code;

receiving, in the design view of the user interface, input selecting a portion of the visual content, wherein the portion of the visual content corresponds to a portion of the source code and comprises a WYSIWYG rendering of a portion of the electronic document based on the portion of the source code;

indicating, in the design view, that the portion of the visual content is selected;

receiving, in the user interface, input initiating a collapse function to collapse an unselected portion of the source code that corresponds to an unselected portion of the visual content, wherein the unselected portion of the visual content comprises a WYSIWYG rendering of an unselected portion of the electronic document based on the unselected portion of the source code; and

collapsing, in the code view, the unselected portion of the source code based on the selecting of the portion of the visual content and the input initiating the collapse function, wherein the unselected portion of the visual content is not collapsed in the design view based on the collapsing of the unselected portion of the source code.

2. The method of claim 1 further comprising:

comparing endpoints of said selected portion of visual content to one or more tags in said source code; and

in response to said comparing, defining a block of source code as source code within an enclosing context encompassing said selected portion, wherein said collapsing content comprises collapsing source code above and below the enclosing context so that only the source code within the enclosing context is not collapsed.

3. The method of claim 2 wherein said enclosing context is an enclosing tag.

4. The method of claim 1 wherein collapsing the unselected portion of the source code comprises rendering one or more buttons in the code view in place of the unselected portion of the source code.

5. The method of claim 1 wherein said selected portion of visual content is one or more of:

text rendered in a word processing window;

raw text;

or

a visual element rendered in the design view.

6. The method of claim 1 wherein collapsing the second portion of the source code comprises collapsing portions above and below the first portion of the source code so that only the first portion of the source code is not collapsed in the code view.

7. The method of claim 1 wherein the design view comprises a WYSIWYG view that allows manipulation of the visual content.

8. The method of claim 1, wherein the code view displays an icon representing the collapse function, and wherein the input initiating the collapse function comprises a selection of the icon.

9. The method of claim 1, wherein the input initiating the collapse function comprises an interaction with the portion of the source code in the code view.

10. The method of claim 1, further comprising:

automatically selecting the portion of the source code based on the portion of the visual content being selected; and

indicating, in the code view, that the portion of the source code is selected.

11. A method for collapsing source code, the method comprising:

accessing a source code for edit in an Integrated Development Environment (IDE), wherein the source code defines an electronic document;

providing a user interface of the IDE, wherein the user interface comprises a code view that displays the source code and a design view that displays visual content, wherein the visual content comprises a what you see is what you get (WYSIWYG) rendering of the electronic document based on the source code;

receiving, in the design view, input selecting a first portion of the visual content, wherein the first portion corresponds to a first portion of the source code and is displayed based on a WYSIWYG rendering in the design view, wherein a visual indicator is displayed indicating that the first portion of the source code is selected;

receiving further input initiating a collapse function; and

performing the collapse function in response to the input initiating the collapse function by collapsing, in the code view, a second portion of the source code that corresponds to a second portion of the visual content, and wherein the second portion of the visual content is not collapsed in the design view based on the collapsing of the second portion of the source code.

12. The method of claim 11 wherein the source code comprises code from one or more of:

HTML;

ASP;

CSS; and

C#.

13. The method of claim 11, wherein the source code is text, the method further comprising:

comparing endpoints of the first portion to one or more enclosing contexts in the text; and

in response to the comparing, defining a block of text as text within and including an enclosing context encompassing the first portion, wherein collapsing the second portion comprises collapsing text above and below the enclosing context so that only the block of text within the enclosing context is not collapsed.

14. The method of claim 11 wherein performing the collapse function comprises hiding source code above and below the first portion of the source code so that only the first portion of the source code is not hidden in the code view.

15. A method for collapsing source code, the method comprising:

providing a user interface of an Integrated Development Environment (IDE), wherein the user interface comprises a code view of an electronic document that displays source code and a design view that displays visual content, wherein the visual content comprises a what you see is what you get (WYSIWYG) rendering of the electronic document based on the source code;

receiving input selecting a first portion of the visual content in the design view, wherein the first portion of the visual content corresponds to a first portion of the source code in the code view, wherein a visual indicator is displayed indicating that the first portion of the source code is selected;

receiving further input instructing a code collapse function; and

collapsing, in the code view and based on the input instructing the code collapse function and the first portion of the visual content being selected, a second portion of the source code that corresponds to a second portion of the visual content, and wherein the second portion of the visual content is not collapsed in the design view based on the collapsing of the second portion of the source code.

16. The method of claim 15 wherein collapsing the second portion of the source code comprises defining an enclosing context that encompasses the first portion of the source code, and wherein defining the enclosing context comprises comparing endpoints of the first portion of the source code to the enclosing context to ascertain that the enclosing context encompasses the first portion of the source code.

17. The method of claim 15 wherein said enclosing context is an enclosing tag.

18. A non-transitory computer readable medium having computer program logic recorded thereon for creating an electronic document, wherein the computer program logic when executed on a computing system configure the computer system to perform operations comprising:

providing a user interface of an Integrated Development Environment (IDE), wherein the user interface comprises a code view of the electronic document that displays source code and a design view that displays visual content, wherein the visual content comprises a what you see is what you get (WYSIWYG) rendering of the electronic document based on the source code;

receiving input selecting a first portion of the visual content in the design view, wherein the first portion of the visual content corresponds to a first portion of the source code, wherein a visual indicator is displayed in the code view indicating that the first portion of the source code is selected;

comparing endpoints of the first portion of the source code to tags in the source code to determine an enclosing tag encompassing the first portion of the source code;

receiving input initiating a collapse function to unselected source code;

collapsing, in the code view and based on the collapse function and the first portion of the visual content being selected, a second portion of the source code that corresponds to a second portion of the visual content, and wherein the second portion of the visual content is not collapsed in the design view based on the collapsing of the second portion of the source code.

19. The computer program product of claim 18 wherein the input initiating the collapse function is received in the code view subsequent to the first portion of the visual content being selected in the design view.

20. The computer program product of claim 18 wherein wherein the visual indicator further indicates that the first portion is selected in the design view.