专利名称：网页中内容显示状态改变方法和装置的制作方法
技术领域：
本发明涉及通信领域，具体涉及一种网页中内容显示状态改变方法和装置。
背景技术：
目前，网页中通常会设置一些供用户选择的交互接口，以便与用户进行交互。例如，在html页面中,通常会使用默认的标签,如select (下拉式菜单)、radio (单选按钮)或checkbox (多选框)，来实现与用户交互的目的。采用默认标签虽然可以实现交互的目的，但是，随着网页风格的多样化，html页面中的色彩越来越绚烂，视觉效果也逐步提升。可是，默认标签的显示样式(例如颜色、形状)却都是固定的，无法根据网页的整体页面风格进行调整，因此，这些用于提供交互功能的标签以其固定样式出现在各式花花绿绿的网页中，导致网页的整体风格非常不协调，破坏了网页整体的美观程度，严重降低了用户的视觉享受。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页中内容显示状态改变方法和装置。依据本发明的一个方面，提供了一种网页中内容显示状态改变方法，包括根据预设的查找条件查找网页中的第一交互元素，第一交互元素为要改变显示状态的网页内容；创建与第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；隐藏所查找到的第一交互元素，并在网页中与第一交互元素相对应的位置处显示第二交互元素；以及捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。依据本发明的另一方面，提供了一种网页中内容显示状态改变装置，包括查找单元，适于根据预设的查找条件查找网页中的第一交互元素，第一交互元素为要改变显示状态的网页内容；创建单元，适于创建与第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；显示单元，适于隐藏所查找到的第一交互元素，并在网页中与第一交互元素相对应的位置处显示第二交互元素；捕获单元，适于捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。根据本发明的网页中内容显示状态改变方法及相应的装置，为网页中的第一交互元素创建对应的第二交互元素，该第二交互元素具有与第一交互元素相对应的外观和相同的交互方式，并在网页中与第一交互元素相对应的位置显示第二交互元素，由此解决了目前第一交互元素的样式固定且无法调整，从而影响页面的整体美观的问题，取得了能够用第二交互元素取代第一交互元素显示在网页中，从而达到顺应网页的整体风格，改善网页的整体美观程度的有益效果。上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式
。
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中图I示出了根据本发明一个实施例的网页中内容显示状态改变方法流程图；图2示出了根据本发明一个实施例的select标签对应的展现效果示意图；图3示出了根据本发明一个实施例的radio标签对应的展现效果示意图；图4示出了根据本发明一个实施例的checkbox标签对应的展现效果示意图；图5a示出了本发明一个实施例中以第一交互元素进行展现的示意图；图5b示出了本发明一个实施例中以第二交互元素进行展现的示意图；图6根据本发明一个实施例的网页中内容显示状态改变装置结构图。
具体实施例方式下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。图I示出了本发明实施例提供的网页中内容显示状态改变方法流程图。如图I所示，该方法始于步骤S110，在步骤SllO中，根据预设的查找条件查找网页中的第一交互元素，该第一交互元素为要改变显示状态的网页内容。第一交互元素可以是html页面中用于实现交互功能的默认元素。通常，可以将第一交互元素按照类型分为单选按钮元素(也叫radio元素)、多选框元素(也叫checkbox元素)和下拉菜单元素(也叫select元素)。Select元素适用于需要以下拉式菜单的形式为用户提供若干个候选选项，然后由用户从若干个候选选项中选择一个选项的情况。例如，当用户选择居住地省份的时候，传统的实现方式是使用select元素来实现。具体代码如下
权利要求
1.一种网页中内容显示状态改变方法，包括根据预设的查找条件查找网页中的第一交互元素，所述第一交互元素为要改变显示状态的网页内容；创建与所述第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；隐藏所查找到的第一交互元素，并在网页中与所述第一交互元素相对应的位置处显示所述第二交互元素；以及捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。
2.如权利要求I所述的方法，所述预设的查找条件包括第一交互元素的元素类型，其中，所述元素类型包括下述中的一个或者多个单选按钮元素、多选框元素和下拉菜单元素。
3.如权利要求I或2所述的方法，还包括步骤，在查找网页中的第一交互元素之后，获取并缓存所述第一交互元素的相关信息，所述第一交互元素的相关信息包括元素值和/或元素属性；所述创建与所述第一交互元素相对应的第二交互元素的步骤包括基于缓存的所述第一交互元素的相关信息创建所述第二交互元素。
4.如权利要求1-3中任一个所述的方法，所述隐藏查找到的第一交互元素通过JS语言实现，以及所述创建与所述第一交互元素对应的第二交互元素通过JS语言和级联样式表CSS来实现。
5.一种网页中内容显示状态改变装置,包括查找单元，适于根据预设的查找条件查找网页中的第一交互元素，所述第一交互元素为要改变显示状态的网页内容；创建单元，适于创建与所述第一交互元素相对应的第二交互元素，其中第二交互元素具有与第一交互元素相对应的外观和相同的用户交互方式；显示单元，适于隐藏所查找到的第一交互元素，并在网页中与所述第一交互元素相对应的位置处显示所述第二交互元素；捕获单元，适于捕获用户与所述第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。
6.如权利要求5所述的装置，所述预设的查找条件包括第一交互元素的元素类型，其中，所述元素类型包括下述中的一个或者多个单选按钮元素、多选框元素和下拉菜单元素。
7.如权利要求5或6所述的装置，还包括缓存单元，适于在所述查找单元查找网页中的第一交互元素之后，获取并缓存所述第一交互元素的相关信息，所述第一交互元素的相关信息包括元素值和/或元素属性；以及所述创建单元适于基于缓存的所述第一交互元素的相关信息创建所述第二交互元素。
8.如权利要求5-7中任一个所述的装置，所述显示单元隐藏查找到的第一交互元素通过JS语言实现；所述创建单元创建与所述第一交互元素对应的第二交互元素通过JS语言和级联样式表CSS来实现。
全文摘要
本发明公开了一种网页中内容显示状态改变方法和装置，其中的装置包括查找单元，适于根据预设的查找条件查找网页中的第一交互元素；创建单元，适于创建与所述第一交互元素相对应的第二交互元素；显示单元，适于隐藏所查找到的第一交互元素，并在网页中与第一交互元素相对应的位置处显示第二交互元素；捕获单元，适于捕获用户与第二交互元素交互所触发的交互事件，将所述交互事件传递给与所述第二交互元素相对应的第一交互元素进行处理。由此解决了目前第一交互元素的样式固定且无法调整，从而影响页面的整体美观的问题，取得了能够用第二交互元素取代第一交互元素显示在网页中，从而达到顺应网页的整体风格，改善网页的整体美观程度的有益效果。
文档编号G06F9/44GK102915378SQ20121046468
公开日2013年2月6日 申请日期2012年11月16日 优先权日2012年11月16日
发明者李昊男, 黄欢 申请人:北京奇虎科技有限公司, 奇智软件(北京)有限公司