1. 程式人生 > >div設定圖片、檔案內容

div設定圖片、檔案內容

<%@ page language="java" pageEncoding="UTF-8"
contentType="text/html; charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="icon" type="image" href="${pageContext.request.contextPath}/img/logo.png">
<link rel="apple-touch-icon-precomposed" href="${pageContext.request.contextPath}/img/logo.png">
<title>受理管理-新增-系譜圖</title>
<link rel="stylesheet"
href="${pageContext.request.contextPath}/layui/src/css/layui.css" media="all">
<link rel="stylesheet" href="${pageContext.request.contextPath}/layui/src/css/global.css" media="all">
<link id="layuicss-skincodecss" rel="stylesheet" href="${pageContext.request.contextPath}/layui/dist/css/modules/code.css" media="all">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/acceptManage/fresh_style.css" media="all">
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/acceptManage/iconfont.css" media="all">
<script src="${pageContext.request.contextPath}/layui/src/layui.js" charset="utf-8"></script> 
<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js" charset="utf-8"></script> 
<script src="${pageContext.request.contextPath}/layui/src/menu_toggle.js" charset="utf-8"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/drag_map.js"></script>
<script type="text/javascript">
$(function() {
var idpk = $("#idpk").val();
if (idpk > 0) {


var begatsurl = $("#begatsurl").val();
if (begatsurl != null && "" != begatsurl) {
var f = begatsurl.substring(begatsurl.length - 3);//擷取後三位slice,substring
if (f == "JPG" || f == "GIF" || f == "JPEG" || f == "PNG"
|| f == "SWF") {
/* document.getElementById("demo1").innerHTML = "<img src='${pageContext.request.contextPath}"
+ begatsurl + "' width='320px' height='100%'>"; */
$("#Layer1").show();
$("#block1").show();
$("#images1").attr("src","${pageContext.request.contextPath}"+begatsurl);
} else {
document.getElementById("demo1").innerHTML = "<a class='layui-btn upload' style='width:100px;float: left;' href='${pageContext.request.contextPath}"+begatsurl+"' target='_blank'>請點選預覽檔案</a>";
}
}



});
  function save(){//審查意見儲存
  var id=$("#applyinfoid").val();
  var auditinfo=$("#text").val();
  $.ajax({
type : "post",
url : "acceptManage/toSaveAuditinfo",
data : {
"idpk" : id,"auditinfo":auditinfo
},
success : function(data) {
if (data == 1) {
     top.layer.msg("提交成功", {icon: 1});
setTimeout("location.reload()",600)//延遲0.6秒重新整理頁面
} else {
top.layer.msg("提交失敗", {icon: 5});
}
}
});
  }
</script> 
</head>
<body style="min-width:1030px;">
<a href="#top" class="layui-btn layui-btn-primary btn_top"><i class="layui-icon">&#xe619;</i></a>
<div class="free_quote">
    <label id="open" onclick="document.getElementById('quote_in').style.display='block';document.getElementById('open').style.display='none';document.getElementById('close').style.display='block';"><span class="layui-badge-dot" style="margin:0 3px;"></span>審查意見</label>
    <label style="display:none;" id="close" onclick="document.getElementById('quote_in').style.display='none';document.getElementById('open').style.display='block';document.getElementById('close').style.display='none';"><i class="layui-icon" style="margin:0 0 0 -1px;">&#x1006;</i>審查意見</label>
<div class="quote_con" id="quote_in" style="display:none;">
    <div class="con">
      <textarea placeholder="請輸入內容" class="layui-textarea" id="text">${acceptMain.auditinfo }</textarea>
    </div>
  <div class="con_btn">
    <button class="layui-btn layui-btn-xs" onclick="save()">儲存</button>
  </div></div>
</div>


<!-- 內容主體區域 -->
<div style="padding:15px;">
  <blockquote class="layui-elem-quote"><span class="layui-breadcrumb" style="visibility: visible;"> <a href="index.html">首頁</a><span lay-separator="">/</span> <a href="acceptManage/list"><cite>受理管理</cite></a> <span lay-separator="">/</span> <a href=""><cite>受理意見表詳細</cite></a></span> </blockquote>
  
    <table cellspacing="0" cellpadding="0" border="0" class="layui-table free_tree">
          <thead>
            <tr>
              <th class="value_col">植物分類</th>
            </tr>
          </thead>
          <tbody>
            <tr class="" id="1">
              <td class="value_col" style=""><li><i class="layui-icon layui-tree-spread">&#xe625;</i><a href="javascript:;"><i class="layui-icon layui-tree-branch f20"><span >&#xe742;</span></i><cite>受理意見表</cite></a></li></td>
            </tr>
            <tr class="" id="11">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href=""><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>請求書</cite></a></li></td>
            </tr>
            <tr class="" id="12">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="acceptManage/toRequestEn/${acceptMain.idpk}"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>請求書英文資訊</cite></a></li></td>
            </tr>
            <tr class="" id="13">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="sqsl-new03.html"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>說明書</cite></a></li></td>
            </tr>
            <tr class="" id="14">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="acceptManage/toBegatsURL/${acceptMain.idpk}"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>系譜圖</cite></a></li></td>
            </tr>
            <tr class="" id="15">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="sqsl-new05.html"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>技術問卷</cite></a></li></td>
            </tr>
            <tr class="" id="16">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="acceptManage/toBriefDescription/${acceptMain.idpk}"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>照片及其簡要說明</cite></a></li></td>
            </tr>
            <tr class="" id="17">
              <td class="value_col" style=""><li><span style="display: inline-block;width: 20px;"></span><a href="sqsl-new07.html"><i class="layui-icon layui-tree-leaf">&#xe655;</i><cite>代理委託書</cite></a></li></td>
            </tr>
            <tr class="" id="2">
              <td class="value_col" style=""><li><i class="layui-icon layui-tree-spread">&#xe623;</i><a href="javascript:;"><i class="layui-icon layui-tree-branch f20"><span >&#xe742;</span></i><cite>通知書</cite></a></li></td>
            </tr>
            <tr class="" id="3">
              <td class="value_col" style=""><li><i class="layui-icon layui-tree-spread">&#xe623;</i><a href="sqsl-message.html"><i class="layui-icon layui-tree-branch f20"><span >&#xe742;</span></i><cite>發文</cite></a></li></td>
            </tr>
          </tbody>
        </table>
  <div class="free_tree_style"><h3 class="bill_title">系譜圖</h3>
      <input type="hidden" name="idpk" id="idpk" value="${begats.idpk }"/>
         <input type="hidden" name="begatsurl" id="begatsurl" value="${begats.begatsurl}" />
    <input type="hidden" name="applyinfoid" value="${acceptMain.idpk }" id="applyinfoid"/>
<input type="hidden" name="requestcode" value="${acceptMain.requestcode }"/>
          <div class="questionnaire bill-con-border sms free-con">
          <div class="pedigree">
<div id="Layer1" style="display:none;">
<img title="放大" style="cursor: hand" onClick="bigit();" height="20"
src="img/images/zoom_in.gif" width="20"> <br><img title="縮小"
style="cursor: hand" onClick="smallit();" height="20"
src="img/images/zoom_out.gif" width="20">
</div>
<div class="pedigree" id="demo1">
<div class="dragAble" id="block1" onMouseOver="dragObj=block1; drag=1;" style="display:none;z-index: 10;
        left: 24px; width: 0px; position: absolute; top: 10px; height: 0px"
onMouseOut="" drag="0">
<img onmousewheel="return onWheelZoom(this)" style="zoom: 0.4"
src="" border="0" name="images1" id="images1" width="800px" height='500px'>
</div>
</div>
</div>
          </div>
        </div>
  <style>
.td-200{ width: 200px; }
.f20 span{ font-size:20px;}
</style>
</div>
</body>
</html>