ウェブページ表示装置およびフォーカス制御方法
【課題】携帯端末等におけるウェブブラウザの操作方法を改善する。
【解決手段】ウェブページ表示装置１００は、ウェブページを構成する文書ファイルに基づきウェブページをレンダリングする。ハイパーリンク抽出部１０４は、文書ファイルからハイパーリンクを含むオブジェクトを抽出する。イベントハンドラ抽出部１０６は、文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出する。オブジェクト格納部１１６は、抽出されたオブジェクトのウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納する。フォーカス制御部１１４は、ユーザによる方向操作入力に応じて、ウェブページ上でフォーカス表示すべきオブジェクトを選択する。スクリプト実行部１０８は、フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、イベントハンドラに関連づけられたスクリプトを実行する。
【解決手段】ウェブページ表示装置１００は、ウェブページを構成する文書ファイルに基づきウェブページをレンダリングする。ハイパーリンク抽出部１０４は、文書ファイルからハイパーリンクを含むオブジェクトを抽出する。イベントハンドラ抽出部１０６は、文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出する。オブジェクト格納部１１６は、抽出されたオブジェクトのウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納する。フォーカス制御部１１４は、ユーザによる方向操作入力に応じて、ウェブページ上でフォーカス表示すべきオブジェクトを選択する。スクリプト実行部１０８は、フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、イベントハンドラに関連づけられたスクリプトを実行する。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、ウェブページの操作性を向上させる技術に関する。
【背景技術】
【０００２】
ウェブページを閲覧するためのブラウザは、パーソナルコンピュータ（ＰＣ）のみならず、携帯電話、ゲーム機、デジタルテレビなどの様々な電子機器に搭載されている。ウェブページの多くは、マウス等の、ポインタを任意の位置に移動できる入力デバイスが接続されたＰＣを用いて閲覧されることが前提となっている。そのため、携帯電話やデジタルテレビなどのＰＣ以外の電子機器でウェブページを閲覧する場合、電子機器やそのリモートコントローラに設けられたボタンだけではウェブページに対する操作がうまくいかないことがある。そのため、従来のブラウザには、カーソルキーやＴａｂキーなどの特定のキー操作に応じて、ハイパーリンクが設定されたオブジェクトに順次フォーカスを移動させる機能が備えられている。
【０００３】
また、特許文献１には、ＨＴＭＬファイルからアンカータグを検出し、アンカータグの検出順に例えば１〜１０までの操作用の数字を付与してアンカーの近傍にその数字を表示するＷｅｂブラウザの操作方法が開示されている。これによると、ユーザは、操作を所望するアンカーの近傍の数字に該当するリモートコントローラの数字キーを押すことで、当該アンカーを操作することが可能になる。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２００９−１６９８８３号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
最近のウェブページでは、ＣＳＳ（Cascading Style Sheet）とJavaScript（登録商標）を用いて、クライアント側でウェブページの表示内容を動的に変更するダイナミックＨＴＭＬ（ＤＨＴＭＬ）を使用したものが多い。一例として、あるオブジェクトにマウスポインタを重ねたときにイベント（「onMouseoevr」）を発生させるイベントハンドラを設定し、このイベントハンドラに関連づけられたJavaScriptをクライアント側で実行させることができる。これにより、例えばあるオブジェクトにマウスポインタを重ねることで当初は非表示であったオブジェクトをブラウザ上に表示させたり、フォントの色やオブジェクトのサイズを変更したりすることが可能になる。
【０００６】
しかしながら、イベントハンドラが設定されたオブジェクトにハイパーリンクが設定されていないと、上述したハイパーリンク付きのオブジェクトを順次フォーカスしていく方式では、このようなオブジェクトにフォーカスを移動させることができず、したがってイベントも発生させることができないという問題があった。
【０００７】
本発明はこうした状況に鑑みてなされたものであり、その目的は、順次フォーカス機能を備えるブラウザにおいて、ハイパーリンクの設定されていないオブジェクトのうち、イベントハンドラが設定されているオブジェクトについてもフォーカスを移動させることができるようにする技術を提供することにある。
【課題を解決するための手段】
【０００８】
本発明の一態様は、ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置である。この装置は、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出するハイパーリンク抽出部と、前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出するイベントハンドラ抽出部と、前記ハイパーリンク抽出部および前記イベントハンドラ抽出部によって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納するオブジェクト格納部と、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択するフォーカス制御部と、前記フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、該イベントハンドラに関連づけられたスクリプトを実行するスクリプト実行部と、を備える。
【０００９】
この態様によると、ハイパーリンクが設定されたオブジェクトを抽出するだけでなく、イベントハンドラが設定されたオブジェクトをも抽出し、これら両方のオブジェクトをフォーカス移動の対象とすることができる。また、フォーカス時にそのオブジェクトに設定されたイベントハンドラに関連するスクリプトを実行するようにしたので、マウスポインタの操作時と同様の操作が可能になる。
なお、「文書ファイル」とは、マークアップ言語で記述されたＨＴＭＬファイルやＸＭＬファイルなどを含む。
【００１０】
本発明の別の態様は、ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置におけるフォーカス制御方法である。この方法は、前記ウェブページ表示装置が、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出し、前記ウェブページ表示装置が前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出し、前記ウェブページ表示装置が、前記抽出ステップによって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報をメモリに格納し、前記ウェブページ表示装置が、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択し、選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、前記ウェブページ表示装置が前記イベントハンドラに関連づけられたスクリプトを実行することを含む。
【００１１】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、記録媒体、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【００１２】
本発明によれば、順次フォーカス機能を備えるブラウザにおいて、ハイパーリンクの設定されていないオブジェクトのうち、イベントハンドラが設定されているオブジェクトについてもフォーカスを移動させることができる。
【図面の簡単な説明】
【００１３】
【図１】本発明の一実施形態に係るウェブページ表示装置を利用してウェブページを表示する様子を示す図である。
【図２】ウェブページ表示装置により解釈されディスプレイにレンダリングされるウェブページのＨＴＭＬファイルの一例を示す図である。
【図３】（ａ）、（ｂ）は、図２のＨＴＭＬファイルに基づき、従来のブラウザによってレンダリングされるウェブページの例を示す図である。
【図４】ウェブページ表示装置の構成を示す図である。
【図５】イベントハンドラ抽出部による抽出の対象となるイベントハンドラの一例を示す表である。
【図６】ハイパーリンク抽出部によるオブジェクトの抽出を説明するフローチャートである。
【図７】イベントハンドラ抽出部によるオブジェクトの抽出を説明するフローチャートである。
【図８】オブジェクト格納部に格納されているオブジェクト情報を示す表である。
【図９】（ａ）〜（ｆ）は、ウェブページ表示装置によってフォーカス移動される様子を説明する図である。
【図１０】イベントハンドラが実行された後にオブジェクト格納部内に格納されているオブジェクト情報を示す表である。
【発明を実施するための形態】
【００１４】
図１は、本発明の一実施形態に係るウェブページ表示装置１００を利用してウェブページを表示する様子を示す図である。図１では、ゲーム機などのウェブページ表示装置１００にデジタルテレビなどのディスプレイ１２０を接続する例を示している。ユーザは、テレビ用のリモートコントローラ２２上の方向指示ボタンなどを使用して、ディスプレイ上に表示されるウェブページを操作する。
【００１５】
ウェブページ表示装置１００は、ユーザの操作に応答してインターネット等のネットワーク２４を介してＵＲＬ（Uniform Resource Locator）で特定されるサーバ２０にアクセスし、ウェブページを構成する文書ファイルを取得する。
【００１６】
なお、ウェブページ表示装置１００は、デジタルテレビ、携帯電話、ＰＤＡ（Personal Digital Assistant）などの携帯移動端末、カーナビゲーションシステム等のように、マウス、トラックボールまたはタッチパネル等のディスプレイ上の任意の位置にポインタを移動させる入力デバイスを持たない電子機器であってもよい。例えばウェブページ表示装置がデジタルテレビまたは携帯電話である場合、ディスプレイ１２０とウェブページ表示装置１００とが単一の筐体内に一体化されていてもよい。また、ウェブページ表示装置が携帯電話またはカーナビゲーションシステムである場合、リモートコントローラ２２の代わりに、方向指示ボタンがウェブページ表示装置と一体化されていてもよい。
【００１７】
図２は、ウェブページ表示装置１００で解釈されディスプレイにレンダリングされるＨＴＭＬファイル５０の一例を示す図である。図３（ａ）、（ｂ）は、図２のＨＴＭＬファイル５０に基づき、従来のブラウザによってレンダリングされるウェブページの例を示す図である。
【００１８】
ポインタを画面上の任意の位置に移動させるマウス等のデバイスがウェブページ表示装置に接続されていない場合のために、従来のブラウザは、カーソルキーやＴａｂキーなどの操作に応じて、ハイパーリンクが設定されているオブジェクト間で順次フォーカスを移動させる機能（以下、「順次フォーカス機能」と呼ぶ）を有している。
【００１９】
図３（ａ）では、「テキスト」オブジェクト３０２と「イメージ」オブジェクト３０６にそれぞれハイパーリンクが設定されている。したがって、「テキスト」オブジェクト３０２にフォーカスＦが表示されている状態で、ユーザによりＴａｂキーまたは下方向のキーが操作されると、図３（ｂ）に示すように、ハイパーリンクの設定されていない「メニュー」オブジェクト３０４を飛ばして「イメージ」オブジェクト３０６にフォーカスが移動してしまうという問題がある。
【００２０】
また、図２のＨＴＭＬファイル５０の２６行目から分かるように、「メニュー」オブジェクト３０４にはonMouseoevrイベントハンドラが設定されている。マウス等を使用できれば、「メニュー」オブジェクト３０４上にポインタを移動させた時点で、３１〜３４行目で表されるサブメニューが表示されるように構成されている。しかしながら、カーソルキー等を用いてフォーカスを移動させる場合は、「メニュー」オブジェクト３０４にフォーカスが移動しないので、このようなサブメニューを画面上に表示することができないという問題もある。
【００２１】
そこで、本実施形態では、ハイパーリンクが設定されていないがイベントハンドラが設定されているオブジェクトについても、カーソルキーによるフォーカスの移動時にもフォーカス対象となるようにする技術を提供する。
【００２２】
図４は、本発明の一実施形態に係るウェブページ表示装置１００の構成を示す図である。この構成は、ハードウエア的には、任意のコンピュータのＣＰＵ、メモリ、その他のＬＳＩで実現でき、ソフトウエア的にはメモリにロードされたプログラムなどによって実現されるが、ここではそれらの連携によって実現される機能ブロックを描いている。したがって、これらの機能ブロックがハードウエアのみ、ソフトウエアのみ、またはそれらの組合せによっていろいろな形で実現できることは、当業者には理解されるところである。
【００２３】
本実施形態のウェブページ表示装置は、周知のブラウザプログラムの一部として実装されることが好ましい。したがって、図４に明示されていない機能であっても、一般のブラウザプログラムが備えている機能は当然に有しているものとする。
【００２４】
通信制御部１１８は、ＵＲＬの入力、検索サイトにおける検索結果の選択、ハイパーリンクの選択などのユーザの操作に応じて、インターネット等のネットワーク２４を介して指定されたウェブサーバ２０にアクセスし、対応する文書ファイルを取得する。文書ファイルは、ＳＧＭＬ(Standard Generalized Markup Language)、ＨＴＭＬ(HyperText Markup Language)、ＸＭＬ(eXtensible Markup Language)などのマークアップ言語で記述されている。文書ファイルにＪａｖａスクリプトなどのスクリプト言語が含まれていてもよい。また、文書ファイルとともに関連するＣＳＳが取得されてもよい。取得された文書ファイルは、ファイル解析部１０２に送られる。なお、以下では、主に文書ファイルがＨＴＭＬファイルであるとして説明する。
【００２５】
ファイル解析部１０２は、取得された文書ファイルを解析し、ウェブページの描画に必要な情報をレンダリング部１１０に送る。ファイル解析部１０２は、ハイパーリンク抽出部１０４、イベントハンドラ抽出部１０６およびスクリプト実行部１０８を含む。
【００２６】
ハイパーリンク抽出部１０４は、文書ファイルの中からハイパーリンクの設定されたオブジェクトを抽出する。具体的には、ハイパーリンク抽出部１０４は、アンカータグ<a hrefを検索することで、ハイパーリンクの設定されたオブジェクトを抽出する。
【００２７】
イベントハンドラ抽出部１０６は、文書ファイルの中からイベントハンドラの設定されたオブジェクトを抽出する。具体的には、イベントハンドラ抽出部１０６は、予め指定されたイベントハンドラを検索することで、イベントハンドラの設定されたオブジェクトを抽出する。
【００２８】
図５は、イベントハンドラ抽出部１０６による抽出の対象となるイベントハンドラの一例２２０を示す表である。図中、行２２２はイベントハンドラ名を表し、行２２４は対象となるイベントの発生タイミングの説明である。本実施形態では、オブジェクトに対するマウス操作イベントが対象になる。
【００２９】
図４に戻り、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６は、それぞれ抽出したオブジェクトについての情報をオブジェクト格納部１１６に格納する。オブジェクト情報には、抽出されたオブジェクトのＩＤ、始点位置およびサイズが少なくとも含まれる。これらのオブジェクト情報は、文書ファイルに含まれていてもよいし、ＣＳＳに含まれていてもよい。
【００３０】
スクリプト実行部１０８は、イベントハンドラが設定されたオブジェクトにフォーカスが移動したときに、当該オブジェクトにポインタがあるものとしてイベントを発生させる。さらに、図５に示したイベントハンドラに対応するイベントが発生した場合には、イベントハンドラに関連づけられたJavaScriptを実行する。
【００３１】
より具体的に説明すると、オブジェクトにフォーカスが移動した時点で、スクリプト実行部はonmouseoverイベントを発生させる。そのオブジェクトから別のオブジェクトにフォーカスが移動した時点で、スクリプト実行部はonmouseoutイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスのボタンを押す操作がなされたときに、スクリプト実行部はonmousedownイベントを発止させ、引き続きマウスのボタンを放す操作がなされたときに、スクリプト実行部はonmouseupイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスクリックに対応するキー操作がなされたときに、スクリプト実行部はonclickイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスのダブルクリックに対応するキー操作がなされたときに、スクリプト実行部はondblclickイベントを発生させる。
【００３２】
操作入力受信部１１２は、リモートコントローラ上またはウェブページ表示装置上で操作された方向指示ボタンの操作入力を受け取る。操作入力受信部１１２は、受信した方向ボタンの情報をフォーカス制御部１１４に送る。
【００３３】
フォーカス制御部１１４は、方向ボタンの操作に対応して、ウェブページ内のオブジェクト間でフォーカスを移動させる。すなわち、フォーカス制御部１１４は、オブジェクト格納部１１６に格納されている抽出されたオブジェクト情報を取得し、現在フォーカスが置かれたオブジェクトから方向ボタンに対応する方向で最も距離が近いオブジェクトを、次にフォーカスを移動させるべきオブジェクトとして選択する。フォーカス制御部１１４は、選択したオブジェクトのオブジェクト情報をファイル解析部１０２およびレンダリング部１１０に送る。但し、後述するようにオブジェクト格納部１１６内でオブジェクトサイズが（０，０）であるオブジェクト、すなわちその時点で画像表示されていないオブジェクトについては、フォーカスの対象としない。
【００３４】
このように、本実施形態では、イベントハンドラ抽出部１０６によって抽出されたオブジェクトについても、フォーカス制御部１１４によってフォーカスの配置対象とされる。したがって、従来のブラウザとは異なり、ハイパーリンクの設定されたオブジェクト以外にイベントハンドラが設定されたオブジェクトにもフォーカスが移動されるようになる。
【００３５】
レンダリング部１１０は、ファイル解析部１０２による文書ファイルの解析結果にしたがってウェブページをレンダリングし、ディスプレイ１２０に出力する。また、レンダリング部１１０は、フォーカス制御部１１４から受け取るオブジェクト情報に基づき、オブジェクトがフォーカスされていることを表す強調表示を施した上でレンダリングする。本実施形態では、この強調表示はオブジェクトの周りを囲む黒い正方形として表されている。しかしながら、他の表示態様でフォーカスを表してもよい。例えば、オブジェクトを構成する文字を反転表示したり、文字の背景の色を変えるなどしてフォーカスを表してもよい。
【００３６】
フォーカス制御部１１４によってイベントハンドラを含むオブジェクトがフォーカス対象として選択された場合、フォーカス制御部１１４はこのオブジェクトのオブジェクト情報をファイル解析部１０２内のスクリプト実行部１０８にも通知する。この通知に応じて、スクリプト実行部１０８は、フォーカス対象として選択されたオブジェクトのイベントを発生させる。また、関連するJavaScriptがあれば、それを実行する。この実行に対応するウェブページの変化がファイル解析部１０２によって再び解析され、レンダリング部１１０に解析結果が送られる。これに応じて、レンダリング部１１０はウェブページを更新する。
【００３７】
また、JavaScriptの実行によって表示すべきオブジェクトが変更された場合には、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６が再度、文書ファイルを検索してそれぞれオブジェクトを抽出する。そして、抽出されたオブジェクトに関するオブジェクト情報をオブジェクト格納部１１６に格納する。このようにして、ウェブページ上でのイベント発生に応じて表示されるオブジェクトについても、随時抽出することができる。
【００３８】
以下、ウェブページ表示装置１００の作用について説明する。
【００３９】
通信制御部１１８によって図２のＨＴＭＬファイル５０が読み込まれると、ファイル解析部１０２のハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６が、ＨＴＭＬファイル５０からフォーカスすべきオブジェクトをそれぞれ抽出する。
【００４０】
図６は、ハイパーリンク抽出部１０４によるオブジェクトの抽出を説明するフローチャートである。まず、ハイパーリンク抽出部１０４は、ＨＴＭＬファイル内で先頭からアンカータグを検索する（Ｓ１０）。アンカータグが検出されると、ハイパーリンク抽出部１０４は、そのタグ構文内にハイパーリンクが含まれるか否かを判定する（Ｓ１２）。ハイパーリンクが含まれれば（Ｓ１２のＹ）、そのアンカータグに関連するオブジェクトの情報を取り出し、オブジェクト格納部１１６に格納する（Ｓ１４）。ハイパーリンクが含まれていなければ（Ｓ１２のＮ）、Ｓ１４をスキップする。ＨＴＭＬファイルの最終行に達していなければ（Ｓ１６のＮ）、ＨＴＭＬファイルから次のアンカータグを検索する。
【００４１】
図７は、イベントハンドラ抽出部１０６によるオブジェクトの抽出を表すフローチャートである。まず、イベントハンドラ抽出部１０６は、ＨＴＭＬファイル内で先頭からタグを検索する（Ｓ２０）。タグが検出されると、イベントハンドラ抽出部１０６は、そのタグ構文内に所定のイベントハンドラが含まれるか否かを判定する（Ｓ２２）。所定のイベントハンドラが含まれれば（Ｓ２２のＹ）、そのタグに関連するオブジェクトの情報を取り出し、オブジェクト格納部１１６に格納する（Ｓ２４）。所定のイベントハンドラが含まれていなければ（Ｓ２２のＮ）、Ｓ２４をスキップする。ＨＴＭＬファイルの最終行に達していなければ（Ｓ２６のＮ）、ＨＴＭＬファイルから次のタグ構文を検索する。
【００４２】
図６および図７で説明したフローチャートによってオブジェクトが抽出される例を説明する。図２のＨＴＭＬファイル５０において、ハイパーリンク抽出部１０４がアンカータグ<a hrefを検索する。この結果、２３行目の「テキスト」オブジェクト、３２行目のid="sub1"で示される「サブ１」オブジェクト、３３行目のid="sub2"で示される「サブ２」オブジェクト、３４行目のid="sub3"で示される「サブ３」オブジェクト、および４０行目のイメージオブジェクトが抽出される。各オブジェクトにはそれぞれＵＲＬが関連づけられている。
【００４３】
イベントハンドラ抽出部１０６は、ＨＴＭＬファイル５０において、図５で示した所定のイベントハンドラを検出する。この結果、２６行目の"onmouseover"イベントハンドラと２７行目の"onmouseout"イベントハンドラが検出される。これらのイベントハンドラに対応するのは、２５行目のid="topmenu"で指定されるブロック要素のオブジェクトである。
【００４４】
図８は、図２のＨＴＭＬファイル５０が最初に読み込まれ、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６によって上述のようにしてオブジェクトが抽出された後に、オブジェクト格納部１１６に格納されているオブジェクト情報を示す。図中の行２０２はオブジェクトｉｄを表し、行２０４はオブジェクトの始点位置を表し、行２０６はオブジェクトサイズを表している。
【００４５】
ところで、ＨＴＭＬファイル５０の３１行目には、<div id="submenu" class="submenu-off">と記述されているが、これはブロック要素オブジェクトであるid="submenu"に"submenu-off"というスタイルが指定されていることを意味する。"submenu-off"のスタイルは１５行目以下に定義されており、プロパティdisplayにnoneが指定されている。これは、非表示の指定を意味している。したがって、id="submenu"に内包されるオブジェクト、すなわち３２行目から３４行目に記述されているオブジェクトid="sub1"、id="sub2"、id="sub3"は、初期状態ではディスプレイ画面に表示されない。これらのオブジェクトは、id="topmenu"で指定されるブロック要素オブジェクトでonMouseoevrイベントが発生したときに初めて表示される。
【００４６】
これに対応して、図８において、これら三つのオブジェクトのサイズはいずれも（０，０）となっている。
【００４７】
続いて、フォーカス移動時のウェブページの表示態様の変化について説明する。
【００４８】
図９（ａ）〜（ｆ）は、本発明の一実施形態に係るウェブページ表示装置１００によって表示されるウェブページの画面遷移例を示す図である。
【００４９】
図９（ａ）は、図３（ａ）と同様にＨＴＭＬファイル５０を読み込んだ直後の表示である。オブジェクト格納部１１６に格納されているオブジェクトのうち先頭の「テキスト」オブジェクト３０２にフォーカスＦが表示されている。ユーザからフォーカス移動の指示が与えられると、フォーカス制御部１１４は、オブジェクト格納部１１６の中から次のオブジェクトであるid="topnemu"を選択し、図１０（ｂ）に示すように、レンダリング部１１０が「メニュー」オブジェクト３０４にフォーカスＦを表示する。
【００５０】
フォーカス制御部１１４は、フォーカスしたオブジェクトの情報をファイル解析部１０２にも渡す。スクリプト実行部１０８は、フォーカスの移動したメニューオブジェクト３０４にポインタが移動したイベントが発生したものとして、関連づけられたイベントハンドラを実行する。
【００５１】
図２のＨＴＭＬファイルの２６行目を参照すると、id="topnemu"で指定されるオブジェクトには、onmouseoverイベントハンドラが記載されている。このイベントハンドラには、id="subnemu"で指定されたオブジェクトのClassnameを、"submenu-on"に変更する処理が記述されている。"submenu-on"のスタイルは、ＨＴＭＬファイル５０の１２行目において、プロパティdisplayにblockを指定してブロックレベルで表示することが定義されている。この結果、id="subnemu"の<div>〜</div>で指定されたブロック要素オブジェクトが表示に変更され、内包されるオブジェクト、すなわち、３２〜３４行目で指定されている各オブジェクトが表示状態に変更される。この結果、図１０（ｃ）に示すように、メニューオブジェクト３０４の下方に「サブ１」「サブ２」「サブ３」のオブジェクトが表示される。このとき、フォーカスはid="topnemu"で指定される「メニュー」オブジェクトにあるので、メニュー全体がフォーカスされた状態で表示される。
【００５２】
スクリプト実行部１０８によってイベントハンドラが実行された場合、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６は、再びオブジェクトを抽出してそのオブジェクト情報をオブジェクト格納部１１６に格納する。
【００５３】
図１０は、スクリプト実行部１０８によってイベントハンドラが実行された後にオブジェクト格納部１１６内に格納されているオブジェクト情報を示す表２００’である。上述のように、オブジェクト"sub1"、"sub2"、"sub3"が表示状態に更新されたので、図８に示した表２００と比べて、これらのオブジェクトの始点位置およびオブジェクトサイズが変更されていることが分かる。また、id="topnemu"で指定されるオブジェクトについても、内包するオブジェクトが表示状態となったので、オブジェクトサイズが（１５０，２５）から（１５０，１００）に拡大されていることが分かる。
【００５４】
図９（ｃ）の状態で、ユーザからさらに移動指示がなされると、フォーカス制御部１１４はオブジェクト格納部１１６から次のフォーカス対象のオブジェクトid="sub1"を選択する。この結果、図９（ｄ）に示すように、「サブ１」にフォーカスＦが表示された状態になる。同様にして、ユーザからさらに移動指示がなされると、id="sub2"、id="sub3"に対応する「サブ２」「サブ３」の順でフォーカスＦが移動していく（図９（ｅ）、（ｆ））。このように、ユーザは、方向指示ボタンしかないような端末においても、onMouseoevrイベントによって表示されるドロップダウンメニュー３１０を選択することができる。
【００５５】
以上説明したように、本実施形態に係るウェブページ表示装置によれば、携帯端末等におけるウェブブラウザの操作性を改善することができる。具体的には、本実施形態に係るウェブページ表示装置は、ハイパーリンクが設定されたオブジェクトを抽出するだけでなく、イベントハンドラが設定されたオブジェクトをも抽出し、これら両方のオブジェクトをフォーカス移動の対象とすることができる。また、フォーカス時にそのオブジェクトに設定されたイベントハンドラに関連するスクリプトを実行するようにしたので、マウスポインタの操作時と同様に、onMouseoevrイベントなどに対応する表示をブラウザ上で行うことが可能になる。
【００５６】
以上、いくつかの実施形態をもとに本発明を説明した。この実施例は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【符号の説明】
【００５７】
５０ ＨＴＭＬファイル、 １００ ウェブページ表示装置、 １０２ ファイル解析部、 １０４ ハイパーリンク抽出部、 １０６ イベントハンドラ抽出部、 １０８ スクリプト実行部、 １１０ レンダリング部、 １１２ 操作入力受信部、 １１４ フォーカス制御部、 １１６ オブジェクト格納部、 １１８ 通信制御部、 １２０ ディスプレイ。
【技術分野】
【０００１】
本発明は、ウェブページの操作性を向上させる技術に関する。
【背景技術】
【０００２】
ウェブページを閲覧するためのブラウザは、パーソナルコンピュータ（ＰＣ）のみならず、携帯電話、ゲーム機、デジタルテレビなどの様々な電子機器に搭載されている。ウェブページの多くは、マウス等の、ポインタを任意の位置に移動できる入力デバイスが接続されたＰＣを用いて閲覧されることが前提となっている。そのため、携帯電話やデジタルテレビなどのＰＣ以外の電子機器でウェブページを閲覧する場合、電子機器やそのリモートコントローラに設けられたボタンだけではウェブページに対する操作がうまくいかないことがある。そのため、従来のブラウザには、カーソルキーやＴａｂキーなどの特定のキー操作に応じて、ハイパーリンクが設定されたオブジェクトに順次フォーカスを移動させる機能が備えられている。
【０００３】
また、特許文献１には、ＨＴＭＬファイルからアンカータグを検出し、アンカータグの検出順に例えば１〜１０までの操作用の数字を付与してアンカーの近傍にその数字を表示するＷｅｂブラウザの操作方法が開示されている。これによると、ユーザは、操作を所望するアンカーの近傍の数字に該当するリモートコントローラの数字キーを押すことで、当該アンカーを操作することが可能になる。
【先行技術文献】
【特許文献】
【０００４】
【特許文献１】特開２００９−１６９８８３号公報
【発明の概要】
【発明が解決しようとする課題】
【０００５】
最近のウェブページでは、ＣＳＳ（Cascading Style Sheet）とJavaScript（登録商標）を用いて、クライアント側でウェブページの表示内容を動的に変更するダイナミックＨＴＭＬ（ＤＨＴＭＬ）を使用したものが多い。一例として、あるオブジェクトにマウスポインタを重ねたときにイベント（「onMouseoevr」）を発生させるイベントハンドラを設定し、このイベントハンドラに関連づけられたJavaScriptをクライアント側で実行させることができる。これにより、例えばあるオブジェクトにマウスポインタを重ねることで当初は非表示であったオブジェクトをブラウザ上に表示させたり、フォントの色やオブジェクトのサイズを変更したりすることが可能になる。
【０００６】
しかしながら、イベントハンドラが設定されたオブジェクトにハイパーリンクが設定されていないと、上述したハイパーリンク付きのオブジェクトを順次フォーカスしていく方式では、このようなオブジェクトにフォーカスを移動させることができず、したがってイベントも発生させることができないという問題があった。
【０００７】
本発明はこうした状況に鑑みてなされたものであり、その目的は、順次フォーカス機能を備えるブラウザにおいて、ハイパーリンクの設定されていないオブジェクトのうち、イベントハンドラが設定されているオブジェクトについてもフォーカスを移動させることができるようにする技術を提供することにある。
【課題を解決するための手段】
【０００８】
本発明の一態様は、ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置である。この装置は、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出するハイパーリンク抽出部と、前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出するイベントハンドラ抽出部と、前記ハイパーリンク抽出部および前記イベントハンドラ抽出部によって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納するオブジェクト格納部と、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択するフォーカス制御部と、前記フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、該イベントハンドラに関連づけられたスクリプトを実行するスクリプト実行部と、を備える。
【０００９】
この態様によると、ハイパーリンクが設定されたオブジェクトを抽出するだけでなく、イベントハンドラが設定されたオブジェクトをも抽出し、これら両方のオブジェクトをフォーカス移動の対象とすることができる。また、フォーカス時にそのオブジェクトに設定されたイベントハンドラに関連するスクリプトを実行するようにしたので、マウスポインタの操作時と同様の操作が可能になる。
なお、「文書ファイル」とは、マークアップ言語で記述されたＨＴＭＬファイルやＸＭＬファイルなどを含む。
【００１０】
本発明の別の態様は、ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置におけるフォーカス制御方法である。この方法は、前記ウェブページ表示装置が、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出し、前記ウェブページ表示装置が前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出し、前記ウェブページ表示装置が、前記抽出ステップによって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報をメモリに格納し、前記ウェブページ表示装置が、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択し、選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、前記ウェブページ表示装置が前記イベントハンドラに関連づけられたスクリプトを実行することを含む。
【００１１】
なお、以上の構成要素の任意の組合せ、本発明の表現を方法、装置、システム、記録媒体、コンピュータプログラムなどの間で変換したものもまた、本発明の態様として有効である。
【発明の効果】
【００１２】
本発明によれば、順次フォーカス機能を備えるブラウザにおいて、ハイパーリンクの設定されていないオブジェクトのうち、イベントハンドラが設定されているオブジェクトについてもフォーカスを移動させることができる。
【図面の簡単な説明】
【００１３】
【図１】本発明の一実施形態に係るウェブページ表示装置を利用してウェブページを表示する様子を示す図である。
【図２】ウェブページ表示装置により解釈されディスプレイにレンダリングされるウェブページのＨＴＭＬファイルの一例を示す図である。
【図３】（ａ）、（ｂ）は、図２のＨＴＭＬファイルに基づき、従来のブラウザによってレンダリングされるウェブページの例を示す図である。
【図４】ウェブページ表示装置の構成を示す図である。
【図５】イベントハンドラ抽出部による抽出の対象となるイベントハンドラの一例を示す表である。
【図６】ハイパーリンク抽出部によるオブジェクトの抽出を説明するフローチャートである。
【図７】イベントハンドラ抽出部によるオブジェクトの抽出を説明するフローチャートである。
【図８】オブジェクト格納部に格納されているオブジェクト情報を示す表である。
【図９】（ａ）〜（ｆ）は、ウェブページ表示装置によってフォーカス移動される様子を説明する図である。
【図１０】イベントハンドラが実行された後にオブジェクト格納部内に格納されているオブジェクト情報を示す表である。
【発明を実施するための形態】
【００１４】
図１は、本発明の一実施形態に係るウェブページ表示装置１００を利用してウェブページを表示する様子を示す図である。図１では、ゲーム機などのウェブページ表示装置１００にデジタルテレビなどのディスプレイ１２０を接続する例を示している。ユーザは、テレビ用のリモートコントローラ２２上の方向指示ボタンなどを使用して、ディスプレイ上に表示されるウェブページを操作する。
【００１５】
ウェブページ表示装置１００は、ユーザの操作に応答してインターネット等のネットワーク２４を介してＵＲＬ（Uniform Resource Locator）で特定されるサーバ２０にアクセスし、ウェブページを構成する文書ファイルを取得する。
【００１６】
なお、ウェブページ表示装置１００は、デジタルテレビ、携帯電話、ＰＤＡ（Personal Digital Assistant）などの携帯移動端末、カーナビゲーションシステム等のように、マウス、トラックボールまたはタッチパネル等のディスプレイ上の任意の位置にポインタを移動させる入力デバイスを持たない電子機器であってもよい。例えばウェブページ表示装置がデジタルテレビまたは携帯電話である場合、ディスプレイ１２０とウェブページ表示装置１００とが単一の筐体内に一体化されていてもよい。また、ウェブページ表示装置が携帯電話またはカーナビゲーションシステムである場合、リモートコントローラ２２の代わりに、方向指示ボタンがウェブページ表示装置と一体化されていてもよい。
【００１７】
図２は、ウェブページ表示装置１００で解釈されディスプレイにレンダリングされるＨＴＭＬファイル５０の一例を示す図である。図３（ａ）、（ｂ）は、図２のＨＴＭＬファイル５０に基づき、従来のブラウザによってレンダリングされるウェブページの例を示す図である。
【００１８】
ポインタを画面上の任意の位置に移動させるマウス等のデバイスがウェブページ表示装置に接続されていない場合のために、従来のブラウザは、カーソルキーやＴａｂキーなどの操作に応じて、ハイパーリンクが設定されているオブジェクト間で順次フォーカスを移動させる機能（以下、「順次フォーカス機能」と呼ぶ）を有している。
【００１９】
図３（ａ）では、「テキスト」オブジェクト３０２と「イメージ」オブジェクト３０６にそれぞれハイパーリンクが設定されている。したがって、「テキスト」オブジェクト３０２にフォーカスＦが表示されている状態で、ユーザによりＴａｂキーまたは下方向のキーが操作されると、図３（ｂ）に示すように、ハイパーリンクの設定されていない「メニュー」オブジェクト３０４を飛ばして「イメージ」オブジェクト３０６にフォーカスが移動してしまうという問題がある。
【００２０】
また、図２のＨＴＭＬファイル５０の２６行目から分かるように、「メニュー」オブジェクト３０４にはonMouseoevrイベントハンドラが設定されている。マウス等を使用できれば、「メニュー」オブジェクト３０４上にポインタを移動させた時点で、３１〜３４行目で表されるサブメニューが表示されるように構成されている。しかしながら、カーソルキー等を用いてフォーカスを移動させる場合は、「メニュー」オブジェクト３０４にフォーカスが移動しないので、このようなサブメニューを画面上に表示することができないという問題もある。
【００２１】
そこで、本実施形態では、ハイパーリンクが設定されていないがイベントハンドラが設定されているオブジェクトについても、カーソルキーによるフォーカスの移動時にもフォーカス対象となるようにする技術を提供する。
【００２２】
図４は、本発明の一実施形態に係るウェブページ表示装置１００の構成を示す図である。この構成は、ハードウエア的には、任意のコンピュータのＣＰＵ、メモリ、その他のＬＳＩで実現でき、ソフトウエア的にはメモリにロードされたプログラムなどによって実現されるが、ここではそれらの連携によって実現される機能ブロックを描いている。したがって、これらの機能ブロックがハードウエアのみ、ソフトウエアのみ、またはそれらの組合せによっていろいろな形で実現できることは、当業者には理解されるところである。
【００２３】
本実施形態のウェブページ表示装置は、周知のブラウザプログラムの一部として実装されることが好ましい。したがって、図４に明示されていない機能であっても、一般のブラウザプログラムが備えている機能は当然に有しているものとする。
【００２４】
通信制御部１１８は、ＵＲＬの入力、検索サイトにおける検索結果の選択、ハイパーリンクの選択などのユーザの操作に応じて、インターネット等のネットワーク２４を介して指定されたウェブサーバ２０にアクセスし、対応する文書ファイルを取得する。文書ファイルは、ＳＧＭＬ(Standard Generalized Markup Language)、ＨＴＭＬ(HyperText Markup Language)、ＸＭＬ(eXtensible Markup Language)などのマークアップ言語で記述されている。文書ファイルにＪａｖａスクリプトなどのスクリプト言語が含まれていてもよい。また、文書ファイルとともに関連するＣＳＳが取得されてもよい。取得された文書ファイルは、ファイル解析部１０２に送られる。なお、以下では、主に文書ファイルがＨＴＭＬファイルであるとして説明する。
【００２５】
ファイル解析部１０２は、取得された文書ファイルを解析し、ウェブページの描画に必要な情報をレンダリング部１１０に送る。ファイル解析部１０２は、ハイパーリンク抽出部１０４、イベントハンドラ抽出部１０６およびスクリプト実行部１０８を含む。
【００２６】
ハイパーリンク抽出部１０４は、文書ファイルの中からハイパーリンクの設定されたオブジェクトを抽出する。具体的には、ハイパーリンク抽出部１０４は、アンカータグ<a hrefを検索することで、ハイパーリンクの設定されたオブジェクトを抽出する。
【００２７】
イベントハンドラ抽出部１０６は、文書ファイルの中からイベントハンドラの設定されたオブジェクトを抽出する。具体的には、イベントハンドラ抽出部１０６は、予め指定されたイベントハンドラを検索することで、イベントハンドラの設定されたオブジェクトを抽出する。
【００２８】
図５は、イベントハンドラ抽出部１０６による抽出の対象となるイベントハンドラの一例２２０を示す表である。図中、行２２２はイベントハンドラ名を表し、行２２４は対象となるイベントの発生タイミングの説明である。本実施形態では、オブジェクトに対するマウス操作イベントが対象になる。
【００２９】
図４に戻り、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６は、それぞれ抽出したオブジェクトについての情報をオブジェクト格納部１１６に格納する。オブジェクト情報には、抽出されたオブジェクトのＩＤ、始点位置およびサイズが少なくとも含まれる。これらのオブジェクト情報は、文書ファイルに含まれていてもよいし、ＣＳＳに含まれていてもよい。
【００３０】
スクリプト実行部１０８は、イベントハンドラが設定されたオブジェクトにフォーカスが移動したときに、当該オブジェクトにポインタがあるものとしてイベントを発生させる。さらに、図５に示したイベントハンドラに対応するイベントが発生した場合には、イベントハンドラに関連づけられたJavaScriptを実行する。
【００３１】
より具体的に説明すると、オブジェクトにフォーカスが移動した時点で、スクリプト実行部はonmouseoverイベントを発生させる。そのオブジェクトから別のオブジェクトにフォーカスが移動した時点で、スクリプト実行部はonmouseoutイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスのボタンを押す操作がなされたときに、スクリプト実行部はonmousedownイベントを発止させ、引き続きマウスのボタンを放す操作がなされたときに、スクリプト実行部はonmouseupイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスクリックに対応するキー操作がなされたときに、スクリプト実行部はonclickイベントを発生させる。オブジェクトにフォーカスが移動しているときにマウスのダブルクリックに対応するキー操作がなされたときに、スクリプト実行部はondblclickイベントを発生させる。
【００３２】
操作入力受信部１１２は、リモートコントローラ上またはウェブページ表示装置上で操作された方向指示ボタンの操作入力を受け取る。操作入力受信部１１２は、受信した方向ボタンの情報をフォーカス制御部１１４に送る。
【００３３】
フォーカス制御部１１４は、方向ボタンの操作に対応して、ウェブページ内のオブジェクト間でフォーカスを移動させる。すなわち、フォーカス制御部１１４は、オブジェクト格納部１１６に格納されている抽出されたオブジェクト情報を取得し、現在フォーカスが置かれたオブジェクトから方向ボタンに対応する方向で最も距離が近いオブジェクトを、次にフォーカスを移動させるべきオブジェクトとして選択する。フォーカス制御部１１４は、選択したオブジェクトのオブジェクト情報をファイル解析部１０２およびレンダリング部１１０に送る。但し、後述するようにオブジェクト格納部１１６内でオブジェクトサイズが（０，０）であるオブジェクト、すなわちその時点で画像表示されていないオブジェクトについては、フォーカスの対象としない。
【００３４】
このように、本実施形態では、イベントハンドラ抽出部１０６によって抽出されたオブジェクトについても、フォーカス制御部１１４によってフォーカスの配置対象とされる。したがって、従来のブラウザとは異なり、ハイパーリンクの設定されたオブジェクト以外にイベントハンドラが設定されたオブジェクトにもフォーカスが移動されるようになる。
【００３５】
レンダリング部１１０は、ファイル解析部１０２による文書ファイルの解析結果にしたがってウェブページをレンダリングし、ディスプレイ１２０に出力する。また、レンダリング部１１０は、フォーカス制御部１１４から受け取るオブジェクト情報に基づき、オブジェクトがフォーカスされていることを表す強調表示を施した上でレンダリングする。本実施形態では、この強調表示はオブジェクトの周りを囲む黒い正方形として表されている。しかしながら、他の表示態様でフォーカスを表してもよい。例えば、オブジェクトを構成する文字を反転表示したり、文字の背景の色を変えるなどしてフォーカスを表してもよい。
【００３６】
フォーカス制御部１１４によってイベントハンドラを含むオブジェクトがフォーカス対象として選択された場合、フォーカス制御部１１４はこのオブジェクトのオブジェクト情報をファイル解析部１０２内のスクリプト実行部１０８にも通知する。この通知に応じて、スクリプト実行部１０８は、フォーカス対象として選択されたオブジェクトのイベントを発生させる。また、関連するJavaScriptがあれば、それを実行する。この実行に対応するウェブページの変化がファイル解析部１０２によって再び解析され、レンダリング部１１０に解析結果が送られる。これに応じて、レンダリング部１１０はウェブページを更新する。
【００３７】
また、JavaScriptの実行によって表示すべきオブジェクトが変更された場合には、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６が再度、文書ファイルを検索してそれぞれオブジェクトを抽出する。そして、抽出されたオブジェクトに関するオブジェクト情報をオブジェクト格納部１１６に格納する。このようにして、ウェブページ上でのイベント発生に応じて表示されるオブジェクトについても、随時抽出することができる。
【００３８】
以下、ウェブページ表示装置１００の作用について説明する。
【００３９】
通信制御部１１８によって図２のＨＴＭＬファイル５０が読み込まれると、ファイル解析部１０２のハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６が、ＨＴＭＬファイル５０からフォーカスすべきオブジェクトをそれぞれ抽出する。
【００４０】
図６は、ハイパーリンク抽出部１０４によるオブジェクトの抽出を説明するフローチャートである。まず、ハイパーリンク抽出部１０４は、ＨＴＭＬファイル内で先頭からアンカータグを検索する（Ｓ１０）。アンカータグが検出されると、ハイパーリンク抽出部１０４は、そのタグ構文内にハイパーリンクが含まれるか否かを判定する（Ｓ１２）。ハイパーリンクが含まれれば（Ｓ１２のＹ）、そのアンカータグに関連するオブジェクトの情報を取り出し、オブジェクト格納部１１６に格納する（Ｓ１４）。ハイパーリンクが含まれていなければ（Ｓ１２のＮ）、Ｓ１４をスキップする。ＨＴＭＬファイルの最終行に達していなければ（Ｓ１６のＮ）、ＨＴＭＬファイルから次のアンカータグを検索する。
【００４１】
図７は、イベントハンドラ抽出部１０６によるオブジェクトの抽出を表すフローチャートである。まず、イベントハンドラ抽出部１０６は、ＨＴＭＬファイル内で先頭からタグを検索する（Ｓ２０）。タグが検出されると、イベントハンドラ抽出部１０６は、そのタグ構文内に所定のイベントハンドラが含まれるか否かを判定する（Ｓ２２）。所定のイベントハンドラが含まれれば（Ｓ２２のＹ）、そのタグに関連するオブジェクトの情報を取り出し、オブジェクト格納部１１６に格納する（Ｓ２４）。所定のイベントハンドラが含まれていなければ（Ｓ２２のＮ）、Ｓ２４をスキップする。ＨＴＭＬファイルの最終行に達していなければ（Ｓ２６のＮ）、ＨＴＭＬファイルから次のタグ構文を検索する。
【００４２】
図６および図７で説明したフローチャートによってオブジェクトが抽出される例を説明する。図２のＨＴＭＬファイル５０において、ハイパーリンク抽出部１０４がアンカータグ<a hrefを検索する。この結果、２３行目の「テキスト」オブジェクト、３２行目のid="sub1"で示される「サブ１」オブジェクト、３３行目のid="sub2"で示される「サブ２」オブジェクト、３４行目のid="sub3"で示される「サブ３」オブジェクト、および４０行目のイメージオブジェクトが抽出される。各オブジェクトにはそれぞれＵＲＬが関連づけられている。
【００４３】
イベントハンドラ抽出部１０６は、ＨＴＭＬファイル５０において、図５で示した所定のイベントハンドラを検出する。この結果、２６行目の"onmouseover"イベントハンドラと２７行目の"onmouseout"イベントハンドラが検出される。これらのイベントハンドラに対応するのは、２５行目のid="topmenu"で指定されるブロック要素のオブジェクトである。
【００４４】
図８は、図２のＨＴＭＬファイル５０が最初に読み込まれ、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６によって上述のようにしてオブジェクトが抽出された後に、オブジェクト格納部１１６に格納されているオブジェクト情報を示す。図中の行２０２はオブジェクトｉｄを表し、行２０４はオブジェクトの始点位置を表し、行２０６はオブジェクトサイズを表している。
【００４５】
ところで、ＨＴＭＬファイル５０の３１行目には、<div id="submenu" class="submenu-off">と記述されているが、これはブロック要素オブジェクトであるid="submenu"に"submenu-off"というスタイルが指定されていることを意味する。"submenu-off"のスタイルは１５行目以下に定義されており、プロパティdisplayにnoneが指定されている。これは、非表示の指定を意味している。したがって、id="submenu"に内包されるオブジェクト、すなわち３２行目から３４行目に記述されているオブジェクトid="sub1"、id="sub2"、id="sub3"は、初期状態ではディスプレイ画面に表示されない。これらのオブジェクトは、id="topmenu"で指定されるブロック要素オブジェクトでonMouseoevrイベントが発生したときに初めて表示される。
【００４６】
これに対応して、図８において、これら三つのオブジェクトのサイズはいずれも（０，０）となっている。
【００４７】
続いて、フォーカス移動時のウェブページの表示態様の変化について説明する。
【００４８】
図９（ａ）〜（ｆ）は、本発明の一実施形態に係るウェブページ表示装置１００によって表示されるウェブページの画面遷移例を示す図である。
【００４９】
図９（ａ）は、図３（ａ）と同様にＨＴＭＬファイル５０を読み込んだ直後の表示である。オブジェクト格納部１１６に格納されているオブジェクトのうち先頭の「テキスト」オブジェクト３０２にフォーカスＦが表示されている。ユーザからフォーカス移動の指示が与えられると、フォーカス制御部１１４は、オブジェクト格納部１１６の中から次のオブジェクトであるid="topnemu"を選択し、図１０（ｂ）に示すように、レンダリング部１１０が「メニュー」オブジェクト３０４にフォーカスＦを表示する。
【００５０】
フォーカス制御部１１４は、フォーカスしたオブジェクトの情報をファイル解析部１０２にも渡す。スクリプト実行部１０８は、フォーカスの移動したメニューオブジェクト３０４にポインタが移動したイベントが発生したものとして、関連づけられたイベントハンドラを実行する。
【００５１】
図２のＨＴＭＬファイルの２６行目を参照すると、id="topnemu"で指定されるオブジェクトには、onmouseoverイベントハンドラが記載されている。このイベントハンドラには、id="subnemu"で指定されたオブジェクトのClassnameを、"submenu-on"に変更する処理が記述されている。"submenu-on"のスタイルは、ＨＴＭＬファイル５０の１２行目において、プロパティdisplayにblockを指定してブロックレベルで表示することが定義されている。この結果、id="subnemu"の<div>〜</div>で指定されたブロック要素オブジェクトが表示に変更され、内包されるオブジェクト、すなわち、３２〜３４行目で指定されている各オブジェクトが表示状態に変更される。この結果、図１０（ｃ）に示すように、メニューオブジェクト３０４の下方に「サブ１」「サブ２」「サブ３」のオブジェクトが表示される。このとき、フォーカスはid="topnemu"で指定される「メニュー」オブジェクトにあるので、メニュー全体がフォーカスされた状態で表示される。
【００５２】
スクリプト実行部１０８によってイベントハンドラが実行された場合、ハイパーリンク抽出部１０４およびイベントハンドラ抽出部１０６は、再びオブジェクトを抽出してそのオブジェクト情報をオブジェクト格納部１１６に格納する。
【００５３】
図１０は、スクリプト実行部１０８によってイベントハンドラが実行された後にオブジェクト格納部１１６内に格納されているオブジェクト情報を示す表２００’である。上述のように、オブジェクト"sub1"、"sub2"、"sub3"が表示状態に更新されたので、図８に示した表２００と比べて、これらのオブジェクトの始点位置およびオブジェクトサイズが変更されていることが分かる。また、id="topnemu"で指定されるオブジェクトについても、内包するオブジェクトが表示状態となったので、オブジェクトサイズが（１５０，２５）から（１５０，１００）に拡大されていることが分かる。
【００５４】
図９（ｃ）の状態で、ユーザからさらに移動指示がなされると、フォーカス制御部１１４はオブジェクト格納部１１６から次のフォーカス対象のオブジェクトid="sub1"を選択する。この結果、図９（ｄ）に示すように、「サブ１」にフォーカスＦが表示された状態になる。同様にして、ユーザからさらに移動指示がなされると、id="sub2"、id="sub3"に対応する「サブ２」「サブ３」の順でフォーカスＦが移動していく（図９（ｅ）、（ｆ））。このように、ユーザは、方向指示ボタンしかないような端末においても、onMouseoevrイベントによって表示されるドロップダウンメニュー３１０を選択することができる。
【００５５】
以上説明したように、本実施形態に係るウェブページ表示装置によれば、携帯端末等におけるウェブブラウザの操作性を改善することができる。具体的には、本実施形態に係るウェブページ表示装置は、ハイパーリンクが設定されたオブジェクトを抽出するだけでなく、イベントハンドラが設定されたオブジェクトをも抽出し、これら両方のオブジェクトをフォーカス移動の対象とすることができる。また、フォーカス時にそのオブジェクトに設定されたイベントハンドラに関連するスクリプトを実行するようにしたので、マウスポインタの操作時と同様に、onMouseoevrイベントなどに対応する表示をブラウザ上で行うことが可能になる。
【００５６】
以上、いくつかの実施形態をもとに本発明を説明した。この実施例は例示であり、それらの各構成要素や各処理プロセスの組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。
【符号の説明】
【００５７】
５０ ＨＴＭＬファイル、 １００ ウェブページ表示装置、 １０２ ファイル解析部、 １０４ ハイパーリンク抽出部、 １０６ イベントハンドラ抽出部、 １０８ スクリプト実行部、 １１０ レンダリング部、 １１２ 操作入力受信部、 １１４ フォーカス制御部、 １１６ オブジェクト格納部、 １１８ 通信制御部、 １２０ ディスプレイ。
【特許請求の範囲】
【請求項１】
ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置において、
前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出するハイパーリンク抽出部と、
前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出するイベントハンドラ抽出部と、
前記ハイパーリンク抽出部および前記イベントハンドラ抽出部によって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納するオブジェクト格納部と、
ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択するフォーカス制御部と、
前記フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、該イベントハンドラに関連づけられたスクリプトを実行するスクリプト実行部と、
を備えることを特徴とするウェブページ表示装置。
【請求項２】
前記フォーカス制御部は、前記オブジェクト格納部に格納されているオブジェクト情報を参照し、現在フォーカス表示されているオブジェクトから最も距離の近いオブジェクトを次にフォーカス表示すべきオブジェクトとして選択することを特徴とする請求項１に記載のウェブページ表示装置。
【請求項３】
方向入力キーを有する操作部をさらに備えることを特徴とする請求項１または２に記載のウェブページ表示装置。
【請求項４】
ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置におけるフォーカス制御方法であって、
前記ウェブページ表示装置が、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出し、
前記ウェブページ表示装置が前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出し、
前記ウェブページ表示装置が、前記抽出ステップによって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報をメモリに格納し、
前記ウェブページ表示装置が、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択し、
選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、前記ウェブページ表示装置が前記イベントハンドラに関連づけられたスクリプトを実行することを含むフォーカス制御方法。
【請求項１】
ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置において、
前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出するハイパーリンク抽出部と、
前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出するイベントハンドラ抽出部と、
前記ハイパーリンク抽出部および前記イベントハンドラ抽出部によって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報を格納するオブジェクト格納部と、
ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択するフォーカス制御部と、
前記フォーカス制御部によって選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、該イベントハンドラに関連づけられたスクリプトを実行するスクリプト実行部と、
を備えることを特徴とするウェブページ表示装置。
【請求項２】
前記フォーカス制御部は、前記オブジェクト格納部に格納されているオブジェクト情報を参照し、現在フォーカス表示されているオブジェクトから最も距離の近いオブジェクトを次にフォーカス表示すべきオブジェクトとして選択することを特徴とする請求項１に記載のウェブページ表示装置。
【請求項３】
方向入力キーを有する操作部をさらに備えることを特徴とする請求項１または２に記載のウェブページ表示装置。
【請求項４】
ウェブページをレンダリングしてディスプレイに出力するウェブページ表示装置におけるフォーカス制御方法であって、
前記ウェブページ表示装置が、前記ウェブページを構成する文書ファイルからハイパーリンクを含むオブジェクトを抽出し、
前記ウェブページ表示装置が前記文書ファイルから所定のイベントハンドラを含むオブジェクトを抽出し、
前記ウェブページ表示装置が、前記抽出ステップによって抽出されたオブジェクトの前記ウェブページ上での配置に関する情報を少なくとも含むオブジェクト情報をメモリに格納し、
前記ウェブページ表示装置が、ユーザによる方向操作入力に応じて、前記ウェブページ上でフォーカス表示すべきオブジェクトを選択し、
選択されたオブジェクトがイベントハンドラを含むオブジェクトである場合、前記ウェブページ表示装置が前記イベントハンドラに関連づけられたスクリプトを実行することを含むフォーカス制御方法。
【図１】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【図２】
【図３】
【図４】
【図５】
【図６】
【図７】
【図８】
【図９】
【図１０】
【公開番号】特開２０１２−１７３９４６（Ｐ２０１２−１７３９４６Ａ）
【公開日】平成２４年９月１０日（２０１２．９．１０）
【国際特許分類】
【出願番号】特願２０１１−３４６７１（Ｐ２０１１−３４６７１）
【出願日】平成２３年２月２１日（２０１１．２．２１）
【公序良俗違反の表示】
（特許庁注：以下のものは登録商標）
１．ＪＡＶＡ
【出願人】（３０８０３６４０２）株式会社ＪＶＣケンウッド (1,152)
【Ｆターム（参考）】
【公開日】平成２４年９月１０日（２０１２．９．１０）
【国際特許分類】
【出願日】平成２３年２月２１日（２０１１．２．２１）
【公序良俗違反の表示】
（特許庁注：以下のものは登録商標）
１．ＪＡＶＡ
【出願人】（３０８０３６４０２）株式会社ＪＶＣケンウッド (1,152)
【Ｆターム（参考）】
[ Back to top ]