组件技术:JSP,Servlet,Juuluu StrutsEX,Hibernate,Apache CommentUpload,YUI,MYSQL.
<link rel="stylesheet" href="<g:sf p="/JuuluuApp/RIA/yui/3.10.0/build/cssgrids/cssgrids-min.css"></g:sf>">
<script src="<g:sf p="/JuuluuApp/RIA/yui/3.10.0/build/yui/yui-min.js"></g:sf>"></script>
<!-- Include the cssbutton stylesheet -->
<link rel="stylesheet" href='<g:sf p="/JuuluuApp/RIA/yui/3.10.0//build/cssbutton/cssbutton.css"/>'>
<%-- yui local app css --%>
<link rel="shortcut icon" type="image/png" href="<g:lf p="/JuuluuApp/local/resource/base/yui/assets/favicon.png"></g:lf>">
<%-- local app yui css --%>
<link rel="stylesheet" href="<g:lf p="/JuuluuApp/local/resource/base/yui/assets/css/main.css"></g:lf>">
<link rel="stylesheet" href="<g:lf p="/JuuluuApp/local/resource/base/yui/assets/vendor/prettify/prettify-min.css"></g:lf>">
<!-- Include the cssbutton stylesheet -->
<link rel="stylesheet" href='<g:sf p="/JuuluuApp/RIA/yui/3.10.0//build/cssbutton/cssbutton.css"/>'>
<!-- juuluu web ui borderlayout-->
<script type="text/javascript" src="<%=request.getContextPath()%>/JuuluuApp/local/js/mvc/page_layout_border.js">
</script>
<%-- jquery easy ui --%>
<link rel="stylesheet" type="text/css" href="<g:lf p="/JuuluuApp/local/resource/base/easyui/demo.css"/>">
<link rel="stylesheet" href="<%=request.getContextPath() %>/JuuluuApp/RIA/jquery-ui-1.8.20/core/themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/JuuluuApp/RIA/jquery-ui-1.8.20/core/demos/demos.css">
<jsp:include page="/mall/saler/admin/upload/dialog_head_inc.jsp"></jsp:include>
<jsp:include page="/mall/saler/admin/upload/dialog_js_inc.jsp"></jsp:include>
<style type="text/css">
.yui3-panel {
outline: none;
}
.yui3-panel #panelContent {
-webkit-box-shadow: 0px 0px 2px black;
-moz-box-shadow: 0px 0px 2px black;
box-shadow: 0px 0px 2px black;
}
.yui3-panel #panelContent .yui3-widget-hd {
font-weight: bold;
padding: 5px;
}
#panelContent .yui3-widget-bd {
padding: 15px;
background: white;
text-align: center;
}
#panelContent.yui3-widget-loading {
display: none;
}
.yui3-skin-sam .yui3-widget-mask {
background-color: #223460;
opacity: 0.9;
}
</style>
</head>
<body class="yui3-skin-sam"> <!-- You need this skin class -->
<%--图片上传组件 --%>
<jsp:include page="/mall/saler/admin/upload/dialog_upload_yui.jsp"></jsp:include>
<script type="text/javascript">
YUI().use('transition', 'panel', function (Y) {
var openBtn = Y.one('#openButton'),
panel, bb;
<jsp:include page="/mall/saler/admin/upload/dialog_upload_yui_panel_js.jsp"></jsp:include>
//按钮事件定义
openBtn.on('click', function (e) {
var updatenode1= this.get('title');
//设置当前要更新的字段
uploadFormInputId=updatenode1;
//updatenode
showPanel();
});
var openBtn2 = Y.one('#openButton2'),
panel, bb;
openBtn2.on('click', function (e) {
var updatenode1= this.get('title');
//设置当前要更新的字段
uploadFormInputId=updatenode1;
//updatenode
showPanel();
});
});
</script>
<p>
图片1:<input type="text" value="" id="logoDianPu" name="logoDianPu" size="60" maxlength="255"/>
<%--
<button id="openButton">Open Panel</button> --%>
<span id="openButton" class='yui3-button' title="logoDianPu" >上传图片</span>
</p>
<p>
图片2:<input type="text" value="" id="logoDianPu2" name="logoDianPu2" size="60" maxlength="255"/>
<%--
<button id="openButton">Open Panel</button> --%>
<span id="openButton2" class='yui3-button' title="logoDianPu2" >上传图片</span>
</p>
</body>
</html>