JP4621187B2 - Information processing apparatus, server, control method of information processing apparatus, program, and recording medium - Google Patents

Information processing apparatus, server, control method of information processing apparatus, program, and recording medium Download PDF

Info

Publication number
JP4621187B2
JP4621187B2 JP2006267413A JP2006267413A JP4621187B2 JP 4621187 B2 JP4621187 B2 JP 4621187B2 JP 2006267413 A JP2006267413 A JP 2006267413A JP 2006267413 A JP2006267413 A JP 2006267413A JP 4621187 B2 JP4621187 B2 JP 4621187B2
Authority
JP
Japan
Prior art keywords
browser
display area
information
displayed
information processing
Prior art date
Legal status (The legal status 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 status listed.)
Active
Application number
JP2006267413A
Other languages
Japanese (ja)
Other versions
JP2008090366A (en
JP2008090366A5 (en
Inventor
剛 高塚
Original Assignee
キヤノンソフトウェア株式会社
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 キヤノンソフトウェア株式会社 filed Critical キヤノンソフトウェア株式会社
Priority to JP2006267413A priority Critical patent/JP4621187B2/en
Publication of JP2008090366A publication Critical patent/JP2008090366A/en
Publication of JP2008090366A5 publication Critical patent/JP2008090366A5/ja
Application granted granted Critical
Publication of JP4621187B2 publication Critical patent/JP4621187B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Description

本発明は、コンボボックスのように選択可能な情報の一覧(リスト)をプルダウン表示させていずれかの情報を選択させる入力項目であり、且つ、前記一覧がプルダウン表示される際に表示領域を越える部分については非表示状態となる構成の入力項目を有する操作画面の画面制御に関する。   The present invention is an input item for selecting any information by pulling down a list of selectable information like a combo box, and when the list is pulled down, the display area is exceeded. The portion relates to screen control of an operation screen having input items configured to be in a non-display state.

データをフィールドに入力する再に、その入力支援方法の一つとして、入力領域に入力中の文字列に対して、入力文字列の候補を一覧(コンボボックスのリスト)としてプルダウン表示し、この一覧から選択することによって文字列の入力の手間を省くSUGGESTの技術が、一般的に知られている(例えば、Google社の「Googleサジェスト」)。   When inputting data into the field, one of the input support methods is to pull down the input string candidates as a list (combo box list) for the character string being input in the input area. The technology of SUGGEST that saves the input of a character string by selecting from is generally known (for example, “Google Suggest” of Google Inc.).

今日のWebの環境においてコンボボックスのような入力領域と選択領域を持つコンポーネントは、標準では用意されていない。   In today's Web environment, a component having an input area and a selection area such as a combo box is not prepared as a standard.

よって、上述のSUGGESTを実現するには、候補の一覧を別のWebコンポーネントで作成し、その一覧を入力領域の下に表示させるという2つ以上のWebコンポーネントを組み合わせることでSUGGESTの機能を実現する方法が多く用いられている。   Therefore, in order to realize the above-mentioned SUGGEST, the SUGGEST function is realized by combining two or more Web components such as creating a candidate list with another Web component and displaying the list below the input area. Many methods are used.

また、特許文献1には、データ入力を行うアプリケーションプログラムに対して、そのアプリケーションプログラムが取扱うデータの形式や項目の性質を把握して入力支援を行う入力支援方法が開示されている。
特開平10−105547号公報
Patent Document 1 discloses an input support method for providing input support for an application program that performs data input by grasping the format of data handled by the application program and the properties of items.
JP-A-10-105547

しかしながら、ドロップダウンリスト以外のWebコンポーネント(例えば、上述のSUGGESTで用いられているコンボボックス)は、画面(ブラウザ)の領域を越えて表示することはできない。   However, Web components other than the drop-down list (for example, the combo box used in the above-described SUGGEST) cannot be displayed beyond the screen (browser) area.

このため、Webの環境において、コンボボックスのリストが長くなってまった場合に、画面の領域を狭めるといった動作、あるいは、画面に収まらない長さのリストから値を選ぶ際に、リストが画面の中に隠れてしまい(例えば、後述する図2の212のようなデータ)実際に選択したい値が見えなくなってしまうという問題があった。   For this reason, when the combo box list becomes long in the Web environment, the list is displayed on the screen when narrowing the screen area or when selecting a value from a list whose length does not fit on the screen. There is a problem that the value to be actually selected cannot be seen because it is hidden inside (for example, data like 212 in FIG. 2 described later).

従来このような状況の場合、目的の値を見ながら値を選択するために、画面の幅をユーザが目的の値が参照できる位置まで広げたり、また、ブラウザ等のスクロールバーを目的の値が参照できる位置まで手動で動かす等の操作により回避していた。   Conventionally, in such a situation, in order to select a value while observing the target value, the screen width is expanded to a position where the user can refer to the target value, or the scroll bar of a browser or the like is used to set the target value. It was avoided by manually moving to a referenceable position.

このため、ユーザの操作性を低下させる要因となっていた。   For this reason, it has become a factor of reducing the operability of the user.

本発明は、上記の問題点を解決するためになされたもので、本発明の目的は、入力項目(コンボボックス)のプルダウン表示される一覧(リスト)の一部が表示領域を越えて非表示となってしまった場合でも、操作画面の幅(縦の長さ)を変更又はスクロールを使用して操作画面を目的の値まで移動させるといった煩雑なユーザ操作を行うことなく、ユーザが目的の値を見ながら入力項目の一覧から情報を容易に選択することができるようにする仕組を提供することである。   The present invention has been made to solve the above-described problems, and an object of the present invention is to hide a part of a list (list) displayed as a pull-down list of input items (combo boxes) beyond the display area. Even if it becomes, the user can change the width (vertical length) of the operation screen or the user can set the target value without performing complicated user operations such as moving the operation screen to the target value using scrolling. It is to provide a mechanism that makes it possible to easily select information from a list of input items while viewing the screen.

本発明は、構造化言語により記述された画面データを表示するブラウザの表示領域に、入力情報の候補リストをプルダウン表示し、該候補リストの中から選択された情報を該ブラウザの表示領域に表示可能な情報処理装置であって、プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置が、前記画面データを表示するブラウザの表示領域の外側となるか内側となるかを判定する判定手段と、前記判定手段による判定の結果、前記ブラウザの表示領域の外側となると判定された場合、前記選択状態となっている情報の表示される位置を、前記ブラウザの表示領域の内側となるように、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせるスクロール制御手段を有することを特徴とする。 The present invention displays a pull-down list of input information candidates in a display area of a browser that displays screen data described in a structured language, and displays information selected from the candidate list in the display area of the browser. And a position where information selected in the candidate list displayed in a pull-down display is outside or inside the display area of the browser that displays the screen data. A determination means for determining whether the information is in the selected state when the determination means determines that the information is outside the display area of the browser. so that the inner space is in; and a scroll control means for scrolling the scroll bar of the display area displayed on the browser .

本発明によれば、ユーザには目的の値までシステムが自動でスクロールする機能を提供することにより、操作画面のサイズを意識することなく容易にコンボボックス等のリストを選択操作することが可能になる。   According to the present invention, it is possible to select and operate a list such as a combo box easily without being aware of the size of the operation screen by providing the user with a function for the system to automatically scroll to a target value. Become.

図1は、本発明を適用可能な情報処理装置のハードウェア構成の一例を示すブロック図である。   FIG. 1 is a block diagram illustrating an example of a hardware configuration of an information processing apparatus to which the present invention can be applied.

図1において、100はパーソナルコンピュータ等の情報処理装置である。この情報処理装置100は、CPU101、RAM102、ROM103、外部メモリ104、入力装置105、表示装置106、ネットワークインタフェースカード(NIC)107等を備え、これらがシステムバス108を介して互いに接続されている構成となっている。なお、実際には101〜107とシステムバス108との間にはインタフェース回路やチップセット等が存在するが、図では省略されている。   In FIG. 1, reference numeral 100 denotes an information processing apparatus such as a personal computer. The information processing apparatus 100 includes a CPU 101, a RAM 102, a ROM 103, an external memory 104, an input device 105, a display device 106, a network interface card (NIC) 107, and the like, which are connected to each other via a system bus 108. It has become. In practice, an interface circuit, a chip set, and the like exist between 101 to 107 and the system bus 108, but are omitted in the figure.

CPU101は、ROM103又は外部メモリ104等に記憶保存されたプログラム等を読み出して実行することにより、各種制御処理を実行する。RAM102は、CPU101の作業領域として使用される。   The CPU 101 executes various control processes by reading and executing programs stored in the ROM 103 or the external memory 104. The RAM 102 is used as a work area for the CPU 101.

NIC107は、図示しないネットワークに有線又は無線で接続され、ネットワーク400を介してサーバ300と通信可能である。なお、サーバ300も情報処理装置100と同様のハードウェア構成とする。   The NIC 107 is connected to a network (not shown) by wire or wirelessly, and can communicate with the server 300 via the network 400. The server 300 has the same hardware configuration as the information processing apparatus 100.

外部メモリ104は、ハードディスク、フレキシブルディスク、CD−ROM,DVD、フラッシュメモリ等で構成される。   The external memory 104 includes a hard disk, a flexible disk, a CD-ROM, a DVD, a flash memory, and the like.

なお、クライアントとしての情報処理装置100は、サーバ300からHTML等の構造化言語で記述された画面データ(コンテンツ)を受信して、CPU101が実行するブラウザプログラム(以下、ブラウザ)により表示装置106上に表示可能である。なお、このブラウザは、操作画面(コンボボックスを有する)の一部分を当該操作画面よりも小さな表示領域にスクロール可能に表示することができる。   Note that the information processing apparatus 100 as a client receives screen data (content) described in a structured language such as HTML from the server 300, and is displayed on the display device 106 by a browser program (hereinafter referred to as a browser) executed by the CPU 101. Can be displayed. Note that this browser can display a part of the operation screen (having a combo box) in a scrollable display area smaller than the operation screen.

また、この画像データは、内部にスクリプト言語で記載されているプログラム(クライアントサイドスクリプト)が格納されている。さらに、CPU101は、CPU101が実行するブラウザ上で上記画面データ内に格納されているクライアントサイドスクリプトを実行可能である。   The image data stores a program (client side script) written in a script language. Further, the CPU 101 can execute a client side script stored in the screen data on a browser executed by the CPU 101.

以下、図2〜図4を参照して、本発明におけるスクロール制御について説明する。   The scroll control in the present invention will be described below with reference to FIGS.

図2〜図4は、本発明におけるスクロール制御を説明するための模式図である。なお、特に図2,図3はスクロール制御前の画面のイメージに対応し、図4はスクロール制御後の画面のイメージに対応する。また、図2〜図4で同一のものには同一の符号を付してある。   2 to 4 are schematic views for explaining the scroll control in the present invention. 2 and 3 correspond to the image of the screen before the scroll control, and FIG. 4 corresponds to the image of the screen after the scroll control. 2 to 4 are denoted by the same reference numerals.

図2において、200は入力項目の親項目(入力項目が所属していて且つスクロールバーを持つ項目であり、例えば、入力項目が所属しているフレームやブラウザのウィンドウ)の表示部分の画面イメージであり、図1に示したサーバ300から情報処理装置100にダウンロード等されてCPU101が実行するブラウザにより表示装置106上に表示されたものである。   In FIG. 2, reference numeral 200 denotes a screen image of a display portion of a parent item of an input item (an item to which the input item belongs and having a scroll bar, for example, a frame or browser window to which the input item belongs). Yes, it is downloaded from the server 300 shown in FIG. 1 to the information processing apparatus 100 and displayed on the display device 106 by the browser executed by the CPU 101.

例えば、上述のSUGGEST技術を用いて入力支援の場合、図2に示すように、ユーザは入力項目(コンボボックス)210に値(ここでは"A")を入力すると、入力項目に入力された文字で始まるデータが入力候補としてプルダウン表示される候補一覧部分(リスト部分)211に表示される。なお、この入力候補データは非同期による通信により、サーバから取得されるものであるが、データの所得方法そのものに関しては本発明とは無関係であるため説明は省略する。   For example, in the case of input support using the above-described SUGGEST technology, as shown in FIG. 2, when the user inputs a value (here, “A”) in the input item (combo box) 210, the characters input in the input item The data starting with is displayed in the candidate list portion (list portion) 211 displayed as a pull-down input candidate. Although this input candidate data is acquired from the server by asynchronous communication, the data income method itself is irrelevant to the present invention, and the description thereof is omitted.

なお、Webの環境におけるコンボボックスは、前述のとおりリストボックスのようにブラウザの領域等の表示部分を超えて表示することはできない。つまり、親項目の表示部分200に対して候補のリスト部分211を十分に表示できない場合、212に示すように表示されないデータができてしまう。   Note that the combo box in the Web environment cannot be displayed beyond the display part such as the browser area like the list box as described above. That is, if the candidate list portion 211 cannot be sufficiently displayed on the display portion 200 of the parent item, data that is not displayed is generated as indicated by 212.

なお、画面に表示できないデータ(表示されない領域212)は、図中では便宜上網掛けとして図示しているが、本来はブラウザの中に入ってしまっているためユーザからは全く見えない部分である。   Note that the data that cannot be displayed on the screen (the area 212 that is not displayed) is shown as shaded in the drawing for the sake of convenience, but is originally in the browser and is therefore invisible to the user.

図2に示した例は、リスト部分211内で選択されている項目213が、表示されている領域にある(即ち、表示されない領域212にない)場合を示している。   The example illustrated in FIG. 2 illustrates a case where the item 213 selected in the list portion 211 is in the displayed area (that is, not in the non-displayed area 212).

そして、図2の状態から、ユーザが入力装置105において下矢印キー等を用いて、表示されない領域212の項目に選択項目を移動させると図3に示すように、選択項目213は見えなくなってしまう。   Then, if the user moves the selection item to an item in the area 212 that is not displayed using the down arrow key or the like on the input device 105 from the state of FIG. 2, the selection item 213 becomes invisible as shown in FIG. .

本実施形態のスクロール制御では、コンボボックス210のスクロールバーを備えた最も近い上位項目のスクロールバーを図4に示すように、選択項目213が完全に見える位置まで下げるように制御する。   In the scroll control of the present embodiment, control is performed so that the scroll bar of the closest upper item including the scroll bar of the combo box 210 is lowered to a position where the selection item 213 can be completely seen as shown in FIG.

なお、このスクロール制御は、リスト211の選択項目213が変更されたことに応じて、CPU101はCPU101が実行するブラウザプログラム(以下ブラウザ)上で画面データ内にスクリプト言語で記載されているプログラム(クライアントサイドスクリプト)を実行することにより実現される。なお、このクライアントサイドスクリプトによるスクロール処理は、後述する図5〜図7で詳述する。   Note that this scroll control is performed in accordance with the change of the selection item 213 in the list 211. The CPU 101 executes a program (client) described in the script language in the screen data on the browser program (hereinafter referred to as the browser) executed by the CPU 101. This is realized by executing a side script. The scroll process by the client side script will be described in detail with reference to FIGS.

なお、図2〜図4において、201は親項目の表示部分の長さを示す。202は、親項目のTop(上端)からリスト部分211のTop(上端)までの長さを示す。220は親項目のスクロール量を示す。   2 to 4, 201 indicates the length of the display portion of the parent item. Reference numeral 202 denotes the length from the top (top) of the parent item to the top (top) of the list portion 211. Reference numeral 220 denotes the scroll amount of the parent item.

また、203は、リスト部分211のTop(上端)から選択項目213のTop(上端)までの長さを示す。222は、リスト部分211のスクロール量を示す。204は選択項目自体の長さを示す。221は画面最下部の横スクロールバー自体の長さを示す。   Reference numeral 203 denotes a length from the Top (upper end) of the list portion 211 to the Top (upper end) of the selection item 213. Reference numeral 222 denotes the scroll amount of the list portion 211. 204 indicates the length of the selection item itself. Reference numeral 221 denotes the length of the horizontal scroll bar itself at the bottom of the screen.

以下、図5〜図7のフローチャートを参照して、本発明におけるスクロール制御について詳細に説明する。   Hereinafter, scroll control according to the present invention will be described in detail with reference to the flowcharts of FIGS.

図5は、本発明の第1の制御処理手順の一例を示すフローチャートであり、図2〜図4に示したコンボボックス210の選択状態が変化した場合に実行される。なお、このフローチャートの処理は、CPU101が、CPU101により実行されるブラウザプログラム(以下ブラウザ)上で画面データ内にスクリプト言語で記載されているプログラム(クライアントサイドスクリプト)を実行することにより実現される。また、図中、S500〜S504は各ステップを示す。   FIG. 5 is a flowchart showing an example of the first control processing procedure of the present invention, which is executed when the selection state of the combo box 210 shown in FIGS. 2 to 4 changes. Note that the processing of this flowchart is realized by the CPU 101 executing a program (client-side script) described in the script language in the screen data on a browser program (hereinafter referred to as browser) executed by the CPU 101. In the figure, S500 to S504 indicate steps.

まず、ユーザが入力装置105を用いてコンボボックスの項目選択状態を変更すると、CPU101は、CPU101により実行されるブラウザプログラム(以下ブラウザ)上で画面データ内にスクリプト言語で記載されている本フローチャートのプログラムを起動する。そして、まずステップS500において、CPU101は、親項目を確定する。ここで言う親項目とは、コンボボックスが属しているコンポーネントのことであり、更にスクロールの対象となるものである。例えば、コンボボックスがTABLEの中にありそのTABLEがスクロールする場合は、親項目はTABLEになる。しかし、TABLEの中に入ってはいるがそのTABLEはスクロールしない場合は親項目はBODYになる。親項目の高さは、対象のコンポーネントのスクロールバー一番上にした状態から現在画面に表示されている最下部までの高さである。なお、このS500の処理の詳細は後述する図6で説明する。   First, when the user changes the item selection state of the combo box using the input device 105, the CPU 101 executes the flowchart of this flowchart described in the script language in the screen data on the browser program (hereinafter referred to as the browser) executed by the CPU 101. Start the program. First, in step S500, the CPU 101 determines the parent item. The parent item referred to here is a component to which the combo box belongs, and is a target of scrolling. For example, if the combo box is in a TABLE and that TABLE scrolls, the parent item will be a TABLE. However, the parent item becomes BODY if it is in the TABLE but the TABLE does not scroll. The height of the parent item is the height from the top of the scroll bar of the target component to the lowest part currently displayed on the screen. Details of the processing in S500 will be described later with reference to FIG.

次に、ステップS501において、CPU101は、親項目のTop(先端)から親項目の表示部分のBottom(下端)までの長さ(以下、親項目の長さ)を計算し、RAM102内に格納する。図2〜図4に示した例では、親項目の表示部分の長さ201に、親項目の親項目のスクロール量220を加算した値として計算される。   Next, in step S <b> 501, the CPU 101 calculates the length from the top (top) of the parent item to the bottom (bottom end) of the display portion of the parent item (hereinafter, the length of the parent item) and stores it in the RAM 102. . In the example shown in FIGS. 2 to 4, the value is calculated by adding the scroll amount 220 of the parent item parent item to the length 201 of the parent item display portion.

次に、ステップS502において、CPU101は、親項目のTop(先端)から選択項目のBottom(下端)までの長さ(以下、選択項目までの長さ)を計算し、RAM102内に格納する。なお、この詳細な計算方法は後述する図で説明する。 Next, in step S <b> 502, the CPU 101 calculates the length from the top (top) of the parent item to the bottom (bottom) of the selection item (hereinafter, the length to the selection item) and stores it in the RAM 102. Incidentally, the detailed calculation method will be described with reference to FIG. 7 to be described later.

次に、ステップS503において、CPU101は、S501で算出した親項目の長さと、S50で算出した選択項目までの長さとを比較する。これにより、選択項目が見えている状態(例えば図2の状態)か、選択項目が見えていない状態(例えば図3の状態)か判断する。 Next, in step S503, CPU 101 compares the length of the parent item calculated in S501, to the selected item calculated in S50 2 and length. Thereby, it is determined whether the selection item is visible (for example, the state of FIG. 2) or the selection item is not visible (for example, the state of FIG. 3).

そして、ステップS503で、CPU101が、親項目の長さが選択項目までの長さ以上(親項目の長さ≧選択項目までの長さ)と判定した場合には、CPU101は、選択項目が見えている状態(例えば図2の状態)と判断し、スクロールバーの制御は行わず、そのまま処理を終了する。 If the CPU 101 determines in step S503 that the length of the parent item is equal to or greater than the length of the selection item (the length of the parent item ≧ the length of the selection item) , the CPU 101 can see the selection item. It is determined that it is in a closed state (for example, the state shown in FIG. 2), the scroll bar control is not performed, and the processing is ended as it is.

一方、ステップS503で、CPU101が、親項目の長さが選択項目までの長さ未満(親項目の長さ<選択項目までの長さ)と判定した場合には、選択項目が見えていない状態(例えば図3の状態)と判断して、ステップS504に処理を進める。 On the other hand, when the CPU 101 determines in step S503 that the length of the parent item is less than the length to the selection item (the length of the parent item <the length to the selection item) , the selection item is not visible. (For example, the state of FIG. 3) and the process proceeds to step S504.

ステップS504では、CPU101は、選択項目が見える状態(例えば図4の状態)になるまで親項目のスクロールバーを移動させるように制御し、処理を終了する。   In step S504, the CPU 101 performs control so that the scroll bar of the parent item is moved until the selected item becomes visible (for example, the state shown in FIG. 4), and the process ends.

なお、ここでは、CPU101が、選択項目が見える状態(例えば図4の状態)になるまで親項目のスクロールバーを移動させるように制御する構成について示したが、選択項目が見える状態(例えば図4の状態)になるまで親項目の表示領域200を広げるように構成してもよい。   Here, the configuration is shown in which the CPU 101 controls to move the scroll bar of the parent item until the selection item becomes visible (for example, the state of FIG. 4), but the selection item is visible (for example, FIG. 4). The display area 200 of the parent item may be expanded until the state of (1) is reached.

また、選択項目が見える状態(例えば図4の状態)になるまで表示領域200の表示倍率を縮小する構成も本発明に含まれるものである。   Further, the present invention includes a configuration in which the display magnification of the display area 200 is reduced until the selection item is visible (for example, the state shown in FIG. 4).

以下、図6のフローチャートを参照して、図5のステップS500に示した親項目の決定処理について詳細に説明する。   Hereinafter, the parent item determination process shown in step S500 of FIG. 5 will be described in detail with reference to the flowchart of FIG.

図6は、本発明の第2の制御処理手順の一例を示すフローチャートであり、図5のステップS500に示した親項目の決定処理の詳細フローチャートに対応する。なお、このフローチャートの処理は、CPU101が、CPU101により実行されるブラウザプログラム(以下ブラウザ)上で画面データ内にスクリプト言語で記載されているプログラム(クライアントサイドスクリプト)を実行することにより実現される。また、図中、S700〜S705は各ステップを示す。   FIG. 6 is a flowchart showing an example of the second control processing procedure of the present invention, and corresponds to the detailed flowchart of the parent item determination processing shown in step S500 of FIG. Note that the processing of this flowchart is realized by the CPU 101 executing a program (client-side script) described in the script language in the screen data on a browser program (hereinafter referred to as browser) executed by the CPU 101. In the figure, S700 to S705 indicate steps.

なお、親項目とは、コンボボックスが所属していてかつスクロールバーを持つものである。つまり、選択項目を見える状態にするために下げるスクロールバーをもつコンポーネントのことを示す。   The parent item is a item to which a combo box belongs and has a scroll bar. That is, it indicates a component having a scroll bar that is lowered to make the selected item visible.

まず、ステップS700において、CPU101は、RAM102上に変数「対象」を格納する領域を確保するとともに、「対象」に選択項目のあるリスト部分を設定する。   First, in step S <b> 700, the CPU 101 secures an area for storing the variable “target” on the RAM 102 and sets a list portion having a selection item in “target”.

次に、ステップS701において、CPU101は、ステップS700で「対象」に設定された項目の一つ上位のコンポーネント(項目)があるかどうか判定する。   Next, in step S701, the CPU 101 determines whether there is a component (item) that is one level higher than the item set as “target” in step S700.

そして、ステップS701で、「対象」に設定された項目の一つ上位のコンポーネントがあると判定した場合には、CPU101は、ステップS702において、そのコンポーネントにスクロールバーがあるかどうか判定する。   If it is determined in step S701 that there is a component one level higher than the item set as “target”, the CPU 101 determines in step S702 whether the component has a scroll bar.

そして、ステップS702で、対象(選択項目のあるリスト部分)の一つ上のコンポーネントにスクロールバーがあると判定した場合には、ステップS703に処理を進める。   If it is determined in step S702 that the component above the target (the list portion with the selection item) has a scroll bar, the process proceeds to step S703.

ステップS703では、CPU101は、該コンポーネントを親項目として設定し、処理を終了する。   In step S703, the CPU 101 sets the component as a parent item and ends the process.

一方、ステップS702で、「対象」に設定された項目の一つ上位のコンポーネントにスクロールバーが無いと判定した場合には、ステップS704に処理を進める。   On the other hand, if it is determined in step S702 that there is no scroll bar in the component one level higher than the item set as “target”, the process proceeds to step S704.

ステップS704では、CPU101は、現在「対象」に設定されている項目の一つ上位のコンポーネントを新たに「対象」に設定変更し、ステップS701に処理を戻し、該「対象」について処理を行う。   In step S <b> 704, the CPU 101 newly changes a component one item higher than the item currently set to “target” to “target”, returns the process to step S <b> 701, and processes the “target”.

また、ステップS701で、CPU101が、「対象」に設定された項目の一つ上位のコンポーネントが無いと判定した場合には、CPU101はステップS705に処理を進める。   If the CPU 101 determines in step S701 that there is no one component higher than the item set as “target”, the CPU 101 advances the process to step S705.

そしてステップS705では、CPU101は、ブラウザがスクロール対象になるため親項目を最上位の項目であるBODYに決定し、RAM102に格納して、処理を終了する。   In step S705, the CPU 101 determines that the parent item is BODY, which is the highest item, because the browser is to be scrolled, stores it in the RAM 102, and ends the process.

なお、図6では、リスト部分から上位の項目を1つずつ辿っていき親項目を決定する構成について示したが、アプリケーション(画面)作成時に親項目に相当する項目に親項目を示すIDを付加しておき、該IDを見つけて親項目に決定するように構成してもよい。   Although FIG. 6 shows the configuration in which the parent item is determined by tracing the upper items one by one from the list portion, an ID indicating the parent item is added to the item corresponding to the parent item when the application (screen) is created. In addition, the ID may be found and determined as a parent item.

以下、図7のフローチャートを参照して、図5のステップS502に示した選択項目までの長さの計算処理(即ち、親項目のTop(上端)から選択項目のBottom(下端)までの長さの計算処理)について詳細に説明する。   Hereinafter, with reference to the flowchart of FIG. 7, the length calculation processing up to the selection item shown in step S502 of FIG. 5 (that is, the length from the top (top) of the parent item to the bottom (bottom) of the selection item) Will be described in detail.

図7は、本発明の第3の制御処理手順の一例を示すフローチャートであり、図5のステップS502に示した選択項目までの長さの計算処理の詳細フローチャートに対応する。なお、なお、このフローチャートの処理は、CPU101が、CPU101により実行されるブラウザプログラム(以下ブラウザ)上で画面データ内にスクリプト言語で記載されているプログラム(クライアントサイドスクリプト)を実行することにより実現される。また、図中、S601〜S609は各ステップを示す。   FIG. 7 is a flowchart showing an example of the third control processing procedure of the present invention, and corresponds to the detailed flowchart of the length calculation processing up to the selection item shown in step S502 of FIG. Note that the processing of this flowchart is realized by the CPU 101 executing a program (client-side script) described in the script language in the screen data on the browser program (hereinafter referred to as browser) executed by the CPU 101. The In the figure, S601 to S609 indicate each step.

まず、ステップS601において、CPU101は、RAM102上に変数FROM,TOを格納する領域を確保するとともに、FROMにリスト項目を設定し、TOにリスト項目の1つ上位の項目を設定する。   First, in step S601, the CPU 101 secures an area for storing the variables FROM and TO on the RAM 102, sets a list item in the FROM, and sets an item one level higher than the list item in the TO.

次に、ステップS602において、CPU101は、RAM102上に変数「高さ」を格納する領域を確保するとともに、変数「長さ」を「0」で初期化する。   Next, in step S <b> 602, the CPU 101 secures an area for storing the variable “height” on the RAM 102 and initializes the variable “length” with “0”.

次に、ステップS603〜ステップS606において、CPU101は、親項目のTop(上端)からリスト項目のTop(上端)までの長さを求める。   Next, in steps S603 to S606, the CPU 101 obtains the length from the top (top) of the parent item to the top (top) of the list item.

詳細には、ステップS603において、CPU101は、FROMに設定された項目のTop(上端)からTOに設定された項目のTop(上端)までの長さを取得し、RAM102内に格納する。   Specifically, in step S <b> 603, the CPU 101 acquires the length from the Top (upper end) of the item set in the FROM to the Top (upper end) of the item set in the TO, and stores it in the RAM 102.

次に、ステップS604において、CPU101は、「長さ」に格納された値にステップS603で求めた長さを加算した値を、「長さ」に格納する。   Next, in step S604, the CPU 101 stores, in “length”, a value obtained by adding the length obtained in step S603 to the value stored in “length”.

次に、ステップS605において、CPU101は、TOに設定された項目が親項目であるか否かを判定し、親項目でないと判定した場合には、ステップS606に処理を進める。   Next, in step S605, the CPU 101 determines whether or not the item set in TO is a parent item. If it is determined that the item is not a parent item, the process proceeds to step S606.

ステップS606では、CPU101は、FROMに現在TOに設定された項目を設定し、さらに、TOに現在TOに設定されている項目の1つ上位の項目を設定し、ステップS603に処理を戻す。   In step S606, the CPU 101 sets the item currently set to TO in the FROM, sets an item one level higher than the item currently set in TO to TO, and returns the process to step S603.

一方、ステップS605で、CPU101が、TOに設定された項目が親項目であると判定した場合には、ステップS607に処理を進める。   On the other hand, if the CPU 101 determines in step S605 that the item set to TO is a parent item, the process proceeds to step S607.

以上のステップS603〜ステップS606で求めた、親項目のTop(上端)からリスト項目のTop(上端)までの長さは、図2〜図4に示した例では、親項目のTop(上端)からリスト部分211のTop(上端)までの長さ202として求められる。   The length from the Top (upper end) of the parent item to the Top (upper end) of the list item obtained in Steps S603 to S606 above is the Top (upper end) of the parent item in the example shown in FIGS. To the top (upper end) of the list portion 211.

ステップS607では、CPU101は、リスト部分のTop(上端)からリスト内の選択項目のTop(上端)までの長さを取得し、RAM102内に格納する。図2〜図4に示した例では、リスト部分211のTop(上端)から選択項目213のTop(上端)までの長さ203として求められる。   In step S <b> 607, the CPU 101 acquires the length from the Top (upper end) of the list portion to the Top (upper end) of the selection item in the list, and stores it in the RAM 102. In the example shown in FIGS. 2 to 4, the length 203 is calculated as the length 203 from the Top (upper end) of the list portion 211 to the Top (upper end) of the selection item 213.

次に、ステップS608において、CPU101は、選択項目自体の長さを取得し、RAM102内に格納する。図2〜図4に示した例では、選択項目自体の長さ204として求められる。   Next, in step S <b> 608, the CPU 101 acquires the length of the selection item itself and stores it in the RAM 102. In the example shown in FIGS. 2 to 4, it is obtained as the length 204 of the selection item itself.

次に、ステップS609において、CPU101は、ステップS601〜S606で算出し「長さ」に格納された値(図2〜図4の例では202)と、ステップS607で取得された値(図2〜図4の例では203)、ステップS608で取得された値(図2〜図4の例では204)を合計し、さらに、リスト部分のスクロール量(図2〜図4の例では222)を減算した値を算出し、RAM102内に格納して、処理を終了する。   Next, in step S609, the CPU 101 calculates the value calculated in steps S601 to S606 and stored in “length” (202 in the example of FIGS. 2 to 4) and the value acquired in step S607 (FIG. 2). In the example of FIG. 4, 203), the values acquired in step S608 (204 in the examples of FIGS. 2 to 4) are summed, and the scroll amount of the list portion (222 in the examples of FIGS. 2 to 4) is further subtracted. The calculated value is calculated and stored in the RAM 102, and the process is terminated.

以上説明したように、選択可能な情報の一覧(リスト)をプルダウン表示させていずれかの情報を選択させる入力項目であり、且つ、前記一覧がプルダウン表示される際に表示領域を越える部分については非表示状態となる構成の入力項目(例えば図2〜図4のコンボボックス210)を有する操作画面の一部分を当該操作画面よりも小さな前記表示領域(例えば、Webブラウザのウィンドウの表示領域や、Webブラウザのウィンドウを区切ったフレームの表示領域(図2〜図4の200))にスクロール可能に表示可能な情報処理装置100が、前記一覧中で選択状態となっている情報(図2〜図4の213)が表示されるべき位置が、前記表示領域外である場合には(図3の場合)、前記一覧中で選択状態となっている情報が表示されるべき位置が前記表示領域内となるように(図4の状態になるように)、前記操作画面をスクロールさせる構成を有するので、アプリケーションユーザには目的の値までシステムが自動でスクロールする機能を提供することにより、作業画面のサイズを意識することなく容易にコンボボックス等のリストを選択操作することが可能になる。   As described above, a list of selectable information (list) is an input item for selecting any information by pull-down display, and a portion exceeding the display area when the list is pull-down displayed. A part of the operation screen having an input item (for example, the combo box 210 in FIGS. 2 to 4) in a non-display state is displayed on the display area (for example, the display area of a web browser window, The information processing apparatus 100 that can be displayed in a scrollable manner in a frame display area (200 in FIGS. 2 to 4) that divides the browser window is selected in the list (FIGS. 2 to 4). 213) is outside the display area (in the case of FIG. 3), the information selected in the list is displayed. Since the operation screen is scrolled so that the position to be within the display area (as shown in FIG. 4), the application user has a function of automatically scrolling the system to a target value. By providing, it becomes possible to easily select and operate a list such as a combo box without being aware of the size of the work screen.

また、スクロールバーや画面の幅を操作する必要がなくなることにより、ユーザの操作性を向上させ、ユーザの操作時のストレスを軽減させることができる。   Further, since it becomes unnecessary to operate the scroll bar and the width of the screen, the operability for the user can be improved and the stress during the user's operation can be reduced.

さらに、アプリケーション開発者には、コンボボックスの配置位置など画面の構成を意識しなくても、使い勝手のよい画面を設計することが可能になる。また、1画面に表示するデータ数の上限制限しなくても、使い勝手のよい画面を設計することが可能になる。   Furthermore, it is possible for an application developer to design a user-friendly screen without being aware of the screen configuration such as the arrangement position of the combo box. Further, it is possible to design a user-friendly screen without limiting the upper limit of the number of data to be displayed on one screen.

また、サーバより操作画面の画面データと画面制御プログラムを受信実行したクライアントは、ユーザに目的の値までシステムが自動でスクロールする機能を提供することができ、コンボボックス等の入力項目の表示位置や操作画面のサイズを意識することなく容易にコンボボックス等の一覧から情報を選択操作することが可能になる。   In addition, the client that has received and executed the screen data of the operation screen and the screen control program from the server can provide the user with a function for the system to automatically scroll to the target value. Information can be easily selected and operated from a list such as a combo box without being aware of the size of the operation screen.

また、スクロール操作や操作画面のサイズ変更等を操作する必要がなくなることにより、ユーザの操作性を向上させ、ユーザの操作時のストレスを軽減させることができる。   In addition, since there is no need to perform a scrolling operation, a size change of the operation screen, or the like, it is possible to improve user operability and reduce stress during user operation.

従って、入力項目(コンボボックス)の一覧(リスト)の一部が表示領域を越えて非表示となってしまった場合でも、操作画面の幅(縦の長さ)を変更又はスクロールを使用して操作画面を目的の値まで移動させるといった煩雑なユーザ操作を行うことなく、ユーザが目的の値を見ながら入力項目の一覧から情報を容易に選択することができる等の効果を奏する。   Therefore, even if a part of the list of input items (combo boxes) is hidden beyond the display area, the width (vertical length) of the operation screen is changed or scrolling is used. There is an effect that the user can easily select information from a list of input items while viewing the target value without performing a complicated user operation such as moving the operation screen to the target value.

また、サーバ300の外部メモリに上述した図5〜図7のフローチャートに示した処理に対応するプログラムを含む画面データを格納しておき、サーバ300のCPUが、上記画面データをクライアントとしての情報処理装置100に送信する構成を備えることにより、クライアントとしての情報処理装置100は、サーバ300から上記画面データをダウンロードしてブラウザにより表示させるだけで、上述のスクロール制御処理を実行させて、上述した効果を得ることができる。   Further, screen data including a program corresponding to the processing shown in the flowcharts of FIGS. 5 to 7 described above is stored in the external memory of the server 300, and the CPU of the server 300 processes the screen data as a client. By providing a configuration for transmitting to the apparatus 100, the information processing apparatus 100 as a client can execute the scroll control process described above by simply downloading the screen data from the server 300 and displaying the screen data on the browser. Can be obtained.

なお、上記実施形態では、サーバ300から画面データ(図5〜図7のフローチャートに対応するプログラムを含む)を情報処理装置100にダウンロードして実行する構成について示したが、上記図5〜図7のフローチャートに示した処理に対応するプログラムを情報処理装置100の外部メモリ104にインストールしておき、情報処理装置100のCPU101が、外部メモリ104に格納されたプログラムを読み出してRAM102上で実行するように構成してもよい。   In the above embodiment, the screen data (including programs corresponding to the flowcharts in FIGS. 5 to 7) is downloaded from the server 300 to the information processing apparatus 100 and executed. The program corresponding to the processing shown in the flowchart of FIG. 5 is installed in the external memory 104 of the information processing apparatus 100, and the CPU 101 of the information processing apparatus 100 reads out the program stored in the external memory 104 and executes it on the RAM 102. You may comprise.

また、画面データもHTML等の構造化言語で記述されたものに限定されるものではなく、本発明のスクロール制御は、Webの環境のコンボボックスのようにリストが長くなってまった場合に画面に収まらないリストの部分が非表示となってしまう構成の画面に対する画面制御であれば、どのような形態で提供される画面であってもよい。   Also, the screen data is not limited to the one described in a structured language such as HTML, and the scroll control of the present invention is performed when the list becomes long like a combo box in a Web environment. Any screen provided in any form may be used as long as it is a screen control for a screen having a configuration in which a portion of the list that does not fit in the screen is hidden.

また、上述した図2〜図4に示した画面の構成及びその内容はこれに限定されるものではなく、用途や目的に応じて、様々な構成や内容で構成されることは言うまでもない。   Also, the configuration and contents of the screens shown in FIGS. 2 to 4 described above are not limited to this, and it is needless to say that the screens are configured with various configurations and contents according to applications and purposes.

以上、一実施形態について示したが、本発明は、例えば、システム、装置、方法、プログラムもしくは記録媒体等としての実施態様をとることが可能であり、具体的には、複数の機器から構成されるシステムに適用しても良いし、また、一つの機器からなる装置に適用しても良い。   Although one embodiment has been described above, the present invention can take an embodiment as, for example, a system, apparatus, method, program, or recording medium, and specifically includes a plurality of devices. The present invention may be applied to a system including a single device.

以下、図8に示すメモリマップを参照して本発明に係る情報処理装置100,サーバ300で読み取り可能なデータ処理プログラムの構成について説明する。   The configuration of the data processing program that can be read by the information processing apparatus 100 and the server 300 according to the present invention will be described below with reference to the memory map shown in FIG.

図8は、本発明に係る情報処理装置100,サーバ300で読み取り可能な各種データ処理プログラムを格納する記録媒体(記憶媒体)のメモリマップを説明する図である。   FIG. 8 is a diagram illustrating a memory map of a recording medium (storage medium) that stores various data processing programs readable by the information processing apparatus 100 and the server 300 according to the present invention.

なお、特に図示しないが、記録媒体に記憶されるプログラム群を管理する情報、例えばバージョン情報,作成者等も記憶され、かつ、プログラム読み出し側のOS等に依存する情報、例えばプログラムを識別表示するアイコン等も記憶される場合もある。   Although not specifically shown, information for managing a program group stored in the recording medium, for example, version information, creator, etc. is also stored, and information depending on the OS on the program reading side, for example, a program is identified and displayed. Icons may also be stored.

さらに、各種プログラムに従属するデータも上記ディレクトリに管理されている。また、インストールするプログラムやデータが圧縮されている場合に、解凍するプログラム等も記憶される場合もある。   Further, data depending on various programs is also managed in the directory. In addition, when a program or data to be installed is compressed, a program to be decompressed may be stored.

本実施形態における図5,図6,図7に示す機能が外部からインストールされるプログラムによって、ホストコンピュータにより遂行されていてもよい。そして、その場合、CD−ROMやフラッシュメモリやFD等の記録媒体により、あるいはネットワークを介して外部の記録媒体から、プログラムを含む情報群を出力装置に供給される場合でも本発明は適用されるものである。   The functions shown in FIGS. 5, 6, and 7 in this embodiment may be performed by a host computer by a program installed from the outside. In this case, the present invention is applied even when an information group including a program is supplied to the output device from a recording medium such as a CD-ROM, a flash memory, or an FD, or from an external recording medium via a network. Is.

以上のように、前述した実施形態の機能を実現するソフトウェアのプログラムコードを記録した記録媒体を、システムあるいは装置に供給し、そのシステムあるいは装置のコンピュータ(またはCPUやMPU)が記録媒体に格納されたプログラムコードを読出し実行することによっても、本発明の目的が達成されることは言うまでもない。   As described above, a recording medium in which a program code of software for realizing the functions of the above-described embodiments is recorded is supplied to the system or apparatus, and the computer (or CPU or MPU) of the system or apparatus is stored in the recording medium. It goes without saying that the object of the present invention can also be achieved by reading and executing the program code.

この場合、記録媒体から読み出されたプログラムコード自体が本発明の新規な機能を実現することになり、そのプログラムコードを記憶した記録媒体は本発明を構成することになる。   In this case, the program code itself read from the recording medium realizes the novel function of the present invention, and the recording medium storing the program code constitutes the present invention.

プログラムコードを供給するための記録媒体としては、例えば、フレキシブルディスク,ハードディスク,光ディスク,光磁気ディスク,CD−ROM,CD−R,DVD−ROM,磁気テープ,不揮発性のメモリカード,ROM,EEPROM,シリコンディスク等を用いることができる。   As a recording medium for supplying the program code, for example, a flexible disk, hard disk, optical disk, magneto-optical disk, CD-ROM, CD-R, DVD-ROM, magnetic tape, nonvolatile memory card, ROM, EEPROM, A silicon disk or the like can be used.

また、コンピュータが読み出したプログラムコードを実行することにより、前述した実施形態の機能が実現されるだけでなく、そのプログラムコードの指示に基づき、コンピュータ上で稼働しているOS(オペレーティングシステム)等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Further, by executing the program code read by the computer, not only the functions of the above-described embodiments are realized, but also an OS (operating system) or the like running on the computer based on the instruction of the program code. It goes without saying that a case where the function of the above-described embodiment is realized by performing part or all of the actual processing and the processing is included.

さらに、記録媒体から読み出されたプログラムコードが、コンピュータに挿入された機能拡張ボードやコンピュータに接続された機能拡張ユニットに備わるメモリに書き込まれた後、そのプログラムコードの指示に基づき、その機能拡張ボードや機能拡張ユニットに備わるCPU等が実際の処理の一部または全部を行い、その処理によって前述した実施形態の機能が実現される場合も含まれることは言うまでもない。   Furthermore, after the program code read from the recording medium is written in a memory provided in a function expansion board inserted in the computer or a function expansion unit connected to the computer, the function expansion is performed based on the instruction of the program code. It goes without saying that the case where the CPU or the like provided in the board or the function expansion unit performs part or all of the actual processing and the functions of the above-described embodiments are realized by the processing.

また、本発明は、複数の機器から構成されるシステムに適用しても、1つの機器からなる装置に適用してもよい。また、本発明は、システムあるいは装置にプログラムを供給することによって達成される場合にも適応できることは言うまでもない。この場合、本発明を達成するためのソフトウェアによって表されるプログラムを格納した記録媒体を該システムあるいは装置に読み出すことによって、そのシステムあるいは装置が、本発明の効果を得ることが可能となる。   Further, the present invention may be applied to a system composed of a plurality of devices or an apparatus composed of a single device. Needless to say, the present invention can be applied to a case where the present invention is achieved by supplying a program to a system or apparatus. In this case, by reading a recording medium storing a program represented by software for achieving the present invention into the system or apparatus, the system or apparatus can obtain the effects of the present invention.

さらに、本発明を達成するためのソフトウェアによって表されるプログラムをネットワーク上のサーバ,データベース等から通信プログラムによりダウンロードして読み出すことによって、そのシステムあるいは装置が、本発明の効果を得ることが可能となる。   Furthermore, by downloading and reading a program represented by software for achieving the present invention from a server, database, etc. on a network using a communication program, the system or apparatus can obtain the effects of the present invention. Become.

なお、上述した各実施形態およびその変形例を組み合わせた構成も全て本発明に含まれるものである。   In addition, all the structures which combined each embodiment mentioned above and its modification are also included in this invention.

以上示したように、本発明によれば、入力項目(コンボボックス)の一覧(リスト)の一部が表示領域を越えて非表示となってしまった場合でも、操作画面の幅(縦の長さ)を変更(親項目の表示領域を広げる)又はスクロールを使用して操作画面を目的の値まで移動させるといった煩雑なユーザ操作を行うことなく、ユーザが目的の値を見ながら入力項目の一覧から情報を容易に選択することができる。   As described above, according to the present invention, even when a part of the list of input items (combo boxes) is hidden beyond the display area, the width of the operation screen (vertical length) The list of input items while the user is looking at the target value without performing complicated user operations such as changing the display area (expanding the display area of the parent item) or moving the operation screen to the target value using scrolling Information can be easily selected.

よって、コンボボックスにおいて、選択されている項目を常に目で確認しながら操作することができ、ストレスのない簡便な操作で目的の値を選択することができる。   Therefore, the combo box can be operated while always visually confirming the selected item, and the target value can be selected with a simple operation without stress.

本発明を適用可能な情報処理装置のハードウェア構成の一例を示すブロック図である。It is a block diagram which shows an example of the hardware constitutions of the information processing apparatus which can apply this invention. 本発明におけるスクロール制御を説明するための模式図である。It is a schematic diagram for demonstrating the scroll control in this invention. 本発明におけるスクロール制御を説明するための模式図である。It is a schematic diagram for demonstrating the scroll control in this invention. 本発明におけるスクロール制御を説明するための模式図である。It is a schematic diagram for demonstrating the scroll control in this invention. 本発明の第1の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 1st control processing procedure of this invention. 本発明の第2の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 2nd control processing procedure of this invention. 本発明の第3の制御処理手順の一例を示すフローチャートである。It is a flowchart which shows an example of the 3rd control processing procedure of this invention. 本発明に係る情報処理装置100,サーバ300で読み取り可能な各種データ処理プログラムを格納する記録媒体(記憶媒体)のメモリマップを説明する図である。It is a figure explaining the memory map of the recording medium (storage medium) which stores the various data processing program which can be read by the information processing apparatus 100 and the server 300 concerning this invention.

符号の説明Explanation of symbols

100 情報処理装置
101 CPU
102 RAM
105 入力装置
106 表示装置
107 NIC
210 入力項目(コンボボックス)
211 候補一覧部分(リスト部分)
212 表示されない領域
213 選択項目
300 サーバ
400 ネットワーク
100 Information processing apparatus 101 CPU
102 RAM
105 Input device 106 Display device 107 NIC
210 Input items (combo box)
211 Candidate list part (list part)
212 Area not displayed 213 Selection item 300 Server 400 Network

Claims (8)

構造化言語により記述された画面データを表示するブラウザの表示領域に、入力情報の候補リストをプルダウン表示し、該候補リストの中から選択された情報を該ブラウザの表示領域に表示可能な情報処理装置であって、
プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置が、前記画面データを表示するブラウザの表示領域の外側となるか内側となるかを判定する判定手段と、
前記判定手段による判定の結果、前記ブラウザの表示領域の外側となると判定された場合、前記選択状態となっている情報の表示される位置を、前記ブラウザの表示領域の内側となるように、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせるスクロール制御手段と、
を有することを特徴とする情報処理装置。
Information processing capable of pulling down a candidate list of input information in a browser display area that displays screen data described in a structured language and displaying information selected from the candidate list in the browser display area A device,
A determination unit that determines whether a position where information selected in the pull-down list is displayed is outside or inside a display area of a browser that displays the screen data;
As a result of the determination by the determination means, when it is determined that it is outside the display area of the browser, the display position of the information in the selected state is set to be inside the display area of the browser. Scroll control means for scrolling the scroll bar of the display area displayed in the browser ;
An information processing apparatus comprising:
前記スクロール制御手段は、前記判定手段による判定の結果、前記ブラウザの表示領域の内側となると判定された場合、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせることなく、前記選択状態となっている情報を前記ブラウザの表示領域に表示すること特徴とする請求項1に記載の情報処理装置。If the result of determination by the determination means is that the scroll control means is determined to be inside the display area of the browser, the scroll control means does not scroll the scroll bar of the display area displayed on the browser and The information processing apparatus according to claim 1, wherein the information is displayed in a display area of the browser. 前記画面データの上端から前記ブラウザの表示領域の下端までの長さと、前記画面データの上端から前記プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置までの長さとを用いて、前記スクロールバーの移動量を算出する算出手段を有し、
前記スクロール制御手段は、前記算出手段により算出された移動量を用いて、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせることを特徴とする請求項1又は2に記載の情報処理装置。
The length from the upper end of the screen data to the lower end of the display area of the browser, from the top of the screen data until scale in which these position information in the selected state in the candidate list that the pull displayed by using the length, it has a calculating means for calculating an amount of movement of the scroll bar,
Said scroll control means uses the movement amount calculated by said calculating means, the information processing apparatus according to claim 1 or 2, characterized in that scrolling the scroll bar of the display area displayed on the browser .
前記入力情報の候補リストは、入力欄に値が入力された際、当該値で始まる情報を候補としてプルダウン表示することを特徴とする請求項1乃至3のいずれか1項に記載の情報処理装置。4. The information processing apparatus according to claim 1, wherein when a value is input to an input field, the input information candidate list is displayed in a pull-down manner with information starting with the value as a candidate. 5. . 前記入力情報の候補リストは、前記構造化言語に組み込まれた複数のコンポーネントにより構成されることを特徴とする請求項1乃至4のいずれか1項に記載の情報処理装置。 The candidate list of input information processing apparatus according to any one of claims 1 to 4, characterized in that it is composed of a plurality of components built in to the structured language. 構造化言語により記述された画面データを表示するブラウザの表示領域に、入力情報の候補リストをプルダウン表示し、該候補リストの中から選択された情報を該ブラウザの表示領域に表示可能な情報処理装置の制御方法であって、
判定手段が、プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置が、前記画面データを表示するブラウザの表示領域の外側となるか内側となるかを判定する判定ステップと、
スクロール制御手段が、前記判定ステップによる判定の結果、前記ブラウザの表示領域の外側となると判定された場合、前記選択状態となっている情報の表示される位置を、前記ブラウザの表示領域の内側となるように、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせるスクロールステップと、
を有することを特徴とする情報処理装置の制御方法。
Information processing capable of pulling down a candidate list of input information in a browser display area that displays screen data described in a structured language and displaying information selected from the candidate list in the browser display area An apparatus control method comprising:
The determination unit determines whether the position where the selected information is displayed in the pull-down list is outside or inside the display area of the browser that displays the screen data. A determination step;
When it is determined that the scroll control means is outside the display area of the browser as a result of the determination in the determination step, the display position of the information in the selected state is set as the inside of the display area of the browser. A scroll step of scrolling a scroll bar of the display area displayed in the browser ;
A method for controlling an information processing apparatus, comprising:
構造化言語により記述された画面データを表示するブラウザの表示領域に、入力情報の候補リストをプルダウン表示し、該候補リストの中から選択された情報を該ブラウザの表示領域に表示可能な情報処理装置を、
プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置が、前記画面データを表示するブラウザの表示領域の外側となるか内側となるかを判定する判定手段、
前記判定手段による判定の結果、前記ブラウザの表示領域の外側となると判定された場合、前記選択状態となっている情報の表示される位置を、前記ブラウザの表示領域の内側となるように、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせるスクロール制御手段として機能させるためのプログラム。
Information processing capable of pulling down a candidate list of input information in a browser display area that displays screen data described in a structured language and displaying information selected from the candidate list in the browser display area Equipment
A determination means for determining whether a position where the selected information is displayed in the pull-down list is outside or inside a display area of a browser that displays the screen data;
As a result of the determination by the determination means, when it is determined that it is outside the display area of the browser, the display position of the information in the selected state is set to be inside the display area of the browser. A program for functioning as a scroll control means for scrolling a scroll bar of a display area displayed on a browser .
構造化言語により記述された画面データを表示するブラウザの表示領域に、入力情報の候補リストをプルダウン表示し、該候補リストの中から選択された情報を該ブラウザの表示領域に表示可能な情報処理装置を、
プルダウン表示される前記候補リストの中で選択状態となっている情報の表示される位置が、前記画面データを表示するブラウザの表示領域の外側となるか内側となるかを判定する判定手段、
前記判定手段による判定の結果、前記ブラウザの表示領域の外側となると判定された場合、前記選択状態となっている情報の表示される位置を、前記ブラウザの表示領域の内側となるように、前記ブラウザに表示されている表示領域のスクロールバーをスクロールさせるスクロール制御手段として機能させるためのプログラムを記録したコンピュータ読み取り可能な記録媒体。
Information processing capable of pulling down a candidate list of input information in a browser display area that displays screen data described in a structured language and displaying information selected from the candidate list in the browser display area Equipment
A determination means for determining whether a position where the selected information is displayed in the pull-down list is outside or inside a display area of a browser that displays the screen data;
As a result of the determination by the determination means, when it is determined that it is outside the display area of the browser, the display position of the information in the selected state is set to be inside the display area of the browser. A computer-readable recording medium storing a program for functioning as scroll control means for scrolling a scroll bar of a display area displayed on a browser .
JP2006267413A 2006-09-29 2006-09-29 Information processing apparatus, server, control method of information processing apparatus, program, and recording medium Active JP4621187B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2006267413A JP4621187B2 (en) 2006-09-29 2006-09-29 Information processing apparatus, server, control method of information processing apparatus, program, and recording medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2006267413A JP4621187B2 (en) 2006-09-29 2006-09-29 Information processing apparatus, server, control method of information processing apparatus, program, and recording medium

Publications (3)

Publication Number Publication Date
JP2008090366A JP2008090366A (en) 2008-04-17
JP2008090366A5 JP2008090366A5 (en) 2008-07-24
JP4621187B2 true JP4621187B2 (en) 2011-01-26

Family

ID=39374494

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2006267413A Active JP4621187B2 (en) 2006-09-29 2006-09-29 Information processing apparatus, server, control method of information processing apparatus, program, and recording medium

Country Status (1)

Country Link
JP (1) JP4621187B2 (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP5230559B2 (en) * 2009-08-06 2013-07-10 キヤノン株式会社 Display control apparatus, control method thereof, and program
JP6119456B2 (en) * 2013-06-24 2017-04-26 マツダ株式会社 Vehicle information display device
CN113568539A (en) * 2021-07-29 2021-10-29 曙光信息产业(北京)有限公司 List display method, device, equipment and storage medium

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0496097A (en) * 1990-08-13 1992-03-27 Hitachi Ltd Scrolling control system
JP2000020206A (en) * 1998-07-07 2000-01-21 Sony Corp Apparatus and method for image display control

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0496097A (en) * 1990-08-13 1992-03-27 Hitachi Ltd Scrolling control system
JP2000020206A (en) * 1998-07-07 2000-01-21 Sony Corp Apparatus and method for image display control

Also Published As

Publication number Publication date
JP2008090366A (en) 2008-04-17

Similar Documents

Publication Publication Date Title
JP4612902B2 (en) File display device, control method therefor, and program
JP5871629B2 (en) Information processing apparatus, control method thereof, and program
US8588526B2 (en) Visualization program, visualization method and visualization apparatus for visualizing reading order of content
JP4621187B2 (en) Information processing apparatus, server, control method of information processing apparatus, program, and recording medium
JP2005148450A (en) Display controller and program
JP2020123234A (en) Information processor, control method, and program thereof
JP5361572B2 (en) Information processing apparatus, information processing method, and program
JP4890944B2 (en) Information processing apparatus, display control processing method, and program
JP5991365B2 (en) Form system, information processing apparatus, processing method thereof, and program
EP2857945A1 (en) Information processing device and information processing method
EP1691278A1 (en) Method and computer system for editing documents
JP2010113655A (en) Image processor, control method of image processor, and control program
JP2008158883A (en) Information processor, and control method, program and storage medium for information processor
JP5165549B2 (en) Information processing apparatus, information processing method, and program
JP2011128710A (en) Display device, display system, display control method and display control program
JP2908425B1 (en) Marking / redisplay method for homepages using frames
JP5335138B2 (en) Cam data creation device and cam data creation program
JP2965030B1 (en) Scroll display system and recording medium recording scroll display program
JP2006072738A (en) Image processing device and image processing method
JP6721049B2 (en) Page display program, page display device, and page display method
JP4718530B2 (en) Screen creation device and screen creation program
JP2001309160A (en) Overlay display controller
JP2007079747A (en) Image information processing apparatus
JP2006072523A (en) Image display device and its method
JP2003345788A (en) Method, device, and program for displaying electronic document, and mechanically readable recording medium with the program recorded

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20080331

RD04 Notification of resignation of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7424

Effective date: 20080403

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20080610

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20100430

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20100518

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20100716

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20101019

A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20101029

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20131105

Year of fee payment: 3

R150 Certificate of patent or registration of utility model

Ref document number: 4621187

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20131105

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20141105

Year of fee payment: 4

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

R370 Written measure of declining of transfer procedure

Free format text: JAPANESE INTERMEDIATE CODE: R370

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R360 Written notification for declining of transfer of rights

Free format text: JAPANESE INTERMEDIATE CODE: R360

R370 Written measure of declining of transfer procedure

Free format text: JAPANESE INTERMEDIATE CODE: R370

S111 Request for change of ownership or part of ownership

Free format text: JAPANESE INTERMEDIATE CODE: R313111

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

S531 Written request for registration of change of domicile

Free format text: JAPANESE INTERMEDIATE CODE: R313531

R350 Written notification of registration of transfer

Free format text: JAPANESE INTERMEDIATE CODE: R350

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250