sooka_maintenance
/
bsdsjj_siping


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
							<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%
    
    String _data = request.getParameter("_data");    
    %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
   Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1.0, target-densitydpi=device-dpi" /><!-- this is for mobile (Android) Chrome -->
<meta name="viewport" content="initial-scale=1.0, width=device-height"><!--  mobile Safari, FireFox, Opera Mobile  -->
<script src="libs/modernizr.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="libs/flashcanvas.js"></script>
<![endif]-->
<script src="libs/jquery.js"></script>
<script src="libs/jquery.params.js"></script>
<script src="libs/jSignature.min.noconflict.js"></script>
<link title="index" name="styleTag" rel="stylesheet" type="text/css" href="/xtbg/styles/blue/css/web.css">
<style>
.form_btn{
  background:none;
  border:0px;
  margin-top:7px;
}
.form_btn {
    background: none;
    border: 0px;
    margin-top: 7px;
}

.form_bc p{
  background:url("/xtbg/styles/blue/images/icons/icons_save.png") no-repeat left center;
}
.form_cz p{
  background:url("/xtbg/write/images/form_cz.png") no-repeat left center;
}
.form_qx p{
  background:url("/xtbg/styles/blue/images/menu/close.gif") no-repeat left center;
}
.form_btn a.link p {
    display: block;
    float: left;
    height: 20px;
    margin-top: 3px;
    width: 25px;
}
</style>
</head>
<body>

<div id="content">
	<div id="signatureparent">
		<div id="signature" style="border: 2px dotted black;"></div>
	</div>
	<div id="tools">
		<div class="group panel-toolbar form_btn">
             <a class="link form_bc" onclick="save()">
                 <p>
                 </p>保存</a>
         </div>
         <div class="group panel-toolbar form_btn" style="display: none">
             <a class="link form_cz" onclick="reset()">
                 <p>
                 </p>重置</a>
         </div>
         <div class="group panel-toolbar form_btn">
             <a class="link form_qx" onclick="cancel()">
                 <p>
                 </p>取消</a>
         </div>  
	
	</div>
</div>


<script type="text/javascript">

var $sigdiv,name,id,__data,type;

(function($) {
	
	name = $.query.get("name");
	id = $.query.get("id");
	type = $.query.get("type");
	var canvasWidth = $.query.get("canvasWidth");
	var canvasHeight = $.query.get("canvasHeight");
	
	__data = parent.getImageData(id);

	var topics = {};
	$.publish = function(topic, args) {
	    if (topics[topic]) {
	        var currentTopic = topics[topic],
	        args = args || {};
	
	        for (var i = 0, j = currentTopic.length; i < j; i++) {
	            currentTopic[i].call($, args);
	        }
	    }
	};
	$.subscribe = function(topic, callback) {
	    if (!topics[topic]) {
	        topics[topic] = [];
	    }
	    topics[topic].push(callback);
	    return {
	        "topic": topic,
	        "callback": callback
	    };
	};
	$.unsubscribe = function(handle) {
	    var topic = handle.topic;
	    if (topics[topic]) {
	        var currentTopic = topics[topic];
	
	        for (var i = 0, j = currentTopic.length; i < j; i++) {
	            if (currentTopic[i] === handle.callback) {
	                currentTopic.splice(i, 1);
	            }
	        }
	    }
	};
	
	// This is the part where jSignature is initialized.
	if (canvasWidth != null && canvasHeight != null && canvasWidth != "" && canvasHeight != "") {
		$sigdiv = $("#signature").jSignature({width:canvasWidth,height:canvasHeight,'UndoButton':false})
		, pubsubprefix = 'jSignature.demo.';
	}else{
		if(type == 1){
			$sigdiv = $("#signature").jSignature({width:805,height:750,'UndoButton':false})
			, pubsubprefix = 'jSignature.demo.';
		}else if(type == 2){
			$sigdiv = $("#signature").jSignature({width:801,height:300,'UndoButton':false})
			, pubsubprefix = 'jSignature.demo.';
		}else if(type == 3){
			$sigdiv = $("#signature").jSignature({width:803,height:250,'UndoButton':false})
			, pubsubprefix = 'jSignature.demo.';
		}else if(type == 4){
			$sigdiv = $("#signature").jSignature({width:802,height:153,'UndoButton':false})
			, pubsubprefix = 'jSignature.demo.';
		}else{
			$sigdiv = $("#signature").jSignature({ 'UndoButton':false})
			, pubsubprefix = 'jSignature.demo.';
		}
	}
	$sigdiv.jSignature('setData', __data.trim())
	

})(jQuery);

function save(){
	
	var le = $sigdiv.jSignature('getData', 'native').length 
	
	if(le != 0){
		var data = $sigdiv.jSignature('getData', 'default')
		parent.resultData(data,name);
	}else{
		cancel();
	}
	
}

function reset(){
	$sigdiv.jSignature('reset')
}

function cancel(){
	parent.cancel(name);
}

</script>
</body>
</html>