我一直试图弄清楚如何使用经典的asp引入动态CSS样式表。我已经阅读了很多关于这个主题的教程,我似乎无法让它正确地进入。他们中的许多人似乎暗示只需更改到styles.asp或.aspx并使用标准样式表链接引用它就可以了,但我没有得到那个结果。
http://www.4guysfromrolla.com/webtech/tips/t071201-1.shtml
我想要实现的是能够将CMS中的服务器端变量从我的样式表中提取出来。我意识到SASS和LESS存在并且可能能够被调整,但我只是想找到一种简单的方法来使用asp变量并将它们拉入我的样式表中。我不是非常精通ASP,所以你能提供的任何帮助都会有所帮助。
修改:我已更新以下代码以反映工作代码。
HTML
<link rel="stylesheet" href="<% = TemplatePath %>css/styles.asp" type="text/css" />
ASP CSS页面
<%
dark_color = "navy"
%>
<% Response.ContentType = "text/css" %>
<style type="text/css">
h2 { color: <%= dark_color %> }
</style>
答案 0 :(得分:2)
这里缺少的成分是内容类型。默认情况下,经典ASP页面作为text/HTML
提供,这使得期望样式表为text/css
的浏览器感到困惑。
更改内容类型的方式如下:
Response.ContentType = "text/css"
答案 1 :(得分:0)
you could use global variables like Application and session which are accessible across overall application.
here are the codes for your reference -
my asp page named asp_1.asp
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="dynastyle.asp">
</head>
<body>
<%
Set MyBrow=Server.CreateObject("MSWC.BrowserType")
Application("myfontcolor") = "#ff0000"
%>
<table border="0" width="100%">
<tr>
<th>Client OS</th><th><%=MyBrow.platform%></th>
</tr><tr>
<td >Web Browser</td><td ><%=MyBrow.browser%></td>
</tr><tr>
<td>Browser version</td><td><%=MyBrow.version%></td>
</tr><tr>
<td>Frame support?</td><td><%=MyBrow.frames%></td>
</tr><tr>
<td>Table support?</td><td><%=MyBrow.tables%></td>
</tr><tr>
<td>Sound support?</td><td><%=MyBrow.backgroundsounds%></td>
</tr><tr>
<td>Cookies support?</td><td><%=MyBrow.cookies%></td>
</tr><tr>
<td>VBScript support?</td><td><%=MyBrow.vbscript%></td>
</tr><tr>
<td>JavaScript support?</td><td><%=MyBrow.javascript%></td>
</tr>
</table>
</body>
</html>
here i displayed simple HTML table to display browsers capability. you could use any element as per your requirement.
another steps towards the solution is to create asp page with dynamic css named dynastyle.asp. here is the code for same -
<% Response.ContentType = "text/css" %>
<%
DIM fontColor
**fontColor =Application("myfontcolor")**
%>
table
{
background-color: <%= fontColor %>;
}