JP5188546B2 - Web server and method for generating Web page for window control - Google Patents

Description

  The present invention relates to a Web server and method for generating a Web page that performs window control on a terminal.

  Conventionally, as a window control method using a Web browser of a terminal, a window control method for newly starting a window and displaying a linked page is known (for example, paragraph 0008 of Patent Document 1). This operation can be easily realized by specifying the target attribute of the HTML anchor tag (<a href=“xxx.html” target=“◯◯”>).

  According to such a window control method, it is possible to leave the link source page in the displayed window and display the link destination page in a new window.

JP 2006-018631 A

  However, if the link source page is a link information screen that is temporarily displayed, such as a search result screen or a link list, the window that the user has displayed so far is displayed in a suitable size for viewing. It is likely that the linked page is displayed in this window rather than in a new window. On the other hand, if the link destination page is simply displayed as a transition in this window, the page such as the original link list is not displayed, and a button operation such as “Back” of the browser is required to display the page. When the original page is a page that is sequentially updated, the browsing is interrupted until it is displayed by a button operation such as “return”. Such pages are subject to sequential selection operations during cross-browsing of linked pages, so it is possible to move to another window of appropriate size and leave the display at any position on the screen. Often it is preferred.

  SUMMARY OF THE INVENTION The present invention provides a Web server and method for generating a Web page that realizes window control for displaying a link source page on a terminal and displaying the link source page in a new window. And

  Specifically, the present invention provides the following.

  (1) A Web server for transmitting a link list page displayed by a terminal connectable through a communication network, wherein a plurality of selection operation receiving means including link information to other Web pages, and the selection operation receiving means is a user A page transition unit that transmits a page transition request to another Web page to be linked to the Web browser of the terminal based on the link information included in the selection operation receiving unit in response to receiving the selection operation from A page generation means for generating a link list page, further comprising: a pop-up redisplay means for transmitting a pop-up redisplay request for displaying the link list page being displayed in a separate window to the Web browser of the terminal; and the terminal Page request accepting means for accepting a page request from a web browser of Web server comprising: a page transmission means for transmitting the list page to the terminal.

  The Web server described in (1) includes a plurality of selection operation reception units including link information to other Web pages, and the selection operation reception unit when the selection operation reception unit receives a selection operation from the user. A page transition means for transmitting a page transition request to another web page of the link destination to the web browser of the terminal based on the link information included in the means, and a pop-up redisplay for displaying the link list page being displayed in a separate window. A link list page including a pop-up redisplay unit that transmits a display request to the Web browser of the terminal is generated and transmitted to the terminal.

  Thereby, the Web server can generate and transmit a Web page for performing window control on the terminal. As a result, in the terminal, it is possible to realize window control in which the linked page is transitionally displayed in the original window and the linked page is displayed in a new window.

  Accordingly, when the user performs a selection operation, the Web server may receive a transmission request for the link destination page from the original window and the link source page from the new window, and transmit the page in response to each request. it can.

  As a result, the user can continue browsing the link destination page in the window that was being browsed when the selection operation was performed, and the link list page includes a plurality of selection operation reception units including link information to other Web pages. You can continue browsing in a new window.

  Therefore, the user can continue browsing the link list page of the link source page without performing a button operation such as “Back” of the browser as in the past while browsing the link destination page. can do.

  (2) The link list page specifies the selection operation reception means that has received a selection operation from the user, and displays the display position of the link list page displayed in the separate window as the specified selection operation reception. (2) The Web server according to (1), further comprising display position reflecting means for including information for setting the display position in the pop-up redisplay request and transmitting the information to the Web browser.

  The Web server described in (2) specifies the selection operation reception means that has received the selection operation from the user, and displays the selection operation reception means that specifies the display position of the link list page displayed in another window. A link list page further comprising display position reflecting means for including information for setting the position in a pop-up redisplay request and transmitting it to the Web browser is generated and transmitted to the terminal.

  Accordingly, it is possible to realize window control that enables the terminal to display the selection operation reception unit that has received a selection operation from the user on the link source page even in a new window that pops up.

  Accordingly, when the user performs a selection operation, the terminal receives the link source page from the Web server, and adjusts the page display position to a position where the selection operation reception unit that has received the selection operation is displayed in a new window. Can be displayed.

  As a result, when the user subsequently browses the link destination of the link list page cross-sectionally, the user must always visually recognize the selection operation accepting means indicating the link source of the currently browsed link destination page in the new window. The next operation can be started smoothly. Specifically, even when the lower right portion of the large link list page is scrolled and displayed in the original window, the portion can be viewed without scrolling again in the new window.

  Therefore, the user can continue browsing / selecting the link list page of the link source page without being interrupted by the scroll operation.

  (3) After the terminal starts displaying, the link list page receives link information to another new web page from the web server at a predetermined timing, and constitutes the new selection operation accepting unit. The Web server according to (1) or (2), further including display content update means for sequentially updating the display content.

  The Web server described in (3) receives link information from the Web server at a predetermined timing after the terminal starts displaying, and configures a new selection operation accepting unit. A link list page further comprising display content updating means for sequentially updating the display content is generated and transmitted to the terminal.

  Thereby, the user can continue the sequential browsing of the link source pages that are sequentially updated in a new window without interruption. As a result, the user does not miss information displayed on the link list page for a certain period of time.

(4) A method executed by a Web server that transmits a link list page displayed by a terminal connectable through a communication network, wherein the Web server receives a page request from a Web browser of the terminal; A plurality of selection operation accepting means including link information to other Web pages, and the selection operation accepting means based on the link information included in the selection operation accepting means when the selection operation accepting means accepts a selection operation from a user. A page transition means for transmitting a page transition request to another web page of the link destination to the web browser of the terminal, and a pop-up redisplay request for displaying the link list page being displayed in a separate window. A link list page comprising pop-up redisplay means for transmission to a web browser Generating a page, and a page transmission step for transmitting the link list page generated in the page generation step to the terminal;
How to run.

  By performing the method described in (4), the same actions and effects as in (1) can be expected.

  According to the present invention, a Web page that performs window control on a terminal can be generated and transmitted by a Web server. In the terminal, a link destination page is displayed in a transition to the original window, and a link source page is displayed in a new window. Can be displayed. As a result, the linked page is displayed in the original window that has a position and size that is likely to be suitable for browsing, while the original page is moved to another window, leaving the display on the screen. I can do it.

It is a figure which shows the whole structure of the web server and terminal which concern on this embodiment. It is a figure which shows the operation | movement on the terminal screen of this embodiment. It is a flowchart which shows the procedure of the pop-up redisplay process (1) of the terminal which concerns on this embodiment. It is a figure which shows an example of the window control program which operate | moves with the terminal which concerns on this embodiment according to the process sequence of the pop-up re-display process (1) of FIG. It is a flowchart which shows the procedure of the pop-up redisplay process (2) of the terminal which concerns on this embodiment. It is a figure which shows an example of the window control program which operate | moves with the terminal which concerns on this embodiment according to the process sequence of the pop-up redisplay process (2) of FIG. It is a flowchart which shows the procedure of the window arrangement | positioning adjustment process of the terminal at the time of the window end event which concerns on this embodiment. It is a flowchart which shows the procedure of the window arrangement | positioning state update process of the Web server at the time of the window end message reception concerning this embodiment. It is a figure which shows the outline of window arrangement | positioning state DB which concerns on this embodiment. It is a flowchart which shows the procedure of the link origin page production | generation process of the web server at the time of the link origin page request | requirement reception concerning this embodiment. It is a figure which shows an example of the window control program which operate | moves with the terminal which concerns on this embodiment.

  Hereinafter, embodiments of the present invention will be described with reference to the drawings. This is merely an example, and the technical scope of the present invention is not limited to this.

[Overall Configuration of Web Server 10 and Terminal 20]
FIG. 1 is a diagram illustrating the overall configuration of a Web server 10 and a terminal 20 according to the present embodiment.
The terminal 20 according to the present embodiment can access the Web server 10 via the communication network 30.

  The Web server 10 includes a page request reception unit 110, a page generation unit 120, a page transmission unit 130, a window arrangement state reception unit 140, and a window arrangement state DB 150.

The terminal 20 includes a browser (original window) 220 and a browser (pop-up window) 230.
The browser (original window) 220 and the browser (pop-up window) 230 receive the link list page 210 from the Web server 10 and manage it. FIG. 1 shows a state where the browser (original window) 220 manages and displays the link list page 210 for the sake of explanation. As will be described in detail later, when a selection operation is accepted from the user, the link list page 210 is continuously managed and displayed by the browser (pop-up window) 230.

  The link list page 210 includes a selection operation accepting unit 211 and a window control program 212. The window control program 212 includes page transition means 2121, pop-up redisplay means 2122, display position reflection means 2123, window arrangement adjustment means 2124, and display content update means 2125.

  The web server 10 and the terminal 20 of this embodiment are applied to a computer and its peripheral devices. Each unit in the present embodiment is configured by hardware included in a computer and its peripheral devices, and software that controls the hardware.

  The hardware includes a storage unit, a communication device, a display device, and an input device in addition to a CPU (Central Processing Unit) as a control unit. Examples of the storage unit include a memory (RAM: Random Access Memory, ROM: Read Only Memory, etc.), a hard disk drive (HDD: Hard Disk Drive), and an optical disk (CD: Compact Disc, DVD: Digital Versatile Drive, etc.). It is done. Examples of the communication device include various wired and wireless interface devices. Examples of the display device include various displays such as a liquid crystal display and a plasma display. Examples of the input device include a keyboard and a pointing device (mouse, tracking ball, etc.).

  The software includes a computer program and data for controlling the hardware. The computer program and data are stored in the storage unit, and are appropriately executed and referenced by the control unit. The computer program and data can be distributed via a communication line, or can be recorded on a computer-readable medium such as a CD-ROM and distributed.

[Functional configuration of Web server 10]
The page request accepting unit 110 accepts a page request from the terminal 20.

  When the page request receiving unit 110 receives a page request, the page generating unit 120 generates a transmission page in response to the page request. When generating the link list page 210 as a transmission page, the page generation unit 120 further generates a window control program 212 to be embedded in the link list page 210 with reference to the window arrangement state DB 150. For the window control program 212, a technique such as JavaScript (registered trademark) can be used.

  The page transmission unit 130 transmits the transmission page generated by the page generation unit 120 to the terminal 20.

  The window arrangement state reception means 140 receives window arrangement state information including the position and size of the window from the terminal 20, and stores the window arrangement state information including the position and size of the window in the window arrangement state DB 150. .

[Functional configuration of terminal 20]
The selection operation reception unit 211 receives a user's selection operation. Specifically, anchor text, anchor images, buttons, and the like are applicable.

  When the selection operation accepting unit 211 accepts the selection operation, the page transition unit 2121 sends a page transition request to another web page included in the selection operation accepting unit 211 to the web browser (original window) 220 for the display of this window. Send. Specifically, the selection operation corresponds to mouse click, Enter key press in a focused state, or the like.

  When the Web browser (original window) 220 receives a page transition request to another Web page, the Web browser (original window) 220 transmits a request for a linked page to the Web server 10. The Web server 10 transmits the link destination page to the Web browser (original window) 220 of the terminal 20 in response to the request. The Web browser (original window) 220 shifts the display to the linked page.

  When the selection operation accepting unit 211 accepts the selection operation, the pop-up redisplay unit 2122 transmits a pop-up redisplay request for displaying the link list page 210 being displayed in a separate window to the Web browser (original window) 220.

  When the Web browser (original window) 220 accepts the pop-up redisplay request, it designates the URL of the link list page 210 being displayed and starts a new window. The web browser (pop-up window) 230 of the new window transmits a request for the link source page to the web server 10. In response to the request, the Web server 10 transmits the link source page to the Web browser (pop-up window) 230 of this new window of the terminal 20. A new window Web browser (pop-up window) 230 displays the link source page.

  The display position reflecting means 2123 pops up information for setting the display position of the link list page 210 displayed in the new window (browser (pop-up window) 230) as the position where the specified selection operation accepting means 211 is displayed. It is included in the display request and transmitted to the Web browser (original window) 220.

  When the Web browser (original window) 220 receives a pop-up redisplay request including information for setting the display position of the selection operation reception unit 211 specifying the display position, the Web browser (original window) 220 is positioned at the URL of the link list page 210 being displayed Starts a new window with information added and specified. The web browser (pop-up window) 230 of the new window transmits a request for the link source page to the web server 10. In response to the request, the Web server 10 transmits the link source page to the Web browser (pop-up window) 230 of this new window of the terminal 20. The web browser (pop-up window) 230 of the new window displays the position where the selected selection operation accepting unit 211 of the link source page is displayed.

  When the window arrangement adjusting unit 2124 detects an operation for terminating the window via the Web browser (pop-up window) 230 displaying the link list page 210, the window arrangement adjusting unit 2124 acquires the position and size of the window, and Along with the ID and window number, the window arrangement state information including the position and size of the window is transmitted to the Web server 10.

  The display content update unit 2125 receives an update request for the link list page 210 being displayed via the Web browser (the Web browser (original window) 220 or the Web browser (pop-up window) 230) displaying the link list page 210. , Periodically transmitted to the Web server 10. The web server 10 that has received the update request for the link list page 210 transmits the link list page 210 to the web browser (the web browser (original window) 220 or the web browser (pop-up window) 230).

[Operation on terminal 20 screen]
FIG. 2 is a diagram illustrating an operation on the terminal screen according to the present embodiment. In FIG. 2A, a link list page 210 including a window control program 212 is generated in advance by the Web server 10, transmitted to the terminal 20, and displayed by the browser (original window) 220.

  FIG. 2B shows that a new window (browser (pop-up window) 230) is displayed when a selection operation for a link included in the link list page 210 is received from the user in the state of FIG. It is displayed that the display of the browser (original window) 220 transitions to the link destination page, and the link list page 210 is continuously displayed in (browser (pop-up window) 230).

  The upper right arrow in the upper left of FIG. 2 indicates a link destination indicated by this anchor text when the anchor text “link to # 2” is clicked on the link list page 210 of the original window (browser (original window) 220). This indicates that the display of the original window (browser (original window) 220) has transitioned to the page “http: // # 2”.

  2 indicates that the link list page 210 displayed in the new window (browser (pop-up window) 230) is the link list page 210 of the original window (browser (original window) 220). This is the same page as “http: // # 1”. Furthermore, the same position as the position displayed by performing the downward scroll operation in the original window (browser (original window) 220) is the first display position of the new window (browser (pop-up window) 230). It also shows that.

[Processing Procedure 1 of Terminal 20 at Click Event Occurrence and Example 1 of Window Control Program 212 Operated on Terminal 20]
FIG. 3 is a flowchart showing the procedure of the pop-up redisplay process (1) of the terminal 20 according to the present embodiment.
FIG. 4 is a diagram showing an example of the window control program 212 that operates on the terminal according to the present embodiment in accordance with the procedure of the pop-up redisplay process (1) in FIG. Specifically, it is an example in the case of using JavaScript (registered trademark).

In step S110, first, the terminal 20 detects the occurrence of a click event. The “click event” is an event that occurs when the terminal 20 accepts a predetermined operation from the user, and “ONCLICK =“ newwindow1 () ”is used in the <a> tag of HTML using JavaScript (registered trademark). It can be detected by writing as In the case of this description example, for example, <SCRIPT LANGUAGE = “JavaScript”>
function newwindow1 () {
・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・ ・
}
</ SCRIPT>
In this way, the processing procedure can be described in the function definition using JavaScript (registered trademark).

  In step S120, the pop-up redisplay unit 2122 of the terminal 20 acquires the URL of the link list page 210 from the browser (original window) 220 itself. Specifically, for example, in the case of JavaScript (registered trademark), “document.URL” can be used as shown in FIG.

  In step S <b> 130, the pop-up redisplay unit 2122 of the terminal 20 adds in-page position information to the URL of the acquired link list page 210. Specifically, when “name =“ pos1 ”” is described in the <a> tag of HTML, for example, “+“ # pos1 ”” is described as shown in FIG.

  In step S140, the browser (original window) 220 of the terminal 20 designates the URL with the in-page position information added thereto and starts a new window. Specifically, for example, in the case of JavaScript (registered trademark), it can be realized by describing as “window.open (document.URL +“ # pos1 ”,“ _blank ”);” as shown in FIG.

[Processing procedure 2 of terminal 20 when a click event occurs and example 2 of window control program 212 operating on terminal 20]
FIG. 5 is a flowchart showing the procedure of the pop-up redisplay process (2) of the terminal according to the present embodiment, as in FIG. A description of the same parts as those in FIG. 3 is omitted.
FIG. 6 is a diagram showing an example of the window control program 212 that operates on the terminal 20 according to the present embodiment in accordance with the processing procedure of the pop-up redisplay processing (2) in FIG. Specifically, it is an example in the case of using JavaScript (registered trademark).

The process in step S210 is the same as the process in step S110 described above.
In step S220, the pop-up redisplay unit 2122 of the terminal 20 obtains the URL of the link list page 210 and the page display position from the browser (original window) 220 itself. For example, in the case of JavaScript (registered trademark), for example, “document.body.scrollTop” and “document.body.scrollLeft” can be used for acquiring the page display position, as shown in FIG.

  In step S230, the browser (original window) 220 of the terminal 20 starts the new window (browser (pop-up window) 230) by specifying the URL of the acquired link list page 210.

In step S240, the browser (original window) 220 is adjusted to the same position as the new shelf window (browser (pop-up window) 230) the parent window to scroll the page display position of (the browser (original window) 220). Specifically, for example, in the case of JavaScript (registered trademark), “subwin.scrollTo (document.body.scrollLeft, document.body.scrollTop)” can be used as shown in FIG. 6 (here, “subwin”). "Is an object of a new window (browser (pop-up window) 230) generated by window.open ()".

[Processing procedure of terminal 20 when window end event occurs]
FIG. 7 is a flowchart showing the procedure of the window arrangement adjustment process of the terminal 20 when the window end event occurs according to the present embodiment. When the pop-up window is activated next time in the terminal 20, information necessary for displaying the pop-up window at the same position and size is transmitted to the Web server 10 and stored.

  In step S310, first, the terminal 20 detects the occurrence of a window end event. The “window end event” is an event that occurs when the browser window is closed, and can be detected by writing “onUnload =“ savewinstatus () ”” in the HTML <BODY> tag. .

  In step S320, the window arrangement adjusting unit 2124 of the terminal 20 sends a window end message including the user ID, the pop-up window number, the position (Top, Left), and the size (High, Width) to the browser (original window) 220. To the Web server 10.

[Processing procedure of Web server 10 when window end message is received]
FIG. 8 is a flowchart showing the procedure of the window arrangement state update process of the Web server 10 when the window end message is received according to this embodiment. In the terminal 20, information necessary for displaying the pop-up window (browser (pop-up window) 230) at the same position and size when the pop-up window is activated next time is extracted from the received window end message and stored.

  In step S410, first, the window arrangement state reception unit 140 of the Web server 10 receives the above-described window end message transmitted from the terminal 20.

  In step S420, the window arrangement state reception unit 140 of the Web server 10 stores the position (Top, Left) and size (High, Width) in the window arrangement state DB 150 using the user ID and pop-up window number as keys.

[Outline of Window Arrangement State DB 150]
FIG. 9 is a diagram showing an outline of the window arrangement state DB 150 according to the present embodiment. Using the user ID and pop-up window number as keys, the pop-up window position is stored in Top and Left, and the numerical values of the pop-up window size are stored in High and Width, respectively.

  Here, it is shown that the positions and sizes of two windows are stored for the user IDs “user01” and “user02” respectively, but there is no limit to the number of windows that can be stored. Conversely, it may be limited to an arbitrary number such as 1 or 2.

[Example 3 of processing procedure of Web server 10 when link source page request is received and window control program 212 operating on terminal 20]
FIG. 10 is a flowchart showing a procedure of link source page generation processing of the Web server 10 when a link source page request is received according to the present embodiment.
FIG. 11 is a diagram showing an example of the window control program 212 that runs on the terminal 20 according to the present embodiment in accordance with the processing procedure of FIG. Specifically, it is an example in the case of using JavaScript (registered trademark).

  In step S510, first, the page request reception unit 110 of the Web server 10 receives a page request for a link source page (link list page 210).

  In step S520, the page generation unit 120 of the Web server 10 determines the URL, user ID, and pop-up window number of the link source page (link list page 210) from the page request message of the link source page (link list page 210) from the terminal 20. To get.

  In step S530, the page generation unit 120 of the Web server 10 refers to the window arrangement state DB 150 using the user ID and the pop-up window number as keys, and acquires Top, Left, High, and Width numerical values.

In step S540, the page generation unit 120 of the Web server 10 generates the window control program 212 that activates a new window (browser (pop-up window) 230) at the same position and size as the previous time. Specifically, for example, in the case of JavaScript (registered trademark), <SCRIPT LANGUAGE = “JavaScript”> as shown in FIG.
function newwindow1 () {
window. open (document.URL, "user01_1", 'top = 20, left = 326, height = 286, width = 224');
}
</ SCRIPT>
Generate as follows.

  The window name “user01_1” in the above example is a combination of a user ID and a pop-up window number. After transmitting the link source page (link list page 210), the user performs a click operation on the terminal 20 to open a new window (browser (pop-up Window) 230), this means that this new window (browser (pop-up window) 230) becomes the first pop-up window. The window control program 212 in the above example starts this new window (browser (pop-up window) 230) that becomes the first pop-up window at the same position and size as the previous first (browser (pop-up window) 230). To do.

  In step S550, the page generation unit 120 of the Web server 10 generates a link source page (link list page 210) in which the window control program 212 is embedded based on the URL of the acquired link source page (link list page 210). To do. Specifically, for example, in addition to describing the above example in HTML, as shown in FIG. 11, it is described as “ONCLICK =“ newwindow1 () ”” in the <a> tag, and in response to click event detection. Generate to start processing.

  In step S <b> 560, the page transmission unit 130 of the Web server 10 transmits the link list page 210 in which the window control program 212 is embedded to the terminal 20.

10 Web server 110 Page request receiving means 120 Page generating means 130 Page transmitting means 140 Window arrangement state receiving means 150 Window arrangement state DB
20 Terminal 210 Link list page 220 Browser (original window)
230 Browser (pop-up window)
211 Selection operation accepting means 212 Window control program 2121 Page transition means 2122 Pop-up redisplay means 2123 Display position reflecting means 2124 Window arrangement adjusting means 2125 Display content updating means 30 Communication network

Claims (4)

A web server that transmits a link list page displayed by a terminal connectable through a communication network,
Page request accepting means for accepting a page request from the web browser of the terminal;
Based on the plurality of selection operation accepting means including link information to other Web pages and the link information included in the selection operation accepting means in response to the selection operation accepting means accepting a selection operation from the user. A page transition means for transmitting a page transition request to another web page at the link destination to the web browser of the terminal, and further a pop-up redisplay request for displaying the link list page being displayed in another window. A pop-up redisplay means for sending to the browser, a page generation means for generating a link list page, and
Page transmission means for transmitting the link list page to the terminal;
A web server comprising:   The link list page identifies the selection operation accepting unit that has accepted a selection operation from the user, and the identified selection operation accepting unit displays a display position of the link list page displayed by the separate window. The web server according to claim 1, further comprising display position reflecting means for including information for setting a position to be displayed in the pop-up redisplay request and transmitting the information to the web browser.   The link list page is configured to display a new selection operation accepting means by receiving link information to another new web page from the web server at a predetermined timing after the terminal starts displaying. The Web server according to claim 1, further comprising display content update means for sequentially updating the content. A method executed by a Web server that transmits a link list page displayed by a terminal connectable through a communication network,
A page request receiving step in which the Web server receives a page request from a Web browser of the terminal;
Based on the plurality of selection operation accepting means including link information to other Web pages and the link information included in the selection operation accepting means in response to the selection operation accepting means accepting a selection operation from the user. A page transition means for transmitting a page transition request to another web page at the link destination to the web browser of the terminal, and further a pop-up redisplay request for displaying the link list page being displayed in another window. A page generation step for generating a link list page comprising: a pop-up redisplay means for transmitting to a browser;
A page transmission step of transmitting the link list page generated in the page generation step to the terminal;
How to run.

Images