Html 使用经典Asp变量更新CSS

Html 使用经典Asp变量更新CSS,html,css,asp-classic,Html,Css,Asp Classic,我有一个经典的ASP页面。在此页面上,我需要根据填充该表的数据库是否返回任何结果来隐藏该表。如果表为空,则标题将隐藏没有可见的或显示元素,因此我将其包装在中。但是,当页面执行时,不会应用css .hideDiv{ 显示:; } 您应该将下面的代码放在顶部,然后再次测试: If count > 0 Then vis = "block" Else vis = "none" End If 下面的代码在我的计算机中运行良好 <% ' Other code If coun

我有一个经典的ASP页面。在此页面上,我需要根据填充该表的数据库是否返回任何结果来隐藏该表。如果表为空,则标题将隐藏
没有可见的
显示
元素,因此我将其包装在
中。但是,当页面执行时,不会应用css

.hideDiv{
显示:;
}

您应该将下面的代码放在顶部,然后再次测试:

If count > 0 Then
    vis = "block"
Else
    vis = "none"
End If

下面的代码在我的计算机中运行良好

<%

' Other code
If count > 0 Then
    vis = "block"
Else
    vis = "none"
End If
' The vis variable is not updated past this point

%>

.hideDiv {
    display: <%=vis%>;
}


<div class="hideDiv">
    <table>
    <!-- Table elements -->


</table>
</div>

希迪夫先生{
显示:;
}

我想你有几个选择。 这里有一个老式的方法

备选案文1: 与其让CSS决定表的显示或隐藏,不如让If Count>0在服务器端工作

If count > 0 Then
Response.Write("<table>" & vbCrLf)
'# Do you Table Tags and your code here. 
Response.Write("</table>" & vbCrLf)
End If
然后,我们可以混合上面的例子,只有当我们有一个表要显示时才会触发

<header>
<%  
If MyCount() = 1 Then
    Dim vis
       vis = "block"
Else
       vis = "none"
End If
%>
</header>

在身体里,你可以使用如下的东西

<div style="display:<%=vis%>;">
    <table>
    <!-- Table elements -->
</table>
</div>

在您的帖子中,您实际上是在设置前调用。
从上到下,从左到右,对代码重新排序。

是否真的需要您发布两个相同的答案?如果您想在第一个答案上发布更详细的信息,或者删除第一个答案(如果这个答案更简洁)。正如前面指出的那样,经典ASP是按顺序处理的,因此在样式中调用时,
vis
将为空,然后再进行设置,要纠正这一点,需要在操作样式之前进行设置。
<div class="hideDiv">
    <table>
    <!-- Table elements -->


</table>
</div>
    <%
    Dim vis
    If count > 0 Then
       vis = "block"
    Else
       vis = "none"
    End If
   %>

<div style="display:<%=vis%>;">
    <table>
    <!-- Table elements -->


</table>
</div>
Function MyCount()
Dim Count
Count = 0
SQL = SELECT Top 1 ID FROM Table WHERE FIELD1 Is Not NULL
'# blah 
If rs.EOF=False Then
count = 1
End If
MyCount = count
End Function
<header>
<%  
If MyCount() = 1 Then
    Dim vis
       vis = "block"
Else
       vis = "none"
End If
%>
</header>
<div style="display:<%=vis%>;">
    <table>
    <!-- Table elements -->
</table>
</div>