JP5384949B2 - ウェブページにおけるテーブルのローカル・ローリング表示を実現する方法およびシステム - Google Patents

Description

本発明は、データ処理および表示のための方法、特にウェブページでローカルにスクロールするテーブル表示のための方法およびシステムに関する。

本出願は、「ウェブページにおける、ローカルにスクロールするテーブル表示のための方法およびシステム」と表題を付けられた、２００６年３月６日に申請された、中国特許出願第２００６１００５６７６２．９号の優先権を主張するものであり、該中国特許出願を、その全体を参照することにより援用する。

インターネット技術が発展するにつれ、ネットワーク資源はますます豊かになり、ますます多くの人が、ウェブページ上の情報のために閲覧する。今日、技術的発展およびネットワークの進歩で、ウェブページの設計にはしばしば、大量のデータを示すために多数のテーブルを必要とし、その結果として、データフィールドが非常に長い場合には、テーブルの表示は、コンピュータの表示画面が表示できるものを超える場合がある。

本ウェブページ設計で、ユーザがこの型のテーブルを閲覧する際、ユーザは、閲覧するために、ブラウザのドラッグされるスクロールバーを使用しなくてはならない。ユーザの習慣およびウェブ設計技術の問題のため、現在のウェブブラウザは、横のスクロールバーを有することはほとんどない。ウェブページのテーブルに表示されるデータが、無制限の行または無制限の列、例えば５００より多い列を有する場合、ユーザは、かかるテーブルを閲覧するのに困難性を感じるであろう。電子商取引の分野では、無制限の行および列を有するテーブルが頻繁に使用され、しばしば異なる列間でデータを比較する必要がある。ＴａｏＢａｏ．ｃｏｍの取引情報一覧および製品情報一覧は、かかるテーブルの例である。

現在の技術によって提供される１つの解決法は、各ページがテーブル情報の一部を表示する、分割されたページを使用することである。この方法は、使用するには複雑である。幾つかの列のデータを比較するため、ユーザは、ページ間を交互に切り替え続ける必要がある。これにより、閲覧効率は低くなり、ウェブページデータの複数回の伝送を必要とし、ネットワーク資源を浪費する。

現在の技術によって提供される別の解決法は、組み込み表プログラムを使用することである。多くの行または列のテーブルを閲覧する際、ユーザはクリックして、組み込み表プログラムを呼び出し、比較的満足できる閲覧結果を得る。一例は、特許文献１に開示されている。組み込み表プログラムを使用することにより、かなり満足できる閲覧結果を得る場合もあるが、表プログラムを呼び出す過程により、多くのネットワークデータ伝送資源、およびローカルコンピュータ資源を浪費する。満足できる閲覧効果を得るための過程の複雑さのため、当該方法は、より多くのユーザの閲覧の必要性を満たすことはできず、さらに、良好な可読性を維持することはできない。

現在の技術によって提供されるさらに別の解決法は、ウェブページ上にウィンドウを置き、複数の行および列のテーブルを、ウィンドウに埋め込むことである。ユーザはウィンドウのスクロールバーをスクロールすることによって、テーブルの内容を閲覧する。この方法は、ある程度まで、小さな領域内で大きなテーブルを表示する問題を解決した。しかしながら、テーブルのデータを比較閲覧するため、ユーザはスクロールバーを繰り返しドラッグして関連データを見つける必要があり、閲覧効率を低下させる。

中国特許出願第０２１０２５９７．５号明細書

上記の問題の観点から、本発明は、ネットワーク資源を節約し、ユーザの閲覧効率を向上させる、テーブル表示方法およびシステムを提供することを目的とする。

上の技術的な問題を解決するため、本発明は、以下の技術的スキームを使用して実装される。

ウェブページでローカルにスクロールするテーブル表示のための方法は、
表示されるテーブルを、左上のテーブル、左下のテーブル、右上のテーブル、および右下のテーブルの少なくとも２×２の配列に分割するステップと、
表示領域以外の部分を非表示にするように、該左下のテーブルおよび該右上のテーブルを設定するステップと、
該表示領域以外の部分を非表示にして、縦のスクロールバーおよび横のスクロールバーを含むように、該右下のテーブルを設定するステップであって、該右上のテーブルおよび該右下のテーブルは、該横のスクロールバーによって制御され、該左下のテーブルおよび該右下のテーブルは、該縦のスクロールバーによって制御される、ステップとを含む。

好ましくは、該右上のテーブルおよび該右下のテーブルは、該横のスクロールバーによって、該横のスクロールバーがスクロールすると、該右上のテーブルおよび該右下のテーブルが同一の横方向に同一の横の距離だけスクロールするように制御され、該左下のテーブルと該右下のテーブルは、該縦のスクロールバーによって、該縦のスクロールバーがスクロールすると、該左下のテーブルおよび該右下のテーブルが同一の縦方向に同一の縦の距離だけスクロールするように制御される。

好ましくは、ウェブページでローカルにスクロールするテーブル表示のための該方法は、少なくとも２つの行と２つの列を含むフレームセットを設定するステップと、該左上のテーブル、該左下のテーブル、該右上のテーブル、および該右下のテーブルを、フレームセットに埋め込むステップであって、該フレームセットの各々のセルは、表示されるそれぞれの位置に対応する、ステップとをさらに含む。

好ましくは、ウェブページでローカルにスクロールするテーブル表示のための該方法は、カスケーディングスタイルシートを使用して、該左下のテーブル、該右上のテーブル、および該右下のテーブルを設定する。

好ましくは、該右上のテーブルと該右下のテーブルの横のスクロール、および該左下のテーブルと該右下のテーブルの縦のスクロールは、ウェブスクリプティングを使用して実装される。

好ましくは、該方法は、該左上、左下、右上、および右下のテーブルを、それぞれの位置に応じて、ウェブページ上に配列して表示するステップをさらに備える。

ウェブページでローカルにスクロールするテーブル表示のためのシステムは、
固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体を含む、表示されているテーブルを含み、該固定ヘッダは該固定本体の幅と同一の幅を有し、該固定本体は非表示になっている表示領域以外の部分を有する、移動可能な本体の高さと同一の高さを有し、該移動可能なヘッダは非表示になっている表示領域以外の部分を有する、該固定ヘッダの高さと同一の高さを有し、該移動可能な本体は非表示になっている表示領域以外の部分を有する、該移動可能なヘッダの幅と同一の幅を有し、縦のスクロールバーおよび横のスクロールバーをさらに含む。

該システムは、
縦に同時にスクロールするように、該テーブルの該固定本体および該移動可能な本体を制御する、縦のスクロールサブシステムと、
横に同時にスクロールするように、該テーブルの該移動可能なヘッダおよび該移動可能な本体を制御するように使用される、横のスクロールサブシステムをさらに含む。

好ましくは、ウェブページでローカルにスクロールするテーブル表示のための上記のシステムは、ウェブスクリプティングを使用して、該縦のスクロールサブシステムおよび該横のスクロールサブシステムを実現してもよい。

好ましくは、ウェブページでローカルにスクロールするテーブル表示のための該システムは、カスケーディングスタイルシートを使用して、該テーブルの該固定ヘッダ、該固定本体、該移動可能なヘッダ、および該移動可能な本体を実現することができる。

好ましくは、ウェブページでローカルにスクロールするテーブル表示のための該システムは、フレームセットをさらに含み、該テーブルの該固定ヘッダ、該固定本体、該移動可能なヘッダ、および該移動可能な本体は、各々、表示されるそれぞれの位置に対応するフレームセットのセルで、該フレームセットに埋め込まれる。

上の技術的スキームに基づいて、本発明は、既存の技術と比較して以下の技術的利点を有する。

本発明は、４つのＨＴＭＬ（ハイパーテキストマークアップ言語）のテーブルおよび２つのスクロール制御システムのみを使用することによってウェブページでテーブルの部分的にスクロールする表示、および部分的に固定される表示を得るため、単純で実現可能であり、他の表プログラムを埋め込むことを必要としない。本発明は、ネットワークデータ伝送資源、およびローカルシステムの計算資源を節約する。

本発明は、ウェブページでテーブルのローカルにスクロールする表示、および部分的に固定される表示を得ることができるため、ウェブページにおいて、無制限数のデータ行および列を表示することができ、良好な可読性を維持する。これにより、データ比較のために大量のデータのテーブルを表示する必要性を満たし、ユーザが、表示される表示領域にテーブルの任意のセルを簡便かつ自由にスクロールすることが可能となる。加えて、多くの（無制限の）列（または行）がある場合、列の幅は制限されず、テーブル内のデータの可読性は影響を受けない。ユーザは、ネットワーク上でテーブルにデータを繰り返し取り込み、追加の表プログラムを実行する必要はなく、そのためネットワーク資源を節約する。

以下で、本発明は、図および例示的な実施形態を使用して、さらに詳細に説明される。

本発明の中核は、ウェブページにおいて静的テーブルを作成すること、および様々なテーブル部分の相関性のあるスクロールを制御するようにテーブル特性を設定することに基づいて、ウェブページのテーブルを、スクロール動作において互いに相関性のある固定の表示部分とスクロールする表示部分とに分割することである。

図１は、本発明にかかる、テーブルのローカルにスクロールする表示過程の概略図である。

ステップＳ１は、２×２（２つの行および２つの列）の配列に配置される少なくとも４つのテーブルを設定する。

これらの４つのテーブルは、表示されるテーブルを分割することによって設定され、少なくとも１つの列の境界線、および少なくとも１つの行の境界線を使用して、表示されるテーブルを少なくとも４つの部分に分割した結果として見ることができる。このようにして、予め分割されたテーブルにおいて見直すと、左上のテーブルは、右上のテーブルと同一または合致する行、および左下のテーブルと同一または合致する列を有する。同様に、予め分割されたテーブルにおいて見ると、右下のテーブルは、左下のテーブルと同一または合致する行、および右上のテーブルと同一または合致する列を有する。

上記のテーブルは、利用可能なＨＴＭＬコーディングによって生成される、静的テーブルを使用することができる。４つのテーブルを、各テーブルの位置に対応する同じ２×２の配列の配置に従ってウェブページにおいて表示することができる。一般的に、２×２の配列に従って配置される、４つのテーブルの幅および高さは、互いに相関性がある。以下では、左上のテーブルをテーブル１、右上のテーブルをテーブル２、左下のテーブルをテーブル３、右下のテーブルをテーブル４と呼ぶ。２×２の配列に従って配置される４つのテーブルにおいて、テーブル１の幅はテーブル３の幅と同一であり、テーブル１の高さはテーブル２の高さと同一であり、テーブル２の幅はテーブル４の幅と同一であり、テーブル３の高さはテーブル４の高さと同一である。

ステップＳ２は、表示領域以外である部分を非表示にするように、テーブル２およびテーブル３を設定する。

ステップＳ３は、表示領域以外である部分を非表示にし、縦のスクロールバーおよび横のスクロールバーを含むように、テーブル４を設定する。

上記のステップＳ２およびＳ３は、ＣＳＳ技術を使用して、テーブルのプロパティを設定することができる。ＣＳＳは、カスケーディングスタイルシート（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔ）を表し、ＣＳＳを使用して、ブラウザのデフォルトの定義とは異なる、ウェブページ内の全ての要素を定義し、ウェブページ内の要素が表示されるべき様式を決定することができる。ＣＳＳは、ＨＴＭＬ設計についてＷ３Ｃによって勧告された新しい属性補助であり、ＨＴＭＬ全体の統一された外観を維持することができる。色、フォントなど、全体の文書のプロパティを、設計者が文書を設定する前に決定することができる。ＣＳＳは、ウェブページの設計にかなりの柔軟性をもたらす。現在、ＩＥおよびＮｅｔｓｃａｐｅブラウザの両方とも、カスケーディングスタイルシートをサポートしている。Ｍｉｃｒｏｓｏｆｔ社のＦｒｏｎｔＰａｇｅ９８など、多くのＨＴＭＬ設計ソフトウェアが、カスケーディングスタイルシートをサポートしている。

ステップＳ４は、スクロールバーの動作を監視する。スクロールバーが横にスクロールする場合、テーブル２を、テーブル４と同一の方向に同一の距離だけ移動する。スクロールバーが縦にスクロールする場合、テーブル３を、テーブル４と同一の方向に同一の距離だけ移動する。すなわち、横のスクロールバーは、テーブル２およびテーブル４の両方のスクロールを制御し、一方縦のスクロールバーは、テーブル３およびテーブル４の両方のスクロールを制御する。

言い換えると、横のスクロールバーおよび縦のスクロールバーがともに、テーブル４の表示される部分を確定する。テーブル３およびテーブル４が、縦のスクロールバーのスクロールとともに同一の速度で同一の縦方向に移動し、テーブル２およびテーブル４が、横のスクロールバーのスクロールとともに、同一の速度で同一の横方向に移動することができるように、対応するプログラムを設定することができ、従って、テーブル２およびテーブル３の表示される部分を確定できる。上記のスクロールの制御過程は、以下に記載するようなＪａｖａ（登録商標）Ｓｃｒｉｐｔなどのウェブスクリプティング技術を使用して実現することができる。

スクロールバーがスクロールする際のテーブル間の動きの相関性は、テーブル３がＤＢによって表され、テーブル４がＡＢによって表され、テーブル２がＡＨによって表される、Ｊａｖａ（登録商標）Ｓｃｒｉｐｔ言語によって提供される。
ＤＢ．ｓｃｒｏｌｌＴｏｐ＝ＡＢ．ｓｃｒｏｌｌＴｏｐ；
ＡＨ．ｓｃｒｏｌｌＬｅｆｔ＝ＡＢ．ｓｃｒｏｌｌＬｅｆｔ

Ｊａｖａ（登録商標）Ｓｃｒｉｐｔは、ウェブページ内の要素の間の対話的なアクションを主に追加する、例えば、テーブル２およびテーブル４が同一のスクロール動作を有することができるようにする、ウェブスクリプティング技術である。これを行うために、Ｊａｖａ（登録商標）Ｓｃｒｉｐｔは、テーブル４を監視して、その横のスクロールを検出すると、テーブル２を、同一の方向に沿って同一の距離をスクロールさせる。

テーブル１およびテーブル２の表示の高さが、これら２つのテーブルの実際の高さより短い場合は、縦のスクロールバーをテーブル２において設定して、テーブル１およびテーブル２の両方の縦のスクロールを同時に制御することができることに注目されたい。同様に、横のスクロールバーをテーブル３において設定して、テーブル１およびテーブル３の両方の横のスクロールを制御することができる。さらに、表示されるテーブルは、ｍ×ｎのテーブルに分割されてもよい。スクロールバーは、一部のテーブルにおいて、関連するテーブルの同時スクロールが達成できるように設定されてもよい。ユーザは、実際の適用の必要性に従って、どのような手段においても、表示されるテーブルの分割および表示を設定することができる。

具体的な実施例を以下で論じる。１０×１０のテーブルがウェブページで必要であると仮定する。該テーブルにおいて、第１の行は、第２から第１０行目までがスクロールしているときスクロールされないヘッダであり、第１の列および第２の列は、両方とも固定され、第３から第１０行目までがスクロールしているときはスクロールしない。これは、以下のステップを使用して達成することができる。

まず、通常の２×２のテーブルを作成し、ＣＳＳを使用して、テーブルおよび各セルの大きさを制御する。この方法により、テーブルの間で、対応する大きさの関係および位置の関係に関し、非常に扱いやすい制御が可能になる。もちろん、当業者は、他の方法を使用して、４つのテーブルの２×２の配置を得ることもできるであろう。例えば、ＣＳＳを用いた任意の他のＨＴＭＬタグを使用して２×２の配列の配置を定義すること、またはウェブページフレーム技術を使用して２×２の配列の配置を定義することは、すべて２×２の配置のスキームを実現する例示的な手段である。本発明は、この点において全く制限を有さない。説明を簡易にするため、以下では、左上のセルはセルＡと呼び、右上のセルはセルＢと呼び、左下のセルはセルＣと呼び、右下のセルはセルＤと呼ぶ。

その後、ＡＴと呼ばれる１×２（１行および２列）の通常のテーブルを、セルＡに置く。ＡＴの大きさは、セルＡの大きさに等しい。

ＢＴと呼ばれる１×８（１行および８列）の通常のテーブルを、セルＢに置く。ＢＴの高さは、セルＢの高さに等しい。ＣＳＳを使用して、セルＢを定義し、それが、より大きな幅を有する場合があるＢＴに適合できるようにする（すなわち、表示領域以外である部分を非表示にする）。

ＣＴと呼ばれる９×２（９行および２列）の通常のテーブルを、セルＣに置く。ＣＴの幅はセルＣの幅に等しい。ＣＳＳを使用して、セルＣを定義し、それが、より大きな高さを有する場合があるＣＴに適合できるようにする（すなわち、表示領域以外である部分を非表示にする）。

ＤＴと呼ばれる９×８（９行および８列）の通常のテーブルを、セルＤに置く。ＣＳＳを使用して、セルＤを定義し、それが、より大きな高さおよびより大きな幅を有する場合があるＤＴに適合して（すなわち、表示領域以外である部分を非表示にする）、２つのスクロールバーも表示できるようにする。

最後に、Ｊａｖａ（登録商標）Ｓｃｒｉｐｔのセグメントをインストールして、セルＣおよびセルＤのスクロールイベントを監視する。スクロールイベントの発生を検出すると、以下の操作を実行する。

（１）操作者が、マウスを使用してドラッグするかマウスの回転ホイールを使用して、セルＤをスクロールする場合、以下の操作を行う。

ａ．横のスクロールの場合、セルＢを同一の方向に同一の距離をスクロールさせる。

ｂ．縦のスクロールの場合、セルＣを同一の方向に同一の距離をスクロールさせる。

（２）操作者が、マウスの回転ホイールを使用して、セルＣをスクロールする場合、以下の操作を行う。

セルＤを、同一の方向に同一の距離をスクロールさせる。

上記の実施例および図は、テーブルの無制限の数の列について、部分的に固定され、部分的にスクロールする表示を実現することを目的としている。いかなる新規なステップをも踏まずに、本技術分野の技術者は、本発明に記載の方法を使用して、テーブルの無制限の数の行について、部分的に固定され、部分的にスクロールする表示を実現することができる。実際、上述される実施例は、比較的固定された第１の行、すなわちヘッダを既に維持している。他の行がスクロールしている際、この行は静止、すなわち比較的固定されている。当然、わずかな修正のみが、テーブルの任意数の行について部分的に固定され、部分的にスクロールする表示を達成するために必要とされる。例えば、テーブルの最初の１行を、最初の５行に変更すると、テーブルの最初の５行を固定することができる。

図２は、本発明にかかる、テーブルのローカルにスクロールする表示システムの概略的な構造図である。システムは、表示されるテーブルと、縦のスクロールのためのサブシステムと、横のスクロールサブシステムとを含む。

表示されるテーブルは、以下で説明されるように、固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体を含む。

固定ヘッダ２１は、固定本体と同一の幅を有する。

固定本体２３は、非表示である表示領域以外の部分を有する、移動可能な本体と同一の高さを有する。

移動可能なヘッダ２２は、非表示である表示領域以外の部分を有する、固定ヘッダと同一の高さを有する。

移動可能な本体２４は、非表示である表示領域以外の部分を有する、移動可能なヘッダと同一の幅を有し、縦のスクロールバーおよび横のスクロールバーをさらに含む。

縦のスクロールサブシステム２６は、縦に同時にスクロールするように、固定本体および移動可能な本体を制御するために使用される。

横のスクロールサブシステム２５は、横に同時にスクロールするように、移動可能なヘッダおよび移動可能な本体を制御するために使用される。

固定ヘッダ２１におけるセルの数は、固定本体２３における各行のセルデータに合致する。固定ヘッダ２１のセルは、固定本体２３の対応する列における、全てのセルデータの一般的記述とすることができる。移動可能なヘッダ２２におけるセルの数は、移動可能な本体２４における各行のセルデータに合致する。移動可能なヘッダ２２のセルは、移動可能な本体２４の対応する列における、全てのセルデータの一般的記述とすることができる。かかる設定により、テーブル内のデータ比較が容易になる。

上記のシステムでは、固定ヘッダ２１は常に静止している。移動可能なヘッダ２２は、常に縦方向で静止している。固定本体２３は、常に縦方向で静止している。固定本体２３および移動可能な本体２４は、同一の速度で、同一の縦方向にスクロールすることができる。移動可能なヘッダ２２および移動可能な本体２４は、同一の速度で、同一の横方向にスクロールすることができる。固定本体２３および移動可能な本体２４の縦のスクロールは、縦のスクロールサブシステム２６によって制御される。移動可能なヘッダ２２および移動可能な本体２４の縦のスクロールは、横のスクロールサブシステム２５によって制御される。

縦のスクロールサブシステム２６および横のスクロールサブシステムは、Ｊａｖａ（登録商標）Ｓｃｒｉｐｔなどの、ウェブスクリプティング技術を使用して実装されてもよい。

固定ヘッダ２１、固定本体２３、移動可能なヘッダ２２、および固定本体２４は、カスケーディングスタイルシートを使用して実装されてもよい。

ローカルにスクロールするテーブル表示のための上記のシステムは、テーブルの固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体が、各々、固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体のそれぞれの位置に対応するフレームセットセルに埋め込まれるフレームセットを、さらに含むことができる。フレームセットは、テーブルにより良好な整合性をもたらすように、テーブルの間で大きさの一致および位置の関係を簡便に制御することができる。フレームセットは、２行および２列のフォーマットを使用してもよい。

当然、本発明で説明される、ローカルにスクロールするテーブル表示ためのシステムを使用する際、コンポーネントで構成されるシステム全体が、固定表示のための複数の部分、および同時のスクロール表示のための複数の部分を含むように、表示されるテーブルを４つより多いコンポーネントに分割することができる。これにより、より洗練されたテーブル表示の必要性を満たすことができる。

上記のシステムでは、移動可能なヘッダ２２はそれ自体に、横のスクロールバーを有さず、固定本体２３はそれ自体に、縦のスクロールバーを有さないが、移動可能なヘッダ２２および固定本体２３の両方が、表示領域以外のテーブルのデータを非表示にするため、移動可能なヘッダ２２および固定本体２３は、幾つかの他の手段を使用してスクロールされ、移動可能な本体２４を、同一の距離だけ同一の方向にスクロールさせることができる。例えば、移動可能なヘッダ２２が横にスクロールする場合、移動可能な本体２４は、同一の距離だけ同一の方向にスクロールする。固定本体２３が縦にスクロールする場合、移動可能な本体２４は、同一の距離だけ同一の方向にスクロールする。移動可能なヘッダ２２および固定本体２３をスクロールする、前述の他の手段は、マウスの左のキーを押してドラッグすることによって引き起こされる、移動可能なヘッダ２２および固定本体２３のスクロール、ならびにマウスの中心ホイールを回転させることでもたらされる、固定本体２３のスクロールなどを含んでもよい。

ローカルにスクロールするテーブル表示のためのシステムの上記の説明において、省略されている場合がある情報は、ローカルにスクロールするテーブル表示のため、本発明によって提供される方法の上記の説明に、参照として記載されている場合がある。

上記は、本発明によって提供される、ウェブページでローカルにスクロールするテーブル表示のための方法およびシステムを詳細に説明している。本文書は、例示的な実施形態を使用して本発明の原理および実装を説明する。上記の例示的な実施形態は、本発明の方法および中核となる概念を理解するのを助けるためだけであることは、理解されよう。さらに、当業者にとっては、本発明の中核に基づいた例示的な実施形態および適用の多くの変形形態が存在する。前述の理由により、本記述は、本発明に対する制限として理解されるべきではない。

本発明にかかる、テーブルのローカルにスクロールする表示過程の概略図である。 本発明にかかる、テーブルのローカルにスクロールする表示システムの概略構造図である。

Claims (9)

1. コンピュータにおいて、ウェブページ内でローカルにスクロール可能なテーブルを表示するための方法であって、前記コンピュータが、
   カスケーディングスタイルシート（ＣＳＳ）を使用して、前記ウェブページに表示されているテーブルを、左上のサブテーブル、左下のサブテーブル、右上のサブテーブル、および右下のサブテーブルを含む少なくとも２×２の配列のサブテーブルに分割するステップと、
   少なくとも２つの行と２つの列として構成され、固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体の位置にそれぞれ対応するセルを備えるフレームセットを設定するステップと、
   前記左上のサブテーブル、前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルを、それぞれ前記フレームセットの対応するセルに埋め込むステップと、
   前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルのいずれかが、対応するセルの表示領域よりも大きいサイズを有するとき、各セルの表示領域を超える部分を非表示に設定するステップと、
   スクリプト言語を使用することによって、縦のスクロールバーと横のスクロールバーを生成するステップと
   を含み、
   前記横のスクロールバーが移動されると、前記右上のサブテーブルと前記右下のサブテーブルを同一の水平方向に同一の距離だけスクロールさせ、
   前記縦のスクロールバーが移動されると、前記左下のサブテーブルと前記右下のサブテーブルを同一の垂直方向に同一の距離だけスクロールさせることを特徴とする方法。
2. 前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルは、カスケーディングスタイルシートを使用して設定されることを特徴とする、請求項１に記載の方法。
3. 前記左上のサブテーブル、前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルを、それぞれの位置に応じて、前記ウェブページ上に整列させて表示するステップをさらに備えることを特徴とする、請求項１に記載の方法。
4. ウェブページでローカルにスクロールするテーブル表示のためのシステムであって、
   メモリと、
   前記ウェブページに表示され、かつ固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体の位置にそれぞれ対応するセルを備えたフレームセットが設定されるテーブルであって、前記固定ヘッダが前記固定本体の幅と同一の幅を有し、前記固定本体が前記移動可能な本体の高さと同一の高さを有し、前記移動可能なヘッダが前記固定ヘッダの高さと同一の高さを有し、前記移動可能な本体が前記移動可能なヘッダの幅と同一の幅を有し、縦のスクロールバーおよび横のスクロールバーをさらに含む、前記テーブルと、
   前記メモリに記録されたプログラムであって、
   カスケーディングスタイルシート（ＣＳＳ）を使用して、前記テーブルを、少なくとも２×２の配列の４つのサブテーブルに分割し、
   各サブテーブルを前記フレームセットの対応するセルに埋め込み、
   前記固定本体、前記移動可能なヘッダ、および前記移動可能な本体に対応するセルに各々配置されたサブテーブルのいずれかが、セルの表示領域よりも大きいサイズを有するとき、各セルの表示領域を超える部分を非表示に設定し、
   スクリプト言語を使用することによって、前記移動可能な本体に前記縦のスクロールバーと前記横のスクロールバーを生成する
   ように構成されたプログラムと、
   前記縦のスクロールバーが移動されると、前記テーブルの前記固定本体と前記移動可能な本体とを同一の垂直方向に同一の距離だけスクロールさせる、縦のスクロールサブシステムと、
   前記横のスクロールバーが移動されると、前記テーブルの前記移動可能なヘッダと前記移動可能な本体とを同一の水平方向に同一の距離だけスクロールさせる、横のスクロールサブシステムと
   を備えたことを特徴とするシステム。
5. 前記テーブルの前記固定ヘッダ、前記固定本体、前記移動可能なヘッダ、および前記移動可能な本体は、カスケーディングスタイルシートを使用して実装されることを特徴とする、請求項４に記載のシステム。
6. ウェブページ内でローカルにスクロール可能なテーブルを表示するための処理をコンピュータに実行させるためのプログラムを記録したコンピュータ読取可能な記録媒体であって、前記処理は、
   カスケーディングスタイルシート（ＣＳＳ）を使用して、前記ウェブページに表示されているテーブルを、左上のサブテーブル、左下のサブテーブル、右上のサブテーブル、および右下のサブテーブルを含む少なくとも２×２の配列のサブテーブルに分割するステップと、
   少なくとも２つの行と２つの列として構成され、固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体の位置にそれぞれ対応するセルを備えるフレームセットを設定するステップと、
   前記左上のサブテーブル、前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルを、それぞれ前記フレームセットの対応するセルに埋め込むステップと、
   前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルのいずれかが、対応するセルの表示領域よりも大きいサイズを有するとき、各セルの表示領域を超える部分を非表示に設定するステップと、
   スクリプト言語を使用することによって、縦のスクロールバーと横のスクロールバーを生成するステップと
   を含み、
   前記横のスクロールバーが移動されると、前記右上のサブテーブルと前記右下のサブテーブルを同一の水平方向に同一の距離だけスクロールさせ、
   前記縦のスクロールバーが移動されると、前記左下のサブテーブルと前記右下のサブテーブルを同一の垂直方向に同一の距離だけスクロールさせることを特徴とするコンピュータ読取可能な記録媒体。
7. 前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルは、カスケーディングスタイルシートを使用して設定されることを特徴とする、請求項６に記載のコンピュータ読取可能な記録媒体。
8. 前記処理は、前記左上のサブテーブル、前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルを、それぞれの位置に応じて、前記ウェブページ上に整列させて表示するステップをさらに備えることを特徴とする、請求項６に記載のコンピュータ読取可能な記録媒体。
9. ウェブページ内でローカルにスクロール可能なテーブルを表示するための方法を実施するシステムであって、前記方法は、
   カスケーディングスタイルシート（ＣＳＳ）を使用して、前記ウェブページに表示されているテーブルを、左上のサブテーブル、左下のサブテーブル、右上のサブテーブル、および右下のサブテーブルを含む少なくとも２×２の配列のサブテーブルに分割するステップと、
   少なくとも２つの行と２つの列として構成され、固定ヘッダ、固定本体、移動可能なヘッダ、および移動可能な本体の位置にそれぞれ対応するセルを備えるフレームセットを設定するステップと、
   前記左上のサブテーブル、前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルを、それぞれ前記フレームセットの対応するセルに埋め込むステップと、
   前記左下のサブテーブル、前記右上のサブテーブル、および前記右下のサブテーブルのいずれかが、対応するセルの表示領域よりも大きいサイズを有するとき、各セルの表示領域を超える部分を非表示に設定するステップと、
   スクリプト言語を使用することによって、縦のスクロールバーと横のスクロールバーを生成するステップと
   を含み、
   前記横のスクロールバーが移動されると、前記右上のサブテーブルと前記右下のサブテーブルを同一の水平方向に同一の距離だけスクロールさせ、
   前記縦のスクロールバーが移動されると、前記左下のサブテーブルと前記右下のサブテーブルを同一の垂直方向に同一の距離だけスクロールさせることを特徴とするシステム。

Images