JavaScript 와 Struts 2 동적 추가 그림
기능: 점프 링크 Monitor / alertdata. do 링크 에 따라 배경 데 이 터 를 가 져 오고 데이터 결 과 를 dat 변수 에 저장 합 니 다.
dat 변수 에 있 는 alarm 의 값 에 따라 불 러 올 그림 의 링크 를 확인 합 니 다.
$(document).ready(function(){
alertImg("monitor/alertdata.do", "table");
});
function alertImg(action,div) {
$.post(action, function(dat){
switch(dat.alarm)
{
case "1":
document.getElementById("alertImg").innerHTML ='<img name="alertImg" src="./css/images/alert.gif" alt="alert" width="40" height="40" align="right">';
break;
default:
document.getElementById("alertImg").innerHTML ='<img name="alertImg" src="./css/images/normal.jpg" alt="alert" width="40" height="40" align="right">';
}
})
}JSP 소스 코드
div 의 id 이름과 자 바스 크 립 트 를 불 러 올 지 여 부 를 주의 하면 됩 니 다.
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<style type="text/css">
<!--
.headbig {
font-size: 30px;
font-family: "Comic Sans MS", cursive;
}
.welcomeWords {
text-align: right;
font-size: 14px;
font-weight: bold;
}
.backToIndex {
font-weight: bold;
}
#apDiv1 {
position:absolute;
width:65px;
height:59px;
z-index:1;
top: 74px;
left: 754px;
}
table {
margin:0 auto;
}
-->
</style>
<script src="js/alert.js" type="text/javascript"></script>
<table width="100%" height="109" border="0" background="./css/images/index_top_bg.png" class="welcomeWords">
<tr>
<td height="105"><table width="98%" height="102" border="0" align="center">
<tr>
<td width="170" height="82" rowspan="3"><img src="./css/images/DICE_logo_pic.png" width="99" height="96" alt="Dice_logo" align="left"></td>
<td rowspan="3"><span class="headbig"> <p style="color:#FFF; font-weight: bold; text-align:left; font-size: 36px;">DICE </p>
</span></td>
<td width="17%" height="56" id="alertImg"><span style="color:#FFF; font-weight: bold;"></span></td>
</tr>
<tr>
<td height="18" class="welcomeWords"><p class="welcomeWords" style="color:#FFF; font-size: 14px;"> DICE OAM，<span style="color: #EEFE29; font-size: 16px;">${session.ADMIN_USERNAME_KEY}</span></p></td>
</tr>
<tr>
<td height="18" align="right"><a href="/oam/index/main.html" title=" " target="_top" class="backToIndex"><p style="color:#FFF; font-size: 14px;"> </p></a></td>
</tr>
</table></td>
</tr>
</table>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
