网页表单动态调整系统及其方法
【技术领域】
[0001]本发明涉及一种调整系统及其方法，尤其是指一种网页表单动态调整系统及其方法。
【背景技术】
[0002]网页的网页表单分页处理一般是采用两种方式进行处理，其中的一种方式为依据服务端网页的网页表单分页设定，即设定好网页表单每一个分页的显示数目以及显示总页数，再传送到客户端进行网页以及网页表单的呈现。
[0003]另外一种方式为服务端将网页传送至客户端后，客户端在依据网页表单分页设定，即设定好网页表单每一个分页的显示数目以及显示总页数进行网页以及网页表单的呈现。
[0004]对于这两种处理方式对于浏览器的最终呈现效果来说总是差强人意，由于科技发展的快速，越来越多的设备装置被用户所使用，即使是最常用的显示器，所以就会造成在网页表单在不同的显示需求下依照固定分页设定来进行呈现时会出现难以满足所有不同场景的使用要求，即往往会使网页表单出现卷动轴，使用者需要拖动卷动轴才能得到所有的网页表单内容，难以在网页的显示区域内显示完整的网页表单内容，或是显示过少的网页表单内容，难以善加利用网页的显示区域，造成网页空间的浪费，同时在用户动态改变浏览器窗口大小时也不能做出动态适应改变。
[0005]综上所述，可知在现有技术中长期以来一直存在现有网页表单的显示内容无法动态变化的问题，因此有必要提出改进的技术手段，来解决此一问题。
【发明内容】
[0006]鉴于以上所述现有技术的缺点，本发明的目的在于提供一种网页表单动态调整系统及其方法，以解决现有网页表单的显示内容无法动态变化的问题。
[0007]为实现上述目的及其他相关目的，本发明遂揭露一种网页表单动态调整系统及其方法，其中:本发明所揭露的网页表单动态调整系统，其包含:服务端以及客户端，服务端还包含:储存模块、服务端接收模块、服务端计算模块以及服务端传送模块；客户端还包含:客户端接收模块、客户端计算模块、客户端传送模块以及显示模块。
[0008]服务端的储存模块用以储存至少一网页，网页透过文件对象模型(DocumentObject Model,DOM)建立，且网页具有至少一网页表单；服务端的服务端接收模块用以接收显示数目；服务端的服务端计算模块用以依据显示总数以及显示数目计算出显示总页数；服务端的服务端传送模块用以传送网页，以及传送显示总页数与对应的网页表单内容。
[0009]客户端的客户端接收模块用以自服务端传送模块接收网页，以及自服务端传送模块接收显示总页数与对应的网页表单内容；客户端的客户端计算模块用以依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目；客户端的客户端传送模块用以传送显示数目至服务端接收模块；及客户端的显示模块用以显示网页，其中网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示。
[0010]本发明所揭露的网页表单动态调整方法，其包含下列步骤:
[0011]首先，服务端储存有透过文件对象模型(Document Object Model，DOM)建立的至少一网页，网页具有至少一网页表单；接着，客户端自服务端获得网页；接着，客户端依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目；接着，客户端提供显示数目至服务端；接着，服务端依据显示总数以及显示数目计算出显示总页数；接着，服务端传送显示总页数与对应的网页表单内容至客户端；最后，客户端显示网页，其中网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示。
[0012]本发明所揭露的系统及方法如上，与现有技术之间的差异在于本发明客户端依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目，再由服务端依据显示总数以及显示数目计算出显示总页数，使客户端显示的网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示。
[0013]透过上述的技术手段，本发明可以达成网页表单的显示内容动态变化的技术功效。
【附图说明】
[0014]图1绘示为本发明网页表单动态调整系统的系统方块图。
[0015]图2绘示为本发明网页表单动态调整方法的方法流程图。
[0016]图3A绘示为本发明网页表单动态调整的网页示意图。
[0017]图3B绘示为本发明网页表单动态调整的网页表单调整示意图。
[0018]组件标号说明
[0019]10服务端
[0020]11储存模块
[0021]12服务端接收模块
[0022]13服务端计算模块
[0023]14服务端传送模块
[0024]20客户端
[0025]21客户端接收模块
[0026]22客户端计算模块
[0027]23客户端传送模块
[0028]24显示模块
[0029]25监测模块
[0030]30网页
[0031]31网页表单
[0032]101 ?108 步骤
【具体实施方式】
[0033]以下将配合图式及实施例来详细说明本发明的实施方式，藉此对本发明如何应用技术手段来解决技术问题并达成技术功效的实现过程能充分理解并据以实施。
[0034]以下首先要说明本发明所揭露的网页表单动态调整系统，并请参考图1所示，图1绘示为本发明网页表单动态调整系统的系统方块图。
[0035]本发明所揭露的网页表单动态调整系统，其包含:服务端10以及客户端20，服务端10还包含:储存模块11、服务端接收模块12、服务端计算模块13以及服务端传送模块14 ;客户端20还包含:客户端接收模块21、客户端计算模块22、客户端传送模块23以及显不丰旲块24。
[0036]在服务端10中藉由服务端10的储存模块11预先储存有至少一网页，被服务端10的储存模块11所储存的网页透过文件对象模型(Document Object Model,DOM)建立，且每一个网页中具有至少一网页表单。
[0037]客户端20透过有线网络传输方式或无线网络传输方式与服务端10建立联机，使客户端20与服务端10之间可进行资料数据传输，且无线网络传输方式包含无线网络、W1-F1、第三代行动通讯技术(3rd-Generat1n)以及第四代行动通讯技术(4G)…等，在此仅为举例说明之，并不以此局限本发明的应用范畴。
[0038]当客户端20的客户端接收模块21自服务端10的服务端传送模块14获得网页其中之一时，客户端20的客户端计算模块22即可依据浏览器的尺寸计算出网页表单的尺寸，并依据网页表单的尺寸以及网页表单的栏位尺寸计算出显示数目。
[0039]具体而言，假设浏览器的尺寸为“512 X 384”，当客户端20的客户端接收模块21自服务端10的服务端传送模块14获得网页其中之一时，以及假设客户端20所获得的网页30具有网页表单31以外的网页内容区块，且网页内容区块的固定尺寸为“112X84”，客户端20的客户端计算模块22即可依据浏览器的尺寸为“512X384”减去网页内容区块的固定尺寸为“112X84”计算出网页表单的尺寸为“400X300”;若假设客户端20所获得的网页30不具有网页表单31以外的网页内容区块时，客户端20的客户端计算模块22即可认定网页表单31的尺寸为与浏览器的尺寸相同，即网页表单31的尺寸为“512X384”。
[0040]进一步假设网页表单的栏位尺寸为“350 X 15”，客户端20的客户端计算模块22即可依据网页表单的尺寸为“400X300”以及网页表单的栏位尺寸为“350X 15”计算出显示数目为“20”(即300除以15为20)。
[0041]当客户端20的客户端计算模块22计算出显示数目之后，即可再透过客户端20的客户端传送模块23将显示数目提供至服务端10，而服务端10的服务端接收模块12即可自客户端20的客户端传送模块23接收显示数目。
[0042]接着，服务端10的服务端计算模块13即可依据显示总数以及显示数目计算出显示总页数，服务端10的服务端计算模块13将显示总数除以显示数目取整数加I以计算出显示总页数。
[0043]具体而言，假设显示总数为“110”，且显示数目为“20”，服务端10的服务端计算模块13即可将显示总数为“ 110 ”除以显示数目为“ 20 ”取整数为“ 5 ”，再将整数为“ 5 ”加“ I ”以计算出显示总页数为“6”。
[0044]接着，服务端10的服务端传送模块14即可将服务端10的服务端计算模块13所计算出的显示总页数以及对应的网页表单内容传送至客户端20的客户端接收模块21，而客户端20的客户端接收模块21在接收到服务端10的服务端传送模块14所提供的显示总页数与对应的网页表单内容之后，即可藉由客户端20的显示模块24显示网页，其中网页表单依据显示数目、显示总页数与对应的网页表单内容进行显示。
[0045]而在客户端20中还包含监测模块25，客户端20的监测模块25用以监测浏览器的尺寸是否变化，当浏览器的尺寸变化时，再次由客户端20的客户端计算模块22依据变化后浏览器的尺寸重新计算出网页表单的尺寸，并依据重新计算后的网页表单的尺寸以及网页表单的栏位尺寸重新计算出显示数目，并将重新计算出的显示数目提供至服务端10的服务端接收模块12，而服务端10的服务端计算模块13即可依据显示总数以及重新计算出显示数目重新计算出显示总页数，再由服务端10的服务端传送模块14将重新计算出的显示总页数以及对应的网页表单内容传送至客户端20的客户端接收模块21，最后由客户端20的显示模块24显示网页，其中网页表单依据重新计算的显示数目、重新计算的显示总页数与对应的网页表单内容进行显示，藉此可以达到网页表单动态调整的效果。
[0046]接着，以下将以一个实施例来解说本发明的运作方式及流程，以下的实施例说明将同步配合图1以及图2所示进行说明，图2绘示为本发明网页表单动态调整方法的方法流程图。
[0047]请参