專利名稱：用于計(jì)算機(jī)屏幕上數(shù)據(jù)顯示和輸入窗口的可視化生成的動(dòng)態(tài)方法
技術(shù)領(lǐng)域：
本發(fā)明涉及用于從與計(jì)算機(jī)或任何類似設(shè)備相連的屏幕顯示和 收集信息的圖形界面。更具體地說，它描述了一種方法，用于動(dòng)態(tài)地使顯示和數(shù)據(jù)收集域(field)與對(duì)用戶特定的特殊環(huán)境特征相適應(yīng)， 以及與后者所執(zhí)行的選擇和修改相適應(yīng)，如顯示窗口的寬度或所選擇 的用來與選中軟件應(yīng)用程序進(jìn)行對(duì)話的語言。
背景技術(shù)：
隨著互聯(lián)網(wǎng)爆炸式的發(fā)展，考慮到其主要應(yīng)用，網(wǎng)絡(luò)或"萬維網(wǎng)" 以頁面的形式通過瀏覽器提供給用戶不斷增加的信息量，在很早期就 出現(xiàn)了在任何類型的計(jì)算機(jī)屏幕和種類不斷增加的類似設(shè)備上使這些 頁面可視化的問題。有^f艮多種屏幕類型，尤其是現(xiàn)在可訪問網(wǎng)絡(luò)的不 僅是固定的終端，如具有大的甚至很大的顯示屏的辦公計(jì)算機(jī)或工作 站，而且可以是便攜式計(jì)算機(jī)和設(shè)備，包括那些個(gè)人助理或者甚至是 所謂的多媒體無線電話，其顯示能力低得多。在網(wǎng)絡(luò)和互聯(lián)網(wǎng)的第一發(fā)展階段，用戶可訪問的頁面來自數(shù)量逐 漸增加的網(wǎng)站并由商業(yè)機(jī)構(gòu)、政府和各種其它機(jī)構(gòu)實(shí)現(xiàn)，包括專門機(jī) 構(gòu)，包含基本上靜態(tài)的信息，通常格式固定，適配于特定屏幕標(biāo)準(zhǔn)或 顯示窗口 ，如那些由一個(gè)或其它能夠在計(jì)算機(jī)屏幕上查詢和顯示這些 頁面的瀏覽器所生成的。當(dāng)前這些瀏覽器中最廣泛使用的被稱為"互聯(lián) 網(wǎng)瀏覽器(Internet Explorer )"，實(shí)際上被包含在由美國微軟公司發(fā) 布的Windows操作系統(tǒng)中。它是安裝在世界上大部分計(jì)算機(jī)中的操作 系統(tǒng)。然而，其它瀏覽器也被使用，尤其是美國網(wǎng)景通信公司的 Netscap，它獲得了較大成功，但在1990年代末喪失了其優(yōu)勢。Netscape 也創(chuàng)建了一個(gè)名為"Mozilla"的基金，其目的是促進(jìn)瀏覽器的發(fā)展，其 源代碼可免費(fèi)獲取，從而可以在團(tuán)體發(fā)展背景下被修改和重新發(fā)布。 一種新的名為Firefox的瀏覽器即直接源于它并且正逐步獲得成功。當(dāng)靜態(tài)頁面被顯示時(shí)，網(wǎng)站設(shè)計(jì)者為了用戶的利益有時(shí)能采取的 唯一措施是一條簡單的警告，指示如果用戶使用這個(gè)或那個(gè)瀏覽器并 且屏幕允許至少1024x768基本像素或顯示點(diǎn)的顯示窗口，被查詢的 頁面會(huì)更清楚地顯示。除了這個(gè)簡單的警告，近年來已有許多改進(jìn)為 每個(gè)互聯(lián)網(wǎng)網(wǎng)站用戶有效地提供最適合他/她的屏幕和所使用的窗口 尺寸的網(wǎng)頁格式。對(duì)于商業(yè)網(wǎng)站尤其如此，它們必須盡力保留其顧客， 無論他們使用的是什么設(shè)備和軟件。其它參數(shù)也必須仔細(xì)考慮。信息 的顯示語言對(duì)于銷售服務(wù)或商品的網(wǎng)站尤其重要。實(shí)際上，使用顧客 不懂的語言顯示信息會(huì)使交易無法進(jìn)行?？紤]到顯示時(shí)，使用幾種語 言的網(wǎng)站會(huì)造成如下問題， 一個(gè)文本從一種語言翻譯成另一種語言， 當(dāng)未使用表意符號(hào)時(shí)，使用的單詞數(shù)及這些單詞的字母數(shù)將有相當(dāng)大 的變化。此外，所有重要的商業(yè)網(wǎng)站，以及許多其它網(wǎng)站，不再滿足于顯 示信息，而是要求用戶詢問網(wǎng)站，它自身可以訪問數(shù)據(jù)庫。例如，當(dāng) 旅行社必須訪問國際級(jí)航空公司的時(shí)間表或預(yù)訂國際連鎖酒店時(shí)就是 這種情況。詢問這種網(wǎng)站的旅行社或個(gè)人必須能夠在世界的任何地方 用他或她懂的語言這樣做。在該示例中，顧客在要求他/她在網(wǎng)站上安 全的環(huán)境中傳送信用卡號(hào)對(duì)該交易付費(fèi)而完成"在線"交易之前，當(dāng)然 首先需要知道所有的時(shí)間表和特定航班的費(fèi)用。該信息由用戶在網(wǎng)站 目的文件以數(shù)字的形式輸入，其它方式有點(diǎn)擊按鈕、在窗口中輸入 文字、或從下拉列表中選擇。這些是與網(wǎng)站通信的方式，形成了將在 用戶屏幕上顯示的單元的一部分。取決于顧客具體想怎樣利用網(wǎng)站，他或她也可能會(huì)不想顯示某些 對(duì)他/她沒有用的單元(element)。這就涉及顯示窗口和數(shù)據(jù)收集額 外個(gè)性化的需要。為了獲取這些結(jié)果，已提出了很多解決方法，它們通常會(huì)給網(wǎng)站 帶來所有的困難和信息的復(fù)雜化。例如，對(duì)一給定網(wǎng)頁，可能從該網(wǎng) 站為該話題提供與被提供的不同顯示情形盡可能一樣多的變體，或者 至少是足夠的變體，以滿足或多或少所有的潛在用戶。對(duì)于伴隨由顧 客的瀏覽器到萬維網(wǎng)站的連接的初步交易，網(wǎng)站被設(shè)計(jì)為針對(duì)其顧客 的實(shí)際顯示能力能夠獲取足夠的信息。這樣該網(wǎng)站就可以選擇被請求 的網(wǎng)頁最可能的變體，它將可能滿足后者。該過程有很多缺點(diǎn)。其中最大的限制毫無疑問是網(wǎng)站的設(shè)計(jì)者必 須為盡可能多的顯示選項(xiàng)提供存儲(chǔ)，即模板(在英文技術(shù)文獻(xiàn)中關(guān)于 該主題的"模板，，)，因?yàn)橐獫M足所有網(wǎng)站用戶需要考慮組合情況?？?能將存儲(chǔ)大量的模板，這意味著必須更加費(fèi)力編碼來實(shí)現(xiàn)該網(wǎng)站，也 要求每個(gè)頁面的每個(gè)模板都被測試。另一個(gè)缺點(diǎn)在于，模板是在連接到網(wǎng)站時(shí)被選擇，那么如果用戶 決定改變顯示窗口，例如其寬度，如果沒有為此提供足夠的機(jī)制則無 法適應(yīng)。近來已提出更成熟的顯示方法，例如在提交給美國專利局(USPTO)的專利申請第2003/0222922號(hào)，2003年12月4日公開， 名為"Automatic Layout Generation (自動(dòng)版面生成)"中所說明的。 雖然遠(yuǎn)沒有上述模板方法那么嚴(yán)格，然而該專利申請的方法利用了描 述優(yōu)選的顯示布局的版面風(fēng)格，它指定了例如3列的顯示。然而，待 顯示的單元必須是標(biāo)準(zhǔn)寬度的倍數(shù)，并且被放置在其寬度允許的同一 行。該版面風(fēng)格根據(jù)顯示窗口的尺寸和標(biāo)準(zhǔn)寬度被選擇。這里太多版 面風(fēng)格必須被提供，并且必須在用戶環(huán)境中被測試。在相同的概念之下，另一種由于美學(xué)原因(待顯示的單元很好地 分布和排列)經(jīng)常使用的顯示技術(shù)是通過使用HTML語言"超文本標(biāo) 記語言，，(用于對(duì)網(wǎng)站頁面編碼的標(biāo)準(zhǔn)語言)的相應(yīng)標(biāo)記來定義表結(jié)構(gòu)。 這種顯示技術(shù)在世界知識(shí)產(chǎn)權(quán)組織(WIPO)的 ^開出版物WO 2004/109557 名為"Flexible, Dynamic Menu-based Web-page Architecture (靈活的、動(dòng)態(tài)的基于菜單的網(wǎng)頁體系結(jié)構(gòu))"中有說明， 它基于表的使用，表的各行具有分層相關(guān)性。 雖然它提出了基于表的使用的顯示技術(shù)，上述出版物毫無疑問加 重了所有與其使用相關(guān)的困難。特別地，在該發(fā)明的說明書正文中提 到的事實(shí)是，具有可變的靈活尺寸的表的控件被認(rèn)為尤其困難，關(guān)于為它們重新確定尺寸(dimensioning)的性能，這可能造成嚴(yán)重的問 題，并且可能很難預(yù)測它作為顯示尺寸變化的函數(shù)被操作的精確性。因此本發(fā)明的總目標(biāo)是提出一種動(dòng)態(tài)顯示方法，為用戶提供了查 詢?nèi)f維網(wǎng)站頁面的手段，以及從一般(generic)代碼得到該結(jié)果，它 不必要預(yù)定義待顯示單元的位置。本發(fā)明另 一個(gè)特別的目標(biāo)是避免使用表結(jié)構(gòu)以允許放置待顯示 的單元。本發(fā)明的再一個(gè)目標(biāo)是允許用戶個(gè)性化的顯示，而不需要修改源代碼。本發(fā)明的再一個(gè)目標(biāo)是使用待顯示單元的真實(shí)尺寸，使得它們可 以在顯示期間能以最佳方式被組合。本發(fā)明的其它目標(biāo)、特征和優(yōu)點(diǎn)將通過研究以下說明和附圖對(duì)本 領(lǐng)域技術(shù)人員變得清楚?？梢岳斫馄渌鼉?yōu)點(diǎn)也可以被并入。發(fā)明內(nèi)容說明了 一種用于計(jì)算機(jī)屏幕上的數(shù)據(jù)顯示和輸入窗口的可視化 生成的動(dòng)態(tài)方法。窗口被遠(yuǎn)端萬維網(wǎng)站的用戶使用瀏覽器通過網(wǎng)絡(luò)傳 輸請求到網(wǎng)站來打開。網(wǎng)站返回頁面的一般形式到瀏覽器，它不包含 待顯示單元的預(yù)定位(positioning)信息。在第一階段，瀏覽器簡單 地顯示頁面。在該階段它捕獲了被顯示單元的尺寸，執(zhí)行該單元新的 顯示寬度的計(jì)算，并進(jìn)行重定尺寸。然后，在該單元已被調(diào)整得到滿 意的可視化生成后，瀏覽器持久地顯示該頁面。該頁面的一般形式的 特征在于它不包含定位表。待顯示的單元具體包含標(biāo)注、數(shù)據(jù)控件和 輸入域和圖像。某些特定單元被關(guān)聯(lián)而一起顯示。被關(guān)聯(lián)的單元被包 含在用作不可分容器的表中。新寬度的計(jì)算基于待顯示的最寬單元的 尺寸。如果瀏覽器的顯示窗口被用戶修改，則持久顯示被更新。捕獲 尺寸、新寬度的計(jì)算和重定尺寸由瀏覽器中駐留的代碼實(shí)現(xiàn)。由于個(gè) 性化選項(xiàng)使用戶能夠只顯示某些以頁面的 一般形式被發(fā)送的單元，個(gè) 性化之后將更新持久顯示。只有被包含在一般代碼中的標(biāo)注需要被修 改以使頁面適應(yīng)于某種語言。


本發(fā)明的目的、目標(biāo)以及特征和優(yōu)點(diǎn)通過后者實(shí)施例的詳細(xì)說明，并通過以下附圖的圖解將會(huì)更清楚。其中圖1示出了包含標(biāo)注和數(shù)據(jù)輸入域的窗口的不同顯示階段；圖2說明了由萬維網(wǎng)站返回的一般頁面的顯示步驟；圖3說明了捕獲待顯示單元的尺寸的步驟；圖4說明了待顯示單元的重定尺寸的步驟。圖5在三個(gè)窗口示例中示出了本發(fā)明的高度靈活性顯示。附圖是通過示例給出的，并沒有限制本發(fā)明的范圍。
具體實(shí)施方式
圖l總結(jié)了本發(fā)明的操作模式。在第一階段，在想要查詢一網(wǎng)站 的瀏覽器用戶的請求下，被請求的頁面被傳送給后者。這是該頁面的 一般形式，其中在用于描述它的HTML語言中未包含待顯示單元的定 位。因此該頁面可能被發(fā)送給任意用戶，而不管他的顯示手段。在該 第一階段中一般頁面的可視化生成例如符合圖1的頂部窗口 100。標(biāo) 注，即描述域的簡要文字，例如IIO，以及數(shù)據(jù)輸入和相關(guān)的控制域， 例如120，都在窗口 100中未限定位置地被一個(gè)接一個(gè)地顯示130。該 顯示方法是HTML語言固有的，不需要額外的說明。這些單元以它們 被HTML頁面的源代碼調(diào)用的順序被顯示。所謂的"在線"單元從左至 右、從上至下出現(xiàn)，占據(jù)了所有可用的空間。這顯然是對(duì)于文本的情 形，如當(dāng)前文檔中一樣，但其它單元也可以特別包含圖像、圖畫或圖 標(biāo)155。不在線的單元構(gòu)成了不可分割的塊，從上至下垂直地堆疊，也以
它們被源代碼調(diào)用的順序被顯示，每個(gè)潛在地占用了頁面的整個(gè)寬度。 這是文本的連續(xù)段落和標(biāo)題的情形，如本發(fā)明中所述。在圖l的示例中，有兩個(gè)區(qū)域(section)已在源代碼102， 106中被定義，并被垂直 地堆疊。從對(duì)該頁面編碼的方法可以得到的優(yōu)點(diǎn)很容易理解，頁面必須被 顧客的瀏覽器閱讀。源代碼中(即在用戶查詢的網(wǎng)站中所駐留的代碼 中，它是由他/她的瀏覽器所下載的代碼)未包含定位信息。網(wǎng)站設(shè)計(jì) 者自己不必關(guān)心用戶的顯示能力。他/她只需要開發(fā)出一個(gè)一般代碼。 該代碼本身越簡單，它在開發(fā)階段就會(huì)被更好地測試?；谠摲椒ū痪幋a的HTML頁面是以浮點(diǎn)模式被編碼的，這不 同于另一種模式，即所述定位模式。在后一種模式中，網(wǎng)站設(shè)計(jì)者必 須預(yù)定義他/她想要在用戶屏幕上顯示的每個(gè)單元的位置。在所提出的 眾多方法中，用得最多的已在背景技術(shù)章節(jié)中討論，證明非常成功的 方法是使用表來定義萬維網(wǎng)頁的布局。然后待顯示的單元在表的單元 格中被排列。然而，可視化生成通常要以一定的嚴(yán)格度為代價(jià)，例如 預(yù)定義的單元格數(shù)目，但這會(huì)特別占用網(wǎng)站設(shè)計(jì)者編碼的所有的努力。 設(shè)計(jì)者必須特別注意終端用戶的顯示能力以及本地特性，尤其是文本 和表的顯示語言。當(dāng)后者的顯示能力與期望不符時(shí)，則結(jié)果將極度令 人失望。這樣，如果浮點(diǎn)模式使網(wǎng)頁的編碼被大大簡化，根據(jù)本發(fā)明的方 法的第一階段的可視化生成則遠(yuǎn)不能滿意。然而，該第一階段的唯一 目的就是，在用戶用他/她的瀏覽器打開的窗口中，獲取標(biāo)注和數(shù)據(jù)輸 入以及控制域的有效顯示尺寸。頁面100的一般形式的顯示很短暫。 實(shí)際上，該第一階段會(huì)在用戶未注意到時(shí)就過去了。然后，標(biāo)注140 的最寬的尺寸和輸入域150被存儲(chǔ)，使得可視化生成能夠被本地修改 而變得更有吸引力。事實(shí)上，不需要提供待顯示單元的寬度是HTML 語言和顯示網(wǎng)頁的瀏覽器的屬性。作為內(nèi)容和可用空間的函數(shù)的有效 顯示寬度是由帶有計(jì)算機(jī)圖形用戶界面(GUI)的瀏覽器計(jì)算出來的。 這給了根據(jù)本發(fā)明的方法一個(gè)主要優(yōu)點(diǎn)，尤其當(dāng)需要使域的顯示適應(yīng)于必須被產(chǎn)品的國際應(yīng)用支持的所有語言時(shí)，因?yàn)樗恍枰薷脑创?碼，除了簡單地翻譯標(biāo)注，而不做其它修改。在本發(fā)明的說明的這一階段，可能會(huì)發(fā)現(xiàn)上面在背景技術(shù)章節(jié)中引用的出版物并且參照了 WO2004/109557, ^皮稱為"自動(dòng)布局算法"。 這是萬維網(wǎng)，即W3C的主要標(biāo)準(zhǔn)化組織，英文稱"World Wide Web Consortium (萬維網(wǎng)集團(tuán))"所推薦的。如果像在本發(fā)明中一樣，該 算法已提供了第一顯示階段，則后者被用來減輕對(duì)以表的形式顯示的 控件所固有的困難。這些是以上已經(jīng)提到的困難，并出現(xiàn)在背景技術(shù) 章節(jié)中。另一方面，如下面更詳細(xì)解釋的，本發(fā)明不需要使用任何表 來得到滿意的可視化生成。根據(jù)本發(fā)明的方法使用了在上述第 一 階段期間所獲取的實(shí)際顯 示寬度，來修改其可視化生成。獲取實(shí)際顯示寬度的方法在圖2和下 文中更詳細(xì)地說明。因此，在第二階段，頁面的所有標(biāo)注和輸入域與 分別被測量的最大值相關(guān)聯(lián)，這能夠得到對(duì)應(yīng)圖1中的即時(shí)窗口 160 的顯示。然后標(biāo)注和數(shù)據(jù)域在瀏覽器自己的窗口中被很好地排列170。如果顯示窗口被縮小165，標(biāo)注和數(shù)據(jù)輸入以及控制域被重新排 列，例如，如圖l底部的窗口 180所示。這次，排列總是符合兩列190， 因?yàn)橛捎诒粶y量的最大尺寸不再可能在被修改的窗口寬度內(nèi)放置三個(gè) 標(biāo)注及其相關(guān)的域。毫無疑問會(huì)注意到，某些顯示單元必須保持成組。例如，如185 中所示，其數(shù)據(jù)輸入域和相關(guān)圖標(biāo)必須一起移動(dòng)。這可以容易地辦到， 例如，通過在源代碼中將對(duì)應(yīng)于一個(gè)表的單元編組來實(shí)現(xiàn)，該表變成 被插入到待顯示單元流的單個(gè)的"在線"單元。圖1清楚地示出了可通過本發(fā)明的方法從相同的源代碼得到具有 高度滿意度的可視化生成的動(dòng)態(tài)顯示，而不必訴諸這些單元的定位信 息或使用定位表。如上所述，使用HTML語言源代碼的表因此僅用來 對(duì)必須保持在一起的單元進(jìn)行編組，其目的不是擔(dān)任定位表的角色。 還有其它本領(lǐng)域技術(shù)人員已知的方法來設(shè)計(jì)網(wǎng)頁，以及能夠在顯示期 間用來保持單元編組而不需要使用表的HTML語言。用作這些必須保的表，考慮到HTML語言時(shí)，只是一個(gè)很 方便的方法，用來獲取該結(jié)果，因此最好使用它來實(shí)現(xiàn)本發(fā)明。尤其在該圖中可以發(fā)現(xiàn)，根據(jù)本發(fā)明的方法使得在例如區(qū)域2中 能夠自動(dòng)地獲取該區(qū)域的這些單元在兩或三行以及在兩或三列中的顯 示。當(dāng)源代碼中只有單個(gè)定位表或只有 一種布局風(fēng)格時(shí)這是不可能的。根據(jù)本發(fā)明的方法的額外優(yōu)點(diǎn)是，只有重要的數(shù)據(jù)才必須通過網(wǎng) 絡(luò)被傳輸?？梢暬蓮木W(wǎng)頁的一般代碼被本地請求，并且主要用可 應(yīng)用的代碼獲取，該代碼被該應(yīng)用程序的用戶下載和安裝，只要需要 修改或進(jìn)行了改進(jìn)就可以被更新。用戶例如可能需要從中央數(shù)據(jù)庫使 用互聯(lián)網(wǎng)或?qū)Ｓ镁W(wǎng)絡(luò)(企業(yè)內(nèi)部網(wǎng))(或者這兩者的組合)以及解釋 HTML語言的瀏覽器來查詢和預(yù)訂酒店的旅行社。本地代碼使用與網(wǎng) 絡(luò)瀏覽器相兼容的一個(gè)或其它選項(xiàng)。這些是與HTML語言進(jìn)行交互的 軟件部件，并且對(duì)于本領(lǐng)域技術(shù)人員來說是熟知的，其名字諸如 Active-X， Javascript或XSL。在本發(fā)明的說明的這一步驟，可能已經(jīng)注意到術(shù)語"網(wǎng)頁，，如通常 被理解的 一樣，會(huì)比本發(fā)明的說明所使用的術(shù)語"頁面"更具限制性， 它是指當(dāng)從服務(wù)器接收到對(duì) 一般頁面進(jìn)行格式化的本地代碼的執(zhí)行， 而網(wǎng)頁通常被存儲(chǔ)在服務(wù)器上并當(dāng)用于顯示時(shí)被傳輸。然而，下文將 在涉及本發(fā)明的操作模式處繼續(xù)使用術(shù)語"頁面"。圖2和下文更詳細(xì)地描述了本發(fā)明的可視化生成的階段。圖2對(duì) 應(yīng)圖1中所討論的第一階段，涉及在非常短的時(shí)間內(nèi)顯示網(wǎng)頁搜索的 一般形式。在該第一階段，HTML代碼必須被捕獲，使得在所有計(jì)算機(jī)中 提供的圖形用戶界面(GUI)能夠在用戶的屏幕上顯示該頁面。在實(shí) 際中，GUI 200為屏幕220調(diào)用可視化生成操作210。由于將#>顯示 的頁面通常包含多個(gè)區(qū)域230，每個(gè)區(qū)域必須找到對(duì)應(yīng)于頁面240的 所有單元的HTML代碼235。當(dāng)全部代碼都被找到時(shí)，所述代碼以寫 操作250的形式被用來生成將在瀏覽器260打開的窗口中顯示的文檔 對(duì)象。 如圖1中已經(jīng)看到的，在該示例中，頁面i殳計(jì)者輸入的HTML 代碼的所有單元包括標(biāo)注和相關(guān)的數(shù)據(jù)輸入以及控制域。為保證在顯 示期間它們保持成組，并形成不可分割的單元，它們被放置在一個(gè)"容 器"中，即由HTML語言定義的表。本發(fā)明明確要求這些表中的每一 個(gè)都必須能夠被考慮為待顯示單元流中的"在線，，單元。這里應(yīng)注意到，這些年來已有許多對(duì)HTML代碼和瀏覽器的改 進(jìn)。特別地，HTML語言的所謂動(dòng)態(tài)版、或者甚至是DHTML (來自 英文"動(dòng)態(tài)HTML")的引入提供了對(duì)待顯示單元的分頁的更好的控 制。特別地，它使得頁面能夠被改變，并與用戶進(jìn)行交互，而不必與 服務(wù)器進(jìn)行通信。考慮到本發(fā)明，DHTML提供了對(duì)被顯示的單元的 訪問，并且能夠用JavaScript確定它們的尺寸，前面已提到過，它是 被緊密地集成到瀏覽器中的腳本語言。DHTML自從第4版Internet Explorer和Netscape就已出現(xiàn)在瀏覽器中。雖然實(shí)際上在不同瀏覽器 之間實(shí)現(xiàn)DHTML有不同，在DOM (來自英文"Document Object Model (文檔對(duì)象模型)")團(tuán)體的支持下，已進(jìn)行了標(biāo)準(zhǔn)化，在上面 提到過的萬維網(wǎng)的主要標(biāo)準(zhǔn)化組織、即W3C的框架內(nèi)執(zhí)行。圖3更詳細(xì)地描述了捕獲在階段1期間已簡要顯示的各單元的尺 寸的階段。該操作模式由DHTML的引入而變得可能。特別地，這涉 及能夠獲得標(biāo)注和控件的尺寸的參數(shù)。諸如"offsetLeft， offsetWidths" 的數(shù)值屬性在第一顯示期間被獲取，它們確定了與父對(duì)象(容器)相 關(guān)的對(duì)象的物理坐標(biāo)和大小。它們使得能夠獲得標(biāo)注和控件的有效尺 寸。該第二階段的步驟類似于那些在圖1中描述的。標(biāo)注33S和控件 345的尺寸對(duì)于每個(gè)區(qū)域330和每個(gè)單元340被捕獲。一旦所有標(biāo)注和控件的寬度都已被捕獲，每個(gè)域的最大寬度355 就能夠在初步顯示期間用經(jīng)典軟件工程方法被捕獲。這將使得所有待 顯示單元考慮到最寬的單元而能夠被重新確定尺寸，以獲得圖1中的 即時(shí)窗口 160。圖4總結(jié)了重定尺寸的步驟，它們被要求用來在由用戶瀏覽器打 開的窗口中排列這些待顯示的單元，并重新排列它們，如果用戶想要修改顯示窗口的話，如圖1中示例所示180。顯示函數(shù)410像以前一樣，為每個(gè)區(qū)域的所有標(biāo)注和控件調(diào)用重 定尺寸操作(435 )。然后，待顯示的文檔對(duì)象的所有單元被調(diào)整(455 )， 特別是容器，即表。重定尺寸步驟的一個(gè)結(jié)果是，例如窗口 460 (其中包含標(biāo)注和控 制域的表的邊界465清楚地呈現(xiàn))只為了提供對(duì)本發(fā)明的操作模式更 清楚的理解。然而，使用本發(fā)明方法的網(wǎng)頁設(shè)計(jì)者為了清楚地顯示當(dāng) 然寧愿選擇使容器的邊界不可見。為了防止這些域呈現(xiàn)太大的尺寸，從而影響顯示的美感，本發(fā)明 提供了可指定的最大寬度425。然后該最大寬度被用于顯示。在該圖 的情況下，如果標(biāo)注長于該最大值，則它將會(huì)被自動(dòng)移回至少兩行。 在控制域的情況下，將使用真實(shí)的寬度，但是將阻止其它單元繼續(xù)水 平地顯示到它的右端。接下來的單元將被強(qiáng)制返回到該行。圖5的目的是以三個(gè)顯示窗口的示例描述本發(fā)明的相當(dāng)大的靈活性。上端的窗口包括容器500，它包含兩個(gè)數(shù)據(jù)輸入域，正如當(dāng)必須 輸入信用卡類型及其相關(guān)數(shù)字時(shí)的情形一樣。在該情形中，這是一個(gè) 不可分隔的單元，將被整體顯示。即時(shí)窗口示出了第一區(qū)域510,其中它已被選中用來顯示8個(gè)單 元。在底部的窗口中，用戶已選擇在該區(qū)域中僅顯示城市名520。此 外，該頁面上的標(biāo)注則是德語530。用戶可以決定是否對(duì)某些包含在 源代碼中的單元進(jìn)行可視化，并自動(dòng)調(diào)整顯示。個(gè)性化可以在兩個(gè)水平上進(jìn)行。在區(qū)域水平，每個(gè)區(qū)域可以成為 全部不可見。此外，區(qū)域可以4皮展開，在這種情況下所有的單元都是 可見的，或者重新關(guān)閉，在這種情況下只有該區(qū)域的文本呈現(xiàn)。在單元水平，它可以是可見的可不可見的。用戶可以選擇展開或重新關(guān)閉這些區(qū)域。該選擇被存儲(chǔ)，并且在 下次顯示時(shí)會(huì)被注意。用戶可以打開配置面板來進(jìn)行顯示選擇。
權(quán)利要求
1.一種用于可視化生成計(jì)算機(jī)屏幕上的顯示和數(shù)據(jù)輸入窗口的方法，所述窗口被遠(yuǎn)端網(wǎng)站的用戶打開，其中所述用戶利用瀏覽器通過網(wǎng)絡(luò)將請求傳輸?shù)剿鼍W(wǎng)站，所述網(wǎng)站響應(yīng)于所述請求發(fā)送頁面，所述方法的特征在于所述網(wǎng)站將所述頁面的一般形式(100)發(fā)送到所述瀏覽器，其中所述一般形式不包含待顯示的單元的預(yù)定位信息；所述瀏覽器簡單地顯示所述頁面(250)，其中所述顯示步驟包括捕獲被顯示單元的尺寸(335，345)；計(jì)算所述單元的新的顯示寬度(355)；重新確定所述單元的尺寸(435)；所述瀏覽器持久地顯示所述頁面(160)；從而從所述一般形式得到令人滿意的可視化生成。
2. 根據(jù)權(quán)利要求1所述的方法，其中所述頁面的所述一般形式 (100)的特征在于它不包含定位表。
3. 根據(jù)前述權(quán)利要求中任一項(xiàng)所述的方法，其特征在于，所述 待顯示的單元尤其是包括標(biāo)注(110)、控件和數(shù)據(jù)輸入域(120)以 及圖像(155)。
4. 根據(jù)權(quán)利要求3所述的方法，其中某些單元被關(guān)聯(lián)起來使得 它們可以一起被顯示(185)。
5. 根據(jù)權(quán)利要求4所述的方法，其中所述被關(guān)聯(lián)的單元被包含 在用作不可分離的容器的表(465)中。
6. 根據(jù)權(quán)利要求1所述的方法，其中計(jì)算新寬度的步驟是基于 待顯示的最寬單元的尺寸(140, 150)。
7. 根據(jù)權(quán)利要求1所述的方法，其中如果所述瀏覽器的顯示窗 口被所述用戶修改(165)的話，持久顯示步驟包括更新步驟(180)。
8. 根據(jù)權(quán)利要求1所述的方法，其中捕獲尺寸、計(jì)算新的寬度 和重新確定尺寸的步驟由所述瀏覽器中駐留的代碼實(shí)現(xiàn)。
9. 根據(jù)權(quán)利要求8所述的方法，其中所述駐留代碼包括個(gè)性化 選項(xiàng)，使得所述用戶可以只顯示某些(520)以頁面的所述一般形式發(fā) 送的單元，其中所述個(gè)性化步驟之后是更新所述持久顯示的步驟。
10. 根據(jù)權(quán)利要求l所述的方法，其中只有被包含在一般代碼中 的標(biāo)注必須被修改，以使頁面適應(yīng)于某種語言(530)。
11. 一種計(jì)算機(jī)可讀介質(zhì)，包括可由所述計(jì)算機(jī)執(zhí)行的程序的指 令，其中所述程序?qū)崿F(xiàn)了根據(jù)權(quán)利要求1至10的任一項(xiàng)所述的方法。
全文摘要
本發(fā)明涉及一種用于可視化生成計(jì)算機(jī)屏幕上的數(shù)據(jù)顯示和輸入窗口的方法。所述窗口被遠(yuǎn)端網(wǎng)站的用戶用瀏覽器打開。響應(yīng)于用戶瀏覽器所發(fā)出的請求，網(wǎng)站經(jīng)由它們所連接的網(wǎng)絡(luò)向用戶瀏覽器返回所請求的頁面的一般形式，其中不包含任何預(yù)定位信息。在簡單顯示頁面的一般形式期間，瀏覽器捕獲被顯示單元的尺寸，計(jì)算新的顯示寬度，并重新確定單元的尺寸。在此之后，瀏覽器持久地顯示該頁面，頁面上的單元已得到調(diào)整，從而得到良好的視覺效果。因此頁面的一般形式可與用戶顯示手段無關(guān)地被定義，尤其是不需要使用對(duì)待顯示單元進(jìn)行定位的表。
文檔編號(hào)G06F17/30GK101151610SQ200680010018
公開日2008年3月26日 申請日期2006年3月29日 優(yōu)先權(quán)日2005年4月6日
發(fā)明者理查德·默蘭納爾 申請人:阿瑪?shù)盟箖珊瞎?