WO2001009767A1 - Procede et appareil permettant d'attacher un comportement a des elements de page web - Google Patents

Procede et appareil permettant d'attacher un comportement a des elements de page web Download PDF

Info

Publication number
WO2001009767A1
WO2001009767A1 PCT/US2000/019676 US0019676W WO0109767A1 WO 2001009767 A1 WO2001009767 A1 WO 2001009767A1 US 0019676 W US0019676 W US 0019676W WO 0109767 A1 WO0109767 A1 WO 0109767A1
Authority
WO
WIPO (PCT)
Prior art keywords
web page
changing
behavior
elements
predetermined
Prior art date
Application number
PCT/US2000/019676
Other languages
English (en)
Other versions
WO2001009767A8 (fr
Inventor
Zebadiah M. Kimmel
Gregory M. Pomerantz
Original Assignee
Zebware, Inc.
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zebware, Inc. filed Critical Zebware, Inc.
Publication of WO2001009767A1 publication Critical patent/WO2001009767A1/fr
Publication of WO2001009767A8 publication Critical patent/WO2001009767A8/fr

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents

Definitions

  • the field of the invention relates to the Internet and more particularly to the display of web pages.
  • the Internet has become a global resource for millions of people. Millions of pages of information have become available to users with the only requirement for access being the possession of a computer with a web browser and a connection to the Internet.
  • Search engines such as Yahoo or Northernlight allow the user to easily identify web sites having relevant information.
  • a web site When a web site is identified, the user may simply review the information, click on a header of the information and a hyperlink may take the user to the desired web site. Upon arriving at the web site, a web page of further information is downloaded to the user. Often the web page provides other hyperlinks to other web pages either within the same web site or within other web sites.
  • a web page is arranged in a paragraph format containing text or graphics and, possibly, one or more paragraph headers providing hyperlinks to other webpages.
  • early web page browsers e.g., Netscape 3.x, Internet Explorer 3.x, etc.
  • web page elements such as text or images
  • x, y, z positions where z may be defined as a third or stacking dimension
  • Early web page browsers also did not have the capability of modifying elements after the elements had been integrated into a web page; for example moving the elements or changing their content.
  • FIG. 1 is a block diagram of a system for changing the appearance of a web page in accordance with an illustrated embodiment of the invention
  • FIG. 2 is a block diagram of a lookup table that may be used by the system of FIG. 1;
  • FIG. 3 is a block diagram of a behavior processing protocol that may be used by the system of FIG. 1.
  • FIG. 1 depicts a system 10, which allows elements of a web page 26 to be dynamically changed based upon a set of attributes provided by a web site creator and the needs of a web page user.
  • the web page creator working through a terminal 14 and keyboard 16 may create a web site 12, through which a number of web pages may be available.
  • a user working through a terminal 20 and keyboard 22 may download the web page 26 to the terminal 20.
  • Downloaded with the web page 26 may be one or more JavaScript files 36.
  • the JavaScript files 36 may be used as described below to dynamically change the appearance of the web page 26 or an audio presentation associated with the web page 26. In general, the JavaScript code of the JavaScript files 36 does not act alone.
  • HTML hyperText Markup Language
  • HTML dynamic HTML
  • JavaScript code that provides, for example, a drag-and- drop editing environment for the page.
  • Java applets may also be involved.
  • a word processing application m the form of a Java applet may be provided as part of the downloaded web page for textual processing .
  • the JavaScript code of the Java files 36 may be used to define a behavior of specific elements (e.g., 40) of the web page 34.
  • the JavaScript code are a set of protocols which define behavior files 44, 46 (FIG. 2), which may be attached to page elements thereby allowing the actions and interactions of the elements to be described and executed in a flexible and autonomous fashion.
  • the behaviors may all be relayed to the browser in a single file, or separated among multiple files .
  • the behavior of an element of a web page means a set of steps performed upon the occurrence of a predetermined event and which results in a change in an audio presentation or the physical appearance of at least some element of the web page, where "appearance" can include, for example, the (x,y) coordinate of the element, the z-index (stacking order) of the element, the element's width and height, the element's background color, the element's foreground color, whether the element is visible or invisible. Appearance could also include the addition of a border place around the element, as well as a change in the actual content of the element, for example, a modification of the text displayed in a text element, or a modification of the image displayed in an image element .
  • the predetermined events triggering the behaviors may be one or more of any of a number of possibilities. Events in general may be detected by an event detector 35, which functions as a gateway to specific behaviors. For example, activation of a particular key or any of set of keys on a keyboard 22 may trigger a first behavior. Dragging an element across the webpage 26 may trigger a second behavior when the element comes within a certain distance of a second element. Clicking on an element of the web page 26 using a cursor 28 may trigger a third behavior. The detection of certain textual information on the web page 26 may trigger a fourth behavior. The size of the text of the web page 26 may trigger a fifth behavior. The completion of downloading of a web page may trigger a sixth behavior, and so on.
  • the event detector 25 may run in the background monitoring the web page and any activity associated with the web page.
  • a set of templates in a lookup table 32 may define triggering events and an associated behavior.
  • the event detector 25 constantly processes web page information and compares that information with triggering events within the lookup table 32.
  • the associated behavior is triggered. For example, clicking may be used as a trigger for a particular behavior.
  • the act of clicking on an element may cause another element to disappear. Clicking on the element may result in execution of a MIDI element that changes volume or tempo of a presentation.
  • clicking on an element may trigger fetching information for display on the web page or changing the color of other elements.
  • clicking on an element means placing a cursor over the element and activating a selection button associated with the cursor.
  • FIG. 2 shows a lookup table of behaviors that may be defined for any number of elements (e.g., #1-N, M, A, B, etc.). Behaviors may be triggered by any predefined event (e.g., clicking on an element, by pressing a key, by proximity, etc.). As an alternative to a behavior associated with any one element, any of a multitude of behaviors may be triggered by an event related to a first element which in turn triggers the behavior associated with a second element (e.g., as shown in FIG. 3) .
  • the CPU 30 would then look at the nature of the triggering event from the switch 38. If the triggering event were a single click of the switch, then the CPU 30 would execute behavior subroutine "CALL#1" associated with behavior file 44. Alternatively, if the triggering event were a double-click on the element 40, then the CPU 30 may identify behavior file 50 if FIG. 3. As should be noted from FIG. 3, the behavior file 50 is structured to affect elements #1 and #2. The net effect is that a double click on element #1 would cause behavior subroutine "CALL#1" to provide a predetermined visual behavior with regard to element #1 and behavior subroutine "CALL#2" to provide a predetermined visual behavior with regard to element #2.
  • CALL#1 and CALL#2 could be implemented as substantially the same program and function as correlation programs which impose the same behavior on different elements. IT should also be appreciated that CALL#1 and CALL#2 could be different and together make up a multi-element behavior protocol wherein clicking on the first element may impose a first behavior on the first element and a different, distinctly different behavior on the second element.
  • any number of other elements may be affected by clicking on a first element.
  • Such a utility has great value in the case of a web page and the display of information. For example, clicking on a visible icon shown on the display 26 may be used to cause a hidden menu to appear (or visa versa) .
  • clicking on a visible icon shown on the display 26 may be used to cause a hidden menu to appear (or visa versa) .
  • the behavior subroutines an explanation will be provided of the execution of those subroutines. While the discussion which follows will focus almost exclusively on the method steps, it should be understood that the discussed steps may be executed as discussed above using the disclosed structure.
  • the means by which an element of a web page may be modified varies from browser to browser.
  • Typical properties of web page elements which may be modified include: location (as defined by x, y and z coordinates, where z indicates a stacking of elements), width, height, visibility, background color, foreground color, and content (e.g., the image or text constituting the displayed portion of the element). This list is not exhaustive.
  • “behavior” may be further defined by the protocol which controls how one or more properties of an element change over time and/or over space, either spontaneously or in response to various stimuli, and how the element may change the properties of other elements, or indeed any aspect or attribute of the web page that contains it.
  • An element may possess multiple behaviors, and a single behavior may be applicable to multiple elements. Following are a limited number of examples of behaviors that may be defined by the protocols 44, 46, 50. Following the examples of behavior, a limited number of examples will be offered of protocols that may be used to achieve those behaviors .
  • the element bounces off the boundaries of the web page, so that it looks like a tennis ball bouncing around the browser window walls.
  • the element 40 follows the mouse cursor 28 around the window.
  • the element 40 is replaced by the words "BIG JON" whenever the cursor 28 moves over it.
  • the element 40 is confined to lie at all times inside the rectangle defined by upper-left corner (10,20) and lower-right corner (50,80). In general, then, a behavior describes the action that a page element should take, and the relevant triggers of the actions (if any) .
  • JavaScript code to measure the browser window width in Netscape 4.x has the form (between the dashes) -- window. innerWidth ;-- .
  • the equivalent code in Internet Explorer 4.x has the form --document . body. clien tWidth ;-
  • the behavior protocol may be used by the behavior protocol to decide where an element 40 should be positioned relative to the enclosing browser window, where it should be stacked, how big it should be, and so on. Since the behavior protocol first determines its environment and then adapts itself to operate within that environment, the behavior protocols are independent of both the platform and system upon which they operate.
  • This code returns the current time, measured in milliseconds from a past reference marker.
  • the code (between the dashes) — s etTimeout ( “futuro () “ , 200) — instructs the browser to execute the code routine "futuro” as a single occurrence two-hundred milliseconds in the future.
  • the following code (between the dashes) --setlnterval ( “futuro () " , 200) ;-- instructs the browser to execute "futuro” once every two-hundred milliseconds for an indefinite number of occurrences.
  • a behavior protocol (e.g., activated by CALL#1 of FIG. 2) may be provided which moves an element "E" 40 diagonally across the browser window 24. (It is assumed that functions move_element , get_x and get_y are appropriately defined. )
  • the protocol may have the form:
  • behaviors may be defined as object-oriented function calls, attached to page elements 40 as needed, and executed at intervals.
  • the following code moves element "E" 40 diagonally across the browser window 26.
  • function on behave () ⁇ thi s . set_x (this . get_x () +10) ; this . set_y (this . ge t_y () +1 0) ; ⁇ E . execute_behavior+behave; setln terva l ( "E . execute_behavior " , 200) ; .
  • behaviors are defined as object oriented function calls. Each element 40 on the page is assigned a collection of behaviors (possibly empty) . The behaviors are then called for each element 40 at intervals.
  • spontaneous_behavior move_diagonal_behavior
  • the central event handler of the CPU 30 activates appropriate element behaviors when events (such as mouse clicks) occur.
  • handle_spontaneous_behaviors ( ) " function, which executes at intervals, makes sure that spontaneous behaviors are handled.
  • each element possesses any array of behavior functions, so the multiple behaviors may be triggered by the same stimuli (as suggested by FIG. 3) .
  • the following code segment may be regarded as an example of this concept.
  • click_behavior new Array (move_diagonal_behavior, make_invisible_behavior) ; .
  • the following example because of its flexibility, is the most preferred.
  • the example offers a strategy for designing general purpose behavior functions where actions are specific to the element to which they are applied.
  • a behavior may be easily tailored to an individual element 40, simply by accessing information belonging to that element 40. For example, consider;
  • the dot-operator used above is a standard programming construct m object- oriented languages. It is used to draw a relation between an object and something "owned by" or "part of” the object.
  • x. spontaneous_behav ⁇ or move_d ⁇ agonal_behav ⁇ or means that X now “owns” or “contains” a property called spontaneous_behav ⁇ or that references, or is equivalent to, the previously defined function "move_d ⁇ agonal_behav ⁇ or” .
  • Execute X. spontaneous-behavior means that X executes, or runs,
  • the above example can be generalized to provide tailored behavior functions based upon any property associated with a specific element, such as its color, stacking order, element type, size, orientation, or relationship to other elements.

Abstract

L'invention concerne un procédé et un appareil permettant de changer l'apparence visuelle d'une page web sur un écran (24). Le procédé consiste notamment à associer un événement prédéterminé de la page web (26) à un comportement visuel prédéterminé en impliquant une partie au moins des nombreux éléments (40) de ladite page et en déclenchant le comportement visuel prédéterminé desdits éléments dès la détection de l'événement prédéterminé (35).
PCT/US2000/019676 1999-07-28 2000-07-19 Procede et appareil permettant d'attacher un comportement a des elements de page web WO2001009767A1 (fr)

Applications Claiming Priority (6)

Application Number Priority Date Filing Date Title
US14605499P 1999-07-28 1999-07-28
US60/146,054 1999-07-28
US16812899P 1999-11-30 1999-11-30
US60/168,128 1999-11-30
US60370400A 2000-06-27 2000-06-27
US09/603,704 2000-06-27

Publications (2)

Publication Number Publication Date
WO2001009767A1 true WO2001009767A1 (fr) 2001-02-08
WO2001009767A8 WO2001009767A8 (fr) 2001-07-05

Family

ID=27386354

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/US2000/019676 WO2001009767A1 (fr) 1999-07-28 2000-07-19 Procede et appareil permettant d'attacher un comportement a des elements de page web

Country Status (1)

Country Link
WO (1) WO2001009767A1 (fr)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102314455A (zh) * 2010-06-30 2012-01-11 百度在线网络技术（北京）有限公司 计算网页点击流量的方法及系统

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5412772A (en) * 1992-10-13 1995-05-02 Novell, Inc. System for permitting a view of an object or a user interface to be exchanged between operating system environments
US5819092A (en) * 1994-11-08 1998-10-06 Vermeer Technologies, Inc. Online service development tool with fee setting capabilities
US6078935A (en) * 1996-05-07 2000-06-20 Sun Microsystems, Inc. Tooltips on webpages

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5412772A (en) * 1992-10-13 1995-05-02 Novell, Inc. System for permitting a view of an object or a user interface to be exchanged between operating system environments
US5819092A (en) * 1994-11-08 1998-10-06 Vermeer Technologies, Inc. Online service development tool with fee setting capabilities
US6078935A (en) * 1996-05-07 2000-06-20 Sun Microsystems, Inc. Tooltips on webpages

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102314455A (zh) * 2010-06-30 2012-01-11 百度在线网络技术（北京）有限公司 计算网页点击流量的方法及系统

Also Published As

Publication number Publication date
WO2001009767A8 (fr) 2001-07-05

Similar Documents

Publication Publication Date Title
US7908550B1 (en) Dynamic tree control system
US7050056B2 (en) Interactive and web-based Gantt Chart
US6978445B2 (en) Method and system for supporting user navigation in a browser environment
US6292188B1 (en) System and method for navigating in a digital information environment
RU2413276C2 (ru) Система и способ для выбора вкладки в браузере с вкладками
US6341280B1 (en) Inline tree filters
US6362840B1 (en) Method and system for graphic display of link actions
US6278448B1 (en) Composite Web page built from any web content
JP4270391B2 (ja) マルチメディア・ファイルのツールチップ
US6374272B2 (en) Selecting overlapping hypertext links with different mouse buttons from the same position on the screen
US20080307308A1 (en) Creating Web Clips
US6404442B1 (en) Image finding enablement with projected audio
GB2351639A (en) Touch screen region assist for hypertext links
EP1854026A1 (fr) Procede et systeme permettant d'afficher un contenu en page et d'interagir avec celui-ci
US5953720A (en) Method and apparatus for a unified chooser for heterogeneous entities
JP5587875B2 (ja) 電子メディアのブラウジング方法
US20030051228A1 (en) Source code interface
JP5384490B2 (ja) ウエブページ内のナビゲーションハンドリングの改良
US7363584B1 (en) Method and article for interactive data exploration
KR20060057601A (ko) 복수의 아이템들을 제시하는 방법
WO2001009767A1 (fr) Procede et appareil permettant d'attacher un comportement a des elements de page web
JP2937275B2 (ja) 図形処理方法
JPH1131063A (ja) アイコン自動拡大方法
EP1691278A1 (fr) Méthode et ordinateur pour l'édition de documents
US7568161B2 (en) Overcoming double-click constraints in a mark-up language environment

Legal Events

Date Code Title Description
AK Designated states

Kind code of ref document: A1

Designated state(s): CA IN JP SG

AL Designated countries for regional patents

Kind code of ref document: A1

Designated state(s): AT BE CH CY DE DK ES FI FR GB GR IE IT LU MC NL PT SE

121 Ep: the epo has been informed by wipo that ep was designated in this application
AK Designated states

Kind code of ref document: C1

Designated state(s): CA IN JP SG

AL Designated countries for regional patents

Kind code of ref document: C1

Designated state(s): AT BE CH CY DE DK ES FI FR GB GR IE IT LU MC NL PT SE

WR Later publication of a revised version of an international search report
DFPE Request for preliminary examination filed prior to expiration of 19th month from priority date (pct application filed before 20040101)
122 Ep: pct application non-entry in european phase
NENP Non-entry into the national phase

Ref country code: JP