1

在我的标准网页中，我有以下代码，但是如何在 XPage 中执行此操作？

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
4

3 回答 3

6

您可以通过向 UIViewRoot 组件添加属性来做到这一点：

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">

   <xp:this.attrs>

      <!-- if browser is IE 7 or smaller -->
      <xp:attr name="class" value="no-js lt-ie9 lt-ie8 lt-ie7"
         rendered="#{javascript:context.getUserAgent().isIE(0,7)}">
      </xp:attr>

      <!-- if browser is NOT IE 7 or smaller -->
      <xp:attr name="class" value="no-js lt-ie9 lt-ie8 lt-ie7"
         rendered="#{javascript:!(context.getUserAgent().isIE(0,7))}">
      </xp:attr>

   </xp:this.attrs>

</xp:view>

lang属性由 XPage 的当前语言设置计算得出。要在应用程序/服务器范围内执行此操作，您必须将其添加到主题中。

编辑：

主题必须如下所示：

<control>
   <name>ViewRoot</name>
      <property>
         <name>attrs</name>
            <complex type="xp_attr">
               <property>
                  <name>name</name>
                  <value>class</value>
               </property>
               <property>
                  <name>value</name>
                  <value>#{javascript:
                     if (context.getUserAgent().isIE(0,6)) {
                        return 'no-js lt-ie9 lt-ie8 lt-ie7';
                     }
                     if (context.getUserAgent().isIE(7,7)) {
                        return 'no-js lt-ie9 lt-ie8';
                     }
                     if (context.getUserAgent().isIE(8,8)) {
                        return 'no-js lt-ie9';
                     }
                     return '';
                    }</value>
            </property>
         </complex>
      </property>
</control>

需要空返回，否则主题会失败。

于 2012-11-16T10:46:09.480 回答
2

如果您可以将类放在 <body> 标记中，您可以通过主题集中执行此操作，因此无需在每个页面上重复代码：

    <control>
        <name>ViewRoot</name>
        <property>
            <name>styleClass</name>
            <value>#{javascript:if (context.getUserAgent().isIE(0,6)) {
    return 'no-js lt-ie9 lt-ie8 lt-ie7';
} else if (context.getUserAgent().isIE(7,7)) {
    return 'no-js lt-ie9 lt-ie8';
} else if (context.getUserAgent().isIE(8,8)) {
    return 'no-js lt-ie9';
}}</value>
        </property>
    </control>
于 2012-11-16T11:04:05.583 回答
0

您可以通过此网页http://xpageswiki.com/web/youatnotes/wiki-xpages.nsf/dx/Browser_compatibility上的代码检查哪个 Bowser

if then else 您可以在计算文本中使用，这是一种快速的方式。并在 if 语句中返回正确的 html。您需要将计算文本设置为 HTML

于 2012-11-16T10:28:22.860 回答