Juuluu标准图片上传组件


组件技术: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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值