Java弹窗——Win窗口以及QUI框架弹窗

版权声明:原创不易,转载请注明出处~ https://blog.csdn.net/qq_34266804/article/details/88413575

Win弹窗:

QUI框架的弹窗:

Win相关代码:

JSP:

<tr>

    <td style="font-size:20px">机器总数:</td>
    <td colspan=5 style="font-size:20px"><a href = "javascript:void(0)"  
       onclick="show(this)" name="type">${terminalTotal}</a></td>
	
</tr>

JS:

<script type="text/javascript">
		
		 function show(obj){
		    var x = window.screen.height;
		    var y = window.screen.width;
		    var h = 500;
		    var w = 1000;
		    var model = "title=word,resizable=yes,scrollbars=yes,height=" + h + ",width=" + w + ",status=yes,toolbar=no,menubar=no,location=no,top=" + (x-h)/2 + ",left=" + (y-w)/2;
		    var url = "";

		    if(obj == 1){
		    	var type = 1;
		    	alert("在线:"+${onlineSum});
		    	 url = "${basePath}terwarning/terminal/terminalList.view?type=1";//弹出窗口的页面内容
		    }else if(obj == 2){
		    	alert("离线:"+${offlineSum});
		    	var type = 2;
		    	 url = "${basePath}terwarning/terminal/terminalList.view?type=2";//弹出窗口的页面内容
		    }else if(obj == 3){
		    	alert("告警:"+${alarmSum});
		    	var type = 3;
		    	 url = "${basePath}terwarning/terminal/terminalList.view?type=3";//弹出窗口的页面内容
		    }else{
		    	  alert(${terminalTotal});
		   		 url = "${basePath}terwarning/terminal/list.view";//弹出窗口的页面内容
		    }
		 
		    var oOpen = window.open(url,"adviceDetail",model);
		    oOpen.focus();
		    }

QUI框架弹窗相关代码:

JSP代码:

<tr>
	<td width="5%" style="font-size:20px">在线:</td>
	<td width="20%" style="font-size:20px"><a href = "javascript:void(0)"  
         onclick="online()">${onlineSum}</a></td>
	<td width="15%" style="font-size:20px">离线:</td>
	<td width="15%" style="font-size:20px"><a href = "javascript:void(0)"  
        onclick="offline()">${offlineSum}</a></td>
	<td width="15%" style="font-size:20px">告警:</td>
	<td width="15%" style="font-size:20px"><a href = "javascript:void(0)"  
        onclick="alarm()">${alarmSum}</a></td>
</tr>

JS代码:

function online() {
	quiDialog.open({
	URL : "${basePath}terwarning/terminal/terminalList.view?type=1",
	Title : "在线",
	Width : 1000,
	Height : 500
			});
	}

function offline() {
    quiDialog.open({
	URL : "${basePath}terwarning/terminal/terminalList.view?type=2",
	Title : "离线",
	Width : 1000,
	Height : 500
		});
    }

function alarm() {
	quiDialog.open({
	URL : "${basePath}terwarning/terminal/terminalList.view?type=3",
	Title : "警告",
	Width : 1000,
	Height : 500
		});
	}

猜你喜欢

转载自blog.csdn.net/qq_34266804/article/details/88413575