使用jstl设置CSS样式
有没有一种直接使用jstl修改css属性的方法? 下面是我想做的使用jstl设置CSS样式,css,jstl,Css,Jstl,有没有一种直接使用jstl修改css属性的方法? 下面是我想做的 <div id="error" align="center"> <img src='resources/warning.png'/> <c:if test="${not empty error}"> <c:out value='${error}' /> //if i enter here, I want #error 'display' to be 'bloc
<div id="error" align="center">
<img src='resources/warning.png'/>
<c:if test="${not empty error}">
<c:out value='${error}' /> //if i enter here, I want #error 'display' to be 'block'
</c:if>
</div>
或
我应该做你想做的事。我是这样做的
<div id="error" align="center">
<img src='resources/critical.png'/>
<span id="errorText">
<c:out value='${error}' />
</span>
</div>
这只是因为我将控制器设置为在设置错误时返回错误响应代码。因此Ajax失败并转到错误部分。为什么不给它一个CSS类名,然后使用样式表给你“display”值呢?我试图让它保持显示状态:除非我的控制器返回“error”,否则不会显示。因此,我认为该类需要保持基本不变,如果出现错误,它只是需要更改的显示将编辑帖子以解决我遇到的不允许某些解决方案的挑战这实际上也不起作用,然后它将只捕获来自控制器的错误,而不是javascript错误。我将发布我的解决方案
$.ajax({
url: "url",
beforeSend: function(){
$("body").css("cursor", "wait");
},
dataType:"json",
timeout:15000,
cache: false,
async: false,
success: function(data){
document.getElementById("error").innerHTML="";
document.getElementById("error").style.display = "none";
$("body").css("cursor", "default");
},
error: function(jqXHR, textStatus, errorThrown){
if (textStatus =="timeout"){
document.getElementById("error").innerHTML="Request timed out!";
}
else{
document.getElementById("error").innerHTML= jqXHR.responseText;
}
document.getElementById("error").style.display = "block";
// $("#loading").fadeOut('medium');
$("body").css("cursor", "default");
}
});
<div id="error" align="center" <c:if test="${empty error}">style="display: none;"</c:if>>
<img src='resources/warning.png'/>
<c:if test="${not empty error}">
<c:out value='${error}' />
</c:if>
</div>
<div id="error" align="center" style="display: ${(empty error) ? 'none': 'block'};">
<img src='resources/warning.png'/>
<c:if test="${not empty error}">
<c:out value='${error}' />
</c:if>
</div>
<div id="error" align="center">
<img src='resources/critical.png'/>
<span id="errorText">
<c:out value='${error}' />
</span>
</div>
$.ajax({
//url: "./test.go?station="+stName+"&date="+rDate,
url: "./getAssignments.go?station="+stName+"&date="+rDate,
beforeSend: function(){
// $("#loading").fadeIn('medium');
$("body").css("cursor", "wait");
},
dataType:"json",
timeout:15000,
cache: false,
async: false,
success: function(data){
document.getElementById("errorText").innerHTML="";
document.getElementById("error").style.display = "none";
pucksJSON=data;
reconstructGates( pucksJSON );
setStationName(stationName);
refresh_time = new Date(); //reset the time counter
// $("#loading").fadeOut('medium');
$("body").css("cursor", "default");
},
error: function(jqXHR, textStatus, errorThrown){
refresh_time = new Date(); //reset the time counter
if (textStatus =="timeout"){
document.getElementById("errorText").innerHTML="Request timed out!";
}
else{
document.getElementById("errorText").innerHTML= jqXHR.responseText;
setStationName(stationName);
reconstructGates( null );
}
document.getElementById("error").style.display = "block";
// $("#loading").fadeOut('medium');
$("body").css("cursor", "default");
}
});