(57)【特許請求の範囲】
【請求項１】
表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化し、  前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する、処理をコンピュータに実行させるページ表示プログラム。
【請求項２】
前記コンピュータは、前記コンテンツが前記スクロール機能を含む場合、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態であるか否かを判定し、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態である場合、前記スクロール機能を無効化することを特徴とする請求項１記載のページ表示プログラム。
【請求項３】
前記コンピュータは、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項１又は２記載のページ表示プログラム。
【請求項４】
前記コンピュータは、前記表示対象ページに記述された前記スクロール操作を無視することで、前記スクロール機能を無効化することを特徴とする請求項１又は２記載のページ表示プログラム。
【請求項５】
前記コンピュータは、前記コンテンツに対する前記操作要求を受け付けた場合、前記表示対象ページとは別のページに前記コンテンツを表示し、表示した前記コンテンツに対するスクロール操作を受け付けることを特徴とする請求項１乃至４のいずれか１項に記載のページ表示プログラム。
【請求項６】
前記コンピュータは、前記別のページの表示を前記表示対象ページの表示に戻す操作を受け付けた場合、前記表示対象ページ内の前記コンテンツをスクロール後のコンテンツに置き換えて、前記表示対象ページを表示することを特徴とする請求項５記載のページ表示プログラム。
【請求項７】
前記コンピュータは、前記表示対象ページに記述された前記コンテンツのサイズに基づいて、前記表示領域の幅又は高さ、又は前記画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態であると判定することを特徴とする請求項１乃至６のいずれか１項に記載のページ表示プログラム。
【請求項８】
前記コンピュータは、前記コンテンツのサイズが変更される度に、変更後のコンテンツの表示領域の幅又は高さ、又は前記画面に対する変更後のコンテンツの幅又は高さの比率が、前記所定の状態であるか否かを判定することを特徴とする請求項１乃至７のいずれか１項に記載のページ表示プログラム。
【請求項９】
表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化する処理部と、  前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する表示部と、を備えることを特徴とするページ表示装置。
【請求項１０】
前記処理部は、前記コンテンツが前記スクロール機能を含む場合、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態であるか否かを判定し、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態である場合、前記スクロール機能を無効化することを特徴とする請求項９記載のページ表示装置。
【請求項１１】
前記処理部は、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項９又は１０記載のページ表示装置。
【請求項１２】
コンピュータが、  表示対象ページに含まれるコンテンツが前記コンテンツに対するスクロール操作を受け付けるスクロール機能を含み、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、所定の状態である場合、前記スクロール機能を無効化し、  前記コンテンツに対する操作要求を受け付ける状態で、前記表示対象ページを画面上に表示する、ことを特徴とするページ表示方法。
【請求項１３】
前記コンピュータは、前記コンテンツが前記スクロール機能を含む場合、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態であるか否かを判定し、前記コンテンツの表示領域の幅又は高さ、又は前記表示対象ページを表示する画面に対する前記コンテンツの幅又は高さの比率が、前記所定の状態である場合、前記スクロール機能を無効化することを特徴とする請求項１２記載のページ表示方法。
【請求項１４】
前記コンピュータは、前記コンテンツをスナップショット画像に変換することで、前記スクロール機能を無効化することを特徴とする請求項１２又は１３記載のページ表示方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ページ表示プログラム、ページ表示装置、及びページ表示方法に関する。
【背景技術】
【０００２】
近年、スマートフォン、タブレット、カーナビゲーション装置等のように、タッチパネルを用いて操作可能な携帯端末装置が増加している。【０００３】
図１は、このような携帯端末装置の表示画面の例を示している。例えば、画面上に表示されたウェブページに含まれるコンテンツ１０１を上下にスクロールする場合、ユーザは、矢印１０３が示すように、指１０２で画面を上下にスライドさせるスクロール操作を行う。これにより、ユーザは、コンテンツ１０１に含まれる所望のテキスト、画像等の情報を閲覧することができる。【０００４】
“ｃａｎｖａｓ”タグを用いて一方のページコンテンツに他方のページコンテンツを重畳するページ表示方法も知られている（例えば、特許文献１を参照）。
【先行技術文献】
【特許文献】
【０００５】
【特許文献１】特開２０１４−１０９９８７号公報
【発明の概要】
【発明が解決しようとする課題】
【０００６】
携帯端末装置の画面のサイズは限られているため、スクロール可能なウェブページ内に別のスクロール可能なコンテンツが埋め込まれている場合、ウェブページに対するスクロール操作が困難になることがある。【０００７】
なお、かかる問題は、携帯端末装置におけるスクロール操作に限らず、デスクトップ型パーソナルコンピュータ（ＰＣ）等の他の情報処理装置においてスクロール操作を行う場合にも生ずるものである。【０００８】
１つの側面において、本発明は、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用を可能にすることを目的とする。
【課題を解決するための手段】
【０００９】
１つの案では、ページ表示プログラムは、以下の処理をコンピュータに実行させる。
（１）コンピュータは、表示対象ページに含まれるコンテンツが、そのコンテンツに対するスクロール操作を受け付けるスクロール機能を含み、コンテンツの表示領域の幅又は高さ、又は表示対象ページを表示する画面に対するコンテンツの幅又は高さの比率が、所定の状態である場合、スクロール機能を無効化する。
（２）コンピュータは、コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する。
【発明の効果】
【００１０】
実施形態によれば、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用が可能になる。
【図面の簡単な説明】
【００１１】
【図１】携帯端末装置の表示画面を示す図である。
【図２】ウェブページ内に埋め込まれたコンテンツを示す図である。
【図３】ウェブページに対するスクロール操作を示す図である。
【図４】スクロールバーを付加した表示画面を示す図である。
【図５】非表示ボタンを付加した表示画面を示す図である。
【図６】地図コンテンツのサイズを制限した表示画面を示す図である。
【図７】ページ表示装置の機能的構成図である。
【図８】ページ表示処理のフローチャートである。
【図９】ページ表示装置の具体例を示す機能的構成図である。
【図１０】地図コンテンツを別のページに表示する操作を示す図である。
【図１１】地図コンテンツをスクロールする操作を示す図である。
【図１２】画面及び内部コンテンツのサイズを示す図である。
【図１３】ページ表示処理の具体例を示すフローチャートである。
【図１４】第１の操作イベント無効化処理のフローチャートである。
【図１５】“ｉｆｒａｍｅ”タグが存在する場合の第１の変換処理を示す図である。
【図１６】スクロールバー表示の設定が存在する場合の第１の変換処理を示す図である。
【図１７】第２の操作イベント無効化処理のフローチャートである。
【図１８】“ｉｆｒａｍｅ”タグが存在する場合の第２の変換処理を示す図である。
【図１９】スクロールバー表示の設定が存在する場合の第２の変換処理を示す図である。
【図２０】情報処理装置の構成図である。
【発明を実施するための形態】
【００１２】
以下、図面を参照しながら、実施形態を詳細に説明する。
画面のサイズが限られている携帯端末装置の場合、スクロール可能なウェブページ内に別のスクロール可能なコンテンツが埋め込まれていると、ウェブページに対するスクロール操作が円滑に行われないことがある。特に、埋め込まれたコンテンツの表示領域が画面のほとんどを占有している場合、ウェブページに対するスクロール操作が困難になる。
【００１３】
図２は、ウェブページ内に埋め込まれたコンテンツの例を示している。スクロール可能なウェブページ２０１内に地図コンテンツ２０２が埋め込まれており、ユーザがウェブページ２０１をスクロールして、ウェブページ２０１内の別の情報を閲覧したい場合を想定する。このとき、ユーザの指１０２が誤って地図コンテンツ２０２に接触し、地図コンテンツ２０２を矢印２１１が示す向きにスクロールした場合、矢印２１２が示すように、地図コンテンツ２０２がスクロールされて、ウェブページ２０１はスクロールされない。
【００１４】
図３は、図２のウェブページ２０１に対するスクロール操作の例を示している。ユーザが、ウェブページ２０１を矢印３１１が示す向きに指１０２でスクロールした場合、地図コンテンツ２０２を含むウェブページ２０１全体が上方へスクロールされて、ウェブページ２０１内の下方の情報が画面上に表示される。しかし、地図コンテンツ２０２のサイズが画面のほとんどを占有している場合、ウェブページ２０１をスクロールすることが困難になる。
【００１５】
図４は、図２のウェブページ２０１にスクロールバーを付加した表示画面の例を示している。ウェブページ２０１にスクロールバー４０１を付加した場合、ユーザは、スクロールバー４０１を用いて、ウェブページ２０１全体を上下にスクロールすることができる。しかし、スクロールバー４０１は細長い形状であるため、携帯端末装置の画面上では注意深く操作することが望ましく、必ずしも円滑なスクロール操作が実現されるとは限らない。
【００１６】
そこで、スクロールバー４０１を拡大して表示することも考えられる。しかし、携帯端末装置の画面のサイズは限られているため、スクロールバー４０１を拡大して表示すると、ウェブページ２０１の表示領域が狭くなり、ウェブページ２０１及び地図コンテンツ２０２が見づらくなる。このように、ウェブページ２０１に対するスクロール操作と地図コンテンツ２０２の最大限の表示とを両立させることは困難である。
【００１７】
この問題を解決するために、以下のような計測に基づくトリガをブラウザに追加する方法が考えられる。
（ａ）圧力計測
ユーザがウェブページ２０１内の地図コンテンツ２０２を強く押した場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２を弱く押した場合、ウェブページ２０１に対するスクロール操作が行われる。
（ｂ）加速度計測
ユーザがウェブページ２０１内の地図コンテンツ２０２を速くスライドさせた場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２をゆっくりとスライドさせた場合、ウェブページ２０１に対するスクロール操作が行われる。
（ｃ）移動量計測
ユーザがウェブページ２０１内の地図コンテンツ２０２を大きくスライドさせた場合、地図コンテンツ２０２に対するスクロール操作が行われ、地図コンテンツ２０２を小さくスライドさせた場合、ウェブページ２０１に対するスクロール操作が行われる。
【００１８】
しかし、（ａ）〜（ｃ）のいずれの計測を用いた場合も、計測値に対する閾値に依存して、ユーザの意図とは異なる情報がスクロールされる可能性がある。
【００１９】
図５は、図２の地図コンテンツ２０２に非表示ボタンを付加した表示画面の例を示している。この例では、ユーザが地図コンテンツ２０２内に表示された非表示ボタン５０１を押すと、ブラウザが地図コンテンツ２０２を非表示状態に変更する。これにより、ユーザは、ウェブページ２０１を円滑にスクロールすることが可能になる。
【００２０】
しかし、地図コンテンツ２０２を再度表示した場合、地図コンテンツ２０２が画面を占有していると、ウェブページ２０１に対するスクロール操作は困難な状態のままである。このため、地図コンテンツ２０２を表示する状態に戻ることが難しくなる。
【００２１】
また、地図コンテンツ２０２内に非表示ボタン５０１を配置すると、地図コンテンツ２０２の一部が隠れてしまう。さらに、携帯端末装置の場合、ブラウザのツールバーには非表示ボタン５０１を配置する余裕がなく、メニューボタンによって表示されるメニュー内に非表示ボタン５０１を配置すると、選択操作が複雑になる。
【００２２】
図６は、図２の地図コンテンツ２０２のサイズを制限した表示画面の例を示している。ブラウザが地図コンテンツ２０２のサイズを所定サイズ以下に制限して、地図コンテンツ２０２を小さく表示することで、ウェブページ２０１の操作可能領域が広くなる。このため、ウェブページ２０１に対するスクロール操作が容易になる。
【００２３】
しかし、携帯端末装置の場合、地図コンテンツ２０２を小さく表示すると、地図コンテンツ２０２の視認性及び操作性が低下するため、その利用に制約が生じる。また、地図コンテンツ２０２を縮小することで空いた領域に、ウェブページ２０１内の別のコンテンツの一部が表示されて、ウェブページ２０１全体のレイアウトが崩れる可能性がある。さらに、ウェブページ２０１内にスクロール可能な複数のコンテンツが含まれている場合、それらのコンテンツが横並びに小さく表示されて、結局、ウェブページ２０１に対するスクロール操作の操作性が変わらない可能性もある。
【００２４】
図７は、実施形態のページ表示装置の機能的構成例を示している。図２のページ表示装置７０１は、処理部７１１及び表示部７１２を含む。
【００２５】
図８は、図７のページ表示装置７０１が行うページ表示処理の例を示すフローチャートである。まず、処理部７１１は、表示対象ページに含まれるコンテンツが、そのコンテンツに対するスクロール操作を受け付けるスクロール機能を含み、コンテンツの表示領域の幅又は高さ、又は表示対象ページを表示する画面に対するコンテンツの幅又は高さの比率が、所定の状態である場合、スクロール機能を無効化する（ステップ８０１）。そして、表示部７１２は、コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する（ステップ８０２）。
【００２６】
このようなページ表示装置７０１によれば、表示対象ページ内にスクロール可能なコンテンツが含まれている場合に、表示対象ページ及びコンテンツの効率的な利用が可能になる。
【００２７】
図９は、図７のページ表示装置７０１の具体例を示している。図９のページ表示装置７０１は、処理部７１１、表示部７１２、通信部９０１、及び記憶部９０２を含む。記憶部９０２は、ＨＴＭＬブラウザ９１１及びＨＴＭＬコンテンツ４１２を記憶する。ページ表示装置７０１は、スマートフォン、タブレット、カーナビゲーション装置等の携帯端末装置であってもよく、デスクトップ型ＰＣ等であってもよい。
【００２８】
処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、通信ネットワークを介して外部のサーバにＨＴＭＬコンテンツ９１２を要求する。通信部９０１は、通信ネットワークを介して外部のサーバからＨＴＭＬコンテンツ９１２を受信し、受信したＨＴＭＬコンテンツ９１２を記憶部９０２に格納する。そして、処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、ＨＴＭＬコンテンツ９１２を解析してDocument Object Model（ＤＯＭ）情報に変換し、ＤＯＭ情報に基づいてＨＴＭＬコンテンツ９１２を視覚化する。
【００２９】
ＨＴＭＬコンテンツ９１２は、表示対象ページを表すスクロール可能なコンテンツであり、ＨＴＭＬコンテンツ９１２の内部には、別のスクロール可能なコンテンツが含まれている。ＨＴＭＬコンテンツ９１２及びその内部に含まれているコンテンツは、スクロール操作を受け付けるスクロール機能を含む。以下では、ＨＴＭＬコンテンツ９１２の内部に含まれているスクロール可能なコンテンツを、内部コンテンツと記載する場合がある。
【００３０】
処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズを有する、内部コンテンツに対する操作イベントを無効化する。これにより、内部コンテンツのスクロール機能を含む操作機能が無効化される。そして、表示部７１２は、内部コンテンツに対する操作要求を受け付ける状態で、表示対象ページを画面上に表示する。
【００３１】
図１０は、図２のウェブページ２０１及び地図コンテンツ２０２が、それぞれ、表示対象ページ及び内部コンテンツである場合に、地図コンテンツ２０２を別のページに表示する操作の例を示している。処理部７１１は、画面１００１上に表示された地図コンテンツ２０２のサイズが所定サイズである場合、地図コンテンツ２０２に対する操作イベントを無効化する。所定サイズは、表示対象ページであるウェブページ２０１に対するスクロール操作を妨げるサイズである。
【００３２】
地図コンテンツ２０２に対する操作イベントが無効化されるため、ユーザが地図コンテンツ２０２をタッチしてスクロールした場合であっても、地図コンテンツ２０２がスクロールされることはない。したがって、地図コンテンツ２０２のサイズが画面のほとんどを占有している場合であっても、ユーザは、ウェブページ２０１に対するスクロール操作を容易に行うことができる。
【００３３】
画面１００１上でユーザから地図コンテンツ２０２に対する操作要求を受け付けた場合、処理部７１１は、画面１００２に示すように、ウェブページ２０１とは別のページに地図コンテンツ２０２を表示する。そして、処理部７１１は、画面１００２上における地図コンテンツ２０２に対する操作イベントを有効化する。これにより、ユーザは、別のページ上で、地図コンテンツ２０２に対するスクロール操作を行うことが可能になる。画面１００１上における地図コンテンツ２０２に対する操作要求は、例えば、タップ、ダブルタップ、長押し等のタッチ操作であってもよい。
【００３４】
図１１は、図１０の画面１００２上で地図コンテンツ２０２をスクロールする操作の例を示している。処理部７１１は、画面１００２上で、地図コンテンツ２０２を矢印１１０３が示す向きにスクロールするスクロール操作を受け付けた場合、画面１１０１に示すように、地図コンテンツ２０２をスクロールして、スクロール後の地図コンテンツ１１０４を表示する。
【００３５】
次に、画面１１０１上でユーザからウェブページ２０１の表示に戻す操作を受け付けた場合、画面１１０２に示すように、ウェブページ２０１内の地図コンテンツ２０２をスクロール後の地図コンテンツ１１０４に置き換えて、ウェブページ２０１を表示する。これにより、ユーザは、スクロール後の地図コンテンツ１１０４を、ウェブページ２０１とともに閲覧することが可能になる。
【００３６】
ところで、処理部７１１は、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを、内部コンテンツの表示領域の幅、高さ、又は面積等に基づいて判定することができる。また、処理部７１１は、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを、画面のサイズに対する内部コンテンツのサイズの比率に基づいて判定することもできる。
【００３７】
図１２は、画面及び内部コンテンツのサイズの例を示している。図１２（ａ）は、表示部７１２の画面が縦長の矩形である場合を示している。画面の幅及び高さは、それぞれ、ｗ及びｈであり、内部コンテンツ１２０１の表示領域の幅及び高さは、それぞれ、ｘ及びｙである。ｘ及びｙを示すサイズ情報は、ＨＴＭＬコンテンツ９１２内に記述されている。
【００３８】
一方、図１２（ｂ）は、画面が横長の矩形である場合を示している。画面の幅及び高さは、それぞれ、ｗ及びｈであり、内部コンテンツ１２０２の表示領域の幅及び高さは、それぞれ、ｘ及びｙである。この場合、内部コンテンツ１２０２の表示領域が画面内に納まらないため、内部コンテンツ１２０２の一部のみが画面上に表示される。
【００３９】
処理部７１１は、ｘ及びｙが以下のいずれかの条件を満たす場合に、内部コンテンツのサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであると判定することができる。
（ｃ１）ｘが所定値よりも大きい。
（ｃ２）ｙが所定値よりも大きい。
（ｃ３）ｘ×ｙが所定値よりも大きい。
（ｃ４）ｗに対するｘの比率が所定値よりも大きい。
（ｃ５）ｈに対するｙの比率が所定値よりも大きい。
（ｃ６）ｗ×ｈに対するｘ×ｙの比率が所定値よりも大きい。
【００４０】
例えば、所定値を４０％として条件（ｃ６）を適用した場合、図１２（ａ）の画面の面積に対する内部コンテンツ１２０１の面積の比率は、所定値以下である。したがって、内部コンテンツ１２０１のサイズは、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げないと判定される。
【００４１】
一方、図１２（ｂ）の画面の面積に対する内部コンテンツ１２０２の面積の比率は、所定値よりも大きくなる。したがって、内部コンテンツ１２０２のサイズは、ＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げると判定される。
【００４２】
条件（ｃ１）〜条件（ｃ６）における所定値は、ユーザが設定してもよく、所定のアルゴリズムによって処理部７１１が設定してもよい。処理部７１１は、ＤＯＭ情報によって内部コンテンツのサイズが変更される場合、そのサイズが変更される度に、変更後のサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かを判定する。
【００４３】
図１３は、図９のページ表示装置７０１が行うページ表示処理の具体例を示すフローチャートである。処理部７１１は、ＨＴＭＬブラウザ９１１を実行することで、図１３のページ表示処理を行う。
【００４４】
まず、処理部７１１は、ＨＴＭＬコンテンツ９１２を表示対象ページとして画面上に表示し（ステップ１３０１）、ＨＴＭＬコンテンツ９１２に記述されたスクリプトによるＤＯＭ操作を行うか否かを判定する（ステップ１３０２）。
【００４５】
スクリプトは、例えば、オブジェクト指向のスクリプト言語によって記述され、処理部７１１は、スクリプトを解釈して実行することで、ＤＯＭ情報に含まれる要素の表示情報を更新することができる。ＤＯＭ情報に含まれる要素が内部コンテンツを表す場合、その表示情報の更新によって、表示対象ページ内における内部コンテンツの位置及びサイズが変更されることがある。スクリプトは、ＪａｖａＳｃｒｉｐｔ（登録商標）であってもよい。
【００４６】
スクリプトによるＤＯＭ操作を行う場合（ステップ１３０２，ＹＥＳ）、処理部７１１は、スクリプトに従ってＤＯＭ情報を更新する（ステップ１３０３）。そして、処理部７１１は、ＨＴＭＬコンテンツ９１２を解析して、スクロール可能な内部コンテンツが含まれているか否かをチェックする（ステップ１３０４）。例えば、処理部７１１は、以下のような場合に、スクロール可能な内部コンテンツが含まれていると判定することができる。
（ｐ）ＨＴＭＬコンテンツ９１２内に、内部コンテンツのインラインフレームを示す“ｉｆｒａｍｅ”タグが存在する。
（ｑ）ＨＴＭＬコンテンツ９１２内に、スクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”等の記述を伴う内部コンテンツのタグが存在する。
【００４７】
ＨＴＭＬコンテンツ９１２にスクロール可能な内部コンテンツが含まれている場合（ステップ１３０４，ＹＥＳ）、処理部７１１は、その内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるか否かをチェックする（ステップ１３０５）。このとき、処理部７１１は、条件（ｃ１）〜条件（ｃ６）のいずれかを用いて、内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるか否かをチェックする。
【００４８】
内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げる場合（ステップ１３０５，ＹＥＳ）、処理部７１１は、その内部コンテンツに対する操作イベントを無効化する（ステップ１３０６）。
【００４９】
スクリプトによるＤＯＭ操作を行わない場合（ステップ１３０２，ＮＯ）、処理部７１１は、ステップ１３０４以降の処理を行う。ＨＴＭＬコンテンツ９１２にスクロール可能な内部コンテンツが含まれていない場合（ステップ１３０４，ＮＯ）、処理部７１１は、処理を終了する。また、内部コンテンツがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げない場合（ステップ１３０５，ＮＯ）、処理部７１１は、処理を終了する。
【００５０】
図１３のページ表示処理によれば、スクリプトによるＤＯＭ操作によって内部コンテンツのサイズが変更される度に、変更後のサイズがＨＴＭＬコンテンツ９１２に対するスクロール操作を妨げるサイズであるか否かが判定される。したがって、内部コンテンツのサイズが変更された場合であっても、変更後のサイズに基づいて、その内部コンテンツに対する操作イベントを無効化することができる。
【００５１】
図１４は、図１３のステップ１３０６における第１の操作イベント無効化処理のフローチャートである。まず、処理部７１１は、ＨＴＭＬコンテンツ９１２内に表示されている内部コンテンツのスナップショット画像を生成する（ステップ１４０１）。次に、処理部７１１は、画面上で、その内部コンテンツをスナップショット画像に変換し、内部コンテンツに対する操作要求を受け付ける状態でスナップショット画像を表示する（ステップ１４０２）。そして、処理部７１１は、ユーザから内部コンテンツに対する操作要求を受け付けたか否かをチェックする（ステップ１４０３）。
【００５２】
内部コンテンツに対する操作要求を受け付けた場合（ステップ１４０３，ＹＥＳ）、処理部７１１は、操作イベントを有効化した状態で、内部コンテンツを別のページに表示する（ステップ１４０４）。これにより、ユーザは、別のページ上で内部コンテンツに対するスクロール操作を行うことが可能になる。
【００５３】
次に、処理部７１１は、ユーザからＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けたか否かをチェックする（ステップ１４０５）。ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けた場合（ステップ１４０５，ＹＥＳ）、処理部７１１は、表示されている内部コンテンツのスナップショット画像を新たに生成する（ステップ１４０６）。
【００５４】
次に、処理部７１１は、別のページを表示する前に表示されていた、元のＨＴＭＬコンテンツ９１２を画面上に表示する（ステップ１４０７）。そして、処理部７１１は、ＨＴＭＬコンテンツ９１２内の内部コンテンツを、新たに生成したスナップショット画像に変換する（ステップ１４０８）。別のページ上で内部コンテンツに対するスクロール操作が行われた場合、元のＨＴＭＬコンテンツ９１２内には、スクロール後の内部コンテンツが表示される。
【００５５】
内部コンテンツに対する操作要求を受け付けていない場合（ステップ１４０３，ＮＯ）、又は、ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けていない場合（ステップ１４０５，ＮＯ）、処理部７１１は、処理を終了する。
【００５６】
図１５は、ＨＴＭＬコンテンツ９１２内に内部コンテンツの“ｉｆｒａｍｅ”タグが存在する場合の第１の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌの画面１５０１内に、内部コンテンツを表すｍｅｎｕＬｕｎｃｈ．ｈｔｍｌのインラインフレーム１５０２が表示されている。ｍｅｎｕ．ｈｔｍｌ内には“ｉｆｒａｍｅ”タグが存在し、“ｉｆｒａｍｅ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、インラインフレーム１５０２の幅及び高さを示すサイズ情報である。
【００５７】
ｗｉｄｔｈ＝“８０％”は、画面１５０１の幅に対するインラインフレーム１５０２の幅の比率が８０％であることを表し、ｈｅｉｇｈｔ＝“１５％”は、画面１５０１の高さに対するインラインフレーム１５０２の高さの比率が１５％であることを表す。
【００５８】
この場合、ステップ１４０１において、処理部７１１は、インラインフレーム１５０２のスナップショット画像１５０３を生成する。次に、ステップ１４０２において、処理部７１１は、ｍｅｎｕ．ｈｔｍｌ内の“ｉｆｒａｍｅ”タグを“ｃａｎｖａｓ”タグに変換することで、画面１５０１内のインラインフレーム１５０２をスナップショット画像１５０３に変換する。
【００５９】
そして、処理部７１１は、スナップショット画像１５０３に対する操作要求を受け付けた場合の動作を規定する“ａ  ｈｒｅｆ”タグを付加する。“ａ  ｈｒｅｆ”タグ内のリンク先のUniform Resource Locator（ＵＲＬ）としては、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌが指定される。これにより、処理部７１１は、スナップショット画像１５０３に対する操作要求を受け付けた場合に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを別のページ１５０４に表示することができる。
【００６０】
図１６は、ＨＴＭＬコンテンツ９１２内にスクロールバー表示の設定を示す内部コンテンツのタグが存在する場合の第１の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”を含む“ｄｉｖ”タグと、内部コンテンツに対するスクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”とが存在する。“ｄｉｖ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
【００６１】
この場合、ステップ１４０１において、処理部７１１は、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグのスナップショット画像を生成する。次に、ステップ１４０２において、処理部７１１は、“ｄｉｖ”タグ内を“ｃａｎｖａｓ”タグに変換することで、ｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグをスナップショット画像に変換する。そして、処理部７１１は、ｉｄ＝“ｌｕｎｃｈ”が指定された“ｄｉｖ”タグ内とそれに関連するＤＯＭ情報を参照できるようなｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを作成し、図１５の場合と同様に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌをリンク先のＵＲＬに指定した“ａ  ｈｒｅｆ”タグを付加する。
【００６２】
これにより、処理部７１１は、スナップショット画像に対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。
【００６３】
図１４の操作イベント無効化処理によれば、ＨＴＭＬコンテンツ９１２内の内部コンテンツをスナップショット画像に変換することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を無効化することができる。また、内部コンテンツに対する操作要求を受け付ける状態でスナップショット画像を表示することで、内部コンテンツの利用を妨げることなく、ＨＴＭＬコンテンツ９１２を表示することができる。
【００６４】
図１７は、図１３のステップ１３０６における第２の操作イベント無効化処理のフローチャートである。まず、処理部７１１は、ＨＴＭＬコンテンツ９１２に含まれている内部コンテンツに対する操作イベントを無視するように、ＨＴＭＬブラウザ９１１を変更する（ステップ１７０１）。次に、処理部７１１は、内部コンテンツに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する（ステップ１７０２）。
【００６５】
次のステップ１７０３〜ステップ１７０５の処理については、図１４のステップ１４０３〜ステップ１４０５の処理と同様である。ＨＴＭＬコンテンツ９１２の表示に戻す操作を受け付けた場合（ステップ１７０５，ＹＥＳ）、処理部７１１は、別のページを表示する前に表示されていた、元のＨＴＭＬコンテンツ９１２を画面上に表示する（ステップ１７０６）。別のページ上で内部コンテンツに対するスクロール操作が行われた場合、元のＨＴＭＬコンテンツ９１２内には、スクロール後の内部コンテンツが表示される。
【００６６】
図１８は、ＨＴＭＬコンテンツ９１２内に内部コンテンツの“ｉｆｒａｍｅ”タグが存在する場合の第２の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｍｅｎｕＬｕｎｃｈ．ｈｔｍｌの“ｉｆｒａｍｅ”タグが存在する。“ｉｆｒａｍｅ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
【００６７】
この場合、ステップ１７０１において、処理部７１１は、ｍｅｎｕ．ｈｔｍｌ内に記述されている、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作イベント（不図示）を無視するように、ＨＴＭＬブラウザ９１１を変更する。次に、ステップ１７０２において、処理部７１１は、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する。
【００６８】
これにより、処理部７１１は、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌに対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌ内には、“ｓｃｒｉｐｔ”タグを用いてｗｉｎｄｏｗ．ｏｐｅｎｅｒが記述されている。処理部７１１は、このｗｉｎｄｏｗ．ｏｐｅｎｅｒによって、ｍｅｎｕ．ｈｔｍｌへＤＯＭ情報の参照を返すことができる。
【００６９】
図１９は、ＨＴＭＬコンテンツ９１２内にスクロールバー表示の設定を示す内部コンテンツのタグが存在する場合の第２の変換処理を示している。この例では、ＨＴＭＬコンテンツ９１２を表すｍｅｎｕ．ｈｔｍｌ内に、内部コンテンツを表すｉｄ＝“ｌｕｎｃｈ”を含む“ｄｉｖ”タグと、内部コンテンツに対するスクロールバー表示の設定を示す“ｏｖｅｒｆｌｏｗ：ｓｃｒｏｌｌ”とが存在する。“ｄｉｖ”タグ内のｗｉｄｔｈ及びｈｅｉｇｈｔは、それぞれ、内部コンテンツの幅及び高さを示すサイズ情報である。
【００７０】
この場合、ステップ１７０１において、処理部７１１は、図１８の場合と同様に、ｍｅｎｕ．ｈｔｍｌ内に記述されている、内部コンテンツに対する操作イベント（不図示）を無視するように、ＨＴＭＬブラウザ９１１を変更する。次に、ステップ１７０２において、処理部７１１は、内部コンテンツに対する操作要求を受け付ける機能を、ＨＴＭＬブラウザ９１１に付加する。
【００７１】
これにより、処理部７１１は、内部コンテンツに対する操作要求を受け付けた場合、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌを表す別のページを生成して表示することができる。処理部７１１は、図１８の場合と同様に、ｍｅｎｕＬｕｎｃｈ．ｈｔｍｌ内のｗｉｎｄｏｗ．ｏｐｅｎｅｒによって、ｍｅｎｕ．ｈｔｍｌへＤＯＭ情報の参照を返すことができる。
【００７２】
図１７の操作イベント無効化処理によれば、内部コンテンツに対する操作イベントを無視するようにＨＴＭＬブラウザ９１１を変更することで、ＨＴＭＬコンテンツ９１２に対するスクロール操作を無効化することができる。また、内部コンテンツに対する操作要求を受け付ける機能をＨＴＭＬブラウザ９１１に付加することで、内部コンテンツの利用を妨げることなく、ＨＴＭＬコンテンツ９１２を表示することができる。
【００７３】
図７及び図９のページ表示装置７０１の構成は一例に過ぎず、ページ表示装置７０１の用途又は条件に応じて一部の構成要素を省略又は変更してもよい。
【００７４】
図８、図１３、図１４、及び図１７のフローチャートは一例に過ぎず、ページ表示装置７０１の構成又は条件に応じて一部の処理を省略又は変更してもよい。例えば、スクリプトによるＤＯＭ操作が行われない場合は、図１３のステップ１３０２及びステップ１３０３の処理を省略することができる。
【００７５】
図１〜図６及び図１０〜図１２の表示画面は一例に過ぎず、表示画面は、表示対象のコンテンツに応じて変化する。表示対象のコンテンツは、ＨＴＭＬコンテンツ９１２に限られず、eXtensible Markup Language（ＸＭＬ）で記述されたコンテンツのように、内部コンテンツを含む別のコンテンツであってもよい。
【００７６】
図１５、図１６、図１８、及び図１９のＨＴＭＬコンテンツ９１２及び内部コンテンツは一例に過ぎず、表示対象のコンテンツは、ページ表示装置７０１の用途又は条件に応じて変化する。
【００７７】
図２０は、図７及び図９のページ表示装置７０１として用いられる情報処理装置（コンピュータ）の構成例を示している。図２０の情報処理装置は、Central Processing Unit（ＣＰＵ）２００１、メモリ２００２、入力装置２００３、表示装置２００４、補助記憶装置２００５、媒体駆動装置２００６、及びネットワーク接続装置２００７を含む。これらの構成要素はバス２００８により互いに接続されている。
【００７８】
メモリ２００２は、例えば、Read Only Memory（ＲＯＭ）、Random Access Memory（ＲＡＭ）、フラッシュメモリ等の半導体メモリであり、ページ表示処理に用いられるプログラム及びデータを格納する。メモリ２００２は、図９の記憶部９０２として用いることができる。
【００７９】
ＣＰＵ２００１（プロセッサ）は、例えば、メモリ２００２を利用してプログラムを実行することにより、図７及び図９の処理部７１１として動作する。
【００８０】
入力装置２００３は、例えば、キーボード、ポインティングデバイス等であり、オペレータ又はユーザからの指示又は情報の入力に用いられる。情報処理装置が携帯端末装置である場合、入力装置２００３としてタッチパネルを用いることができる。表示装置２００４は、オペレータ又はユーザへの問い合わせ又は指示、及び処理結果の出力に用いられる。処理結果は、ＨＴＭＬコンテンツ９１２又は内部コンテンツであってもよい。表示装置２００４は、図７及び図９の表示部７１２として用いることができる。
【００８１】
補助記憶装置２００５は、例えば、磁気ディスク装置、光ディスク装置、光磁気ディスク装置、テープ装置等である。補助記憶装置２００５は、ハードディスクドライブ又はフラッシュメモリであってもよい。情報処理装置が携帯端末装置である場合、補助記憶装置２００５としてフラッシュメモリを用いることができる。情報処理装置は、補助記憶装置２００５にプログラム及びデータを格納しておき、それらをメモリ２００２にロードして使用することができる。補助記憶装置２００５は、図９の記憶部９０２として用いることができる。
【００８２】
媒体駆動装置２００６は、可搬型記録媒体２００９を駆動し、その記録内容にアクセスする。可搬型記録媒体２００９は、メモリデバイス、フレキシブルディスク、光ディスク、光磁気ディスク等である。可搬型記録媒体２００９は、Compact Disk Read Only Memory（ＣＤ−ＲＯＭ）、Digital Versatile Disk（ＤＶＤ）、Universal Serial Bus（ＵＳＢ）メモリ等であってもよい。情報処理装置が携帯端末装置である場合、可搬型記録媒体２００９としてメモリカードを用いることができる。オペレータ又はユーザは、この可搬型記録媒体２００９にプログラム及びデータを格納しておき、それらをメモリ２００２にロードして使用することができる。
【００８３】
このように、ページ表示処理に用いられるプログラム及びデータを格納するコンピュータ読み取り可能な記録媒体は、メモリ２００２、補助記憶装置２００５、又は可搬型記録媒体２００９のような、物理的な（非一時的な）記録媒体である。
【００８４】
ネットワーク接続装置２００７は、Local Area Network、Wide Area Network等の通信ネットワークに接続され、通信に伴うデータ変換を行う通信インタフェースである。情報処理装置は、プログラム及びデータを外部の装置からネットワーク接続装置２００７を介して受信し、それらをメモリ２００２にロードして使用することができる。ネットワーク接続装置２００７は、図９の通信部９０１として用いることができる。
【００８５】
なお、情報処理装置が図２０のすべての構成要素を含む必要はなく、用途又は条件に応じて一部の構成要素を省略することも可能である。例えば、可搬型記録媒体２００９を使用しない場合は、媒体駆動装置２００６を省略してもよい。
【００８６】
情報処理装置が携帯端末装置である場合、情報処理装置は、マイク及びスピーカのような通話用の装置を含んでいてもよい。
【００８７】
開示の実施形態とその利点について詳しく説明したが、当業者は、特許請求の範囲に明確に記載した本発明の範囲から逸脱することなく、様々な変更、追加、省略をすることができるであろう。
【図１】
0006721049.tif 000002
【図２】
0006721049.tif 000003
【図３】
0006721049.tif 000004
【図４】
0006721049.tif 000005
【図５】
0006721049.tif 000006
【図６】
0006721049.tif 000007
【図７】
0006721049.tif 000008
【図８】
0006721049.tif 000009
【図９】
0006721049.tif 000010
【図１０】
0006721049.tif 000011
【図１１】
0006721049.tif 000012
【図１２】
0006721049.tif 000013
【図１３】
0006721049.tif 000014
【図１４】
0006721049.tif 000015
【図１５】
0006721049.tif 000016
【図１６】
0006721049.tif 000017
【図１７】
0006721049.tif 000018
【図１８】
0006721049.tif 000019
【図１９】
0006721049.tif 000020
【図２０】
0006721049.tif 000021