Web开发中UA的实现

一、什么是UA？

UA：User assistance

1、UA是针对特定产品的任何形式的文档，包括打印文档、在线文档、帮助文档；

2、UA提供支撑信息，主动引导客户达成其工作目标；

3、UA提供支撑信息，帮助用户完成与软件的交互；

4、UA致力于如何帮助用户更好的应用产品。

二、UA 的目标

实现5R：Our goal is to provide the right content to the right person ,at the right time,in the right format , and in the right media.

三、UA和UI的关系

1、本质区别：

User Assistance is documentation that helps a user understand how to use a product.UA侧重帮助信息设计。

The User Interface are the screens that let the user and the program interact.UI侧重视觉设计和交互设计。

2、融合：UI和UA融合，UI中体现了帮助信息，在UA中也会集成软件界面功能。

3、相似性：UA和UI的目标是统一的，都是为了提高产品的可用性，帮助用户更有效、更轻松的使用产品。

四、UA的代码实现

//IE的浏览器模式、文本模式设置为IE8标准

<meta http-equiv="X-UA-Compatible" content="IE=8" />

//导入qtip所使用的qtip css  ，qtip js

<link type="text/css" href="<s:url value="/css/jquery.qtip.min.css"></s:url>" rel="stylesheet" />

<script type="text/javascript" src="<s:url value="/javascript/lib/jquery.qtip.min.js"></s:url>"></script>

//引入前台资源文件

<script type="text/javascript" src="<s:url value="/javascript/i18n/messages-cn.js"></s:url>"></script>

找出对应的控件，添加UA代码

      var itemForm = currTabRoot.find('#控件 ');
      itemForm.find('#控件父类).find('td').each(function () {
          var tipID = $(this).find('input').attr('id') + '_tip';
          $(this).qtip({
              content: resource.popuptips.evalitem[tipID],//前台的message资源文件
              show: 'mouseover',
              hide: 'mouseout',
              position: {
                  my: 'top center',
                  at: 'bottom center',
              }
          });

注意：使用qtip时，尽量使用qtip2相关的js、css，否则在IE下冒泡的箭头不能正常显示