<%@page import="com.northglass.GlassLayout.Algorithm.AlgorithmDBInterface"%>
|
<%@ page contentType="text/html;charset=UTF-8"%>
|
<%@page import="com.northglass.Globel.mes"%>
|
<%@page import="com.northglass.SqlHelper.*"%>
|
<%@page import="org.json.*"%>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
|
<title>Insert title here</title>
|
<style>
|
.glass:{
|
background-color:#00aaaa;
|
border:1px solid black;
|
|
}
|
</style>
|
</head>
|
<body>
|
<div>
|
<button onclick="clk(1);">优化(可旋转)</button>
|
<button onclick="clk(2);">优化(不旋转)</button>
|
</div>
|
<div style="background-color:gray;width:1000px;height:500px;" id="table">
|
</div>
|
|
|
|
|
<script>
|
<%
|
String mode=request.getParameter("mode");
|
String num=request.getParameter("num");
|
if(mode==null){
|
out.print("var layout=null;");
|
}
|
|
|
if(num==null || num==""){
|
out.print("var num=0;\r\n");
|
}
|
else{
|
|
out.print("var num="+num+";\r\n");
|
}
|
|
if("1".equals(mode)){
|
AlgorithmDBInterface.canRotate2=true;
|
out.print("var layout="+ AlgorithmDBInterface.ComputeOnce(2).toJson()+";");
|
|
}
|
if("2".equals(mode)){
|
AlgorithmDBInterface.canRotate2=false;
|
out.print("var layout="+ AlgorithmDBInterface.ComputeOnce(2).toJson()+";");
|
}
|
|
%>
|
|
function show(){
|
var rule=0.166666;
|
if(layout==null ){
|
return;
|
}
|
var dv=document.getElementById("table");
|
dv.innerHTML=null;
|
for(var i=0;i<layout.length;i++){
|
var r=layout[i];
|
var rc=document.createElement("div");
|
|
rc.innerText=r.size+"\r\nmode:"+r.mode;
|
rc.setAttribute("class","glass");
|
rc.style="background-color:blue;position:absolute;top:"+(r.x*rule+100)+"px;left:"+(r.y*rule)+"px;height:"+(r.w*rule)+"px;width:"+(r.h*rule)+"px;";
|
dv.appendChild(rc);
|
}
|
}
|
|
show();
|
|
function clk(line){
|
window.location.href="_debug_layout?mode="+line+"&num="+(num+1);
|
}
|
</script>
|
</body>
|
</html>
|
