天天看点

Juuluu标准图片上传组件

组件技术:JSP,Servlet,Juuluu StrutsEX,Hibernate,Apache CommentUpload,YUI,MYSQL.

<link rel="stylesheet" href="<g:sf p=" target="_blank" rel="external nofollow" /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=" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" /JuuluuApp/local/resource/base/yui/assets/favicon.png"></g:lf>">

   <%-- local app yui css --%>

    <link rel="stylesheet" href="<g:lf p=" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" /JuuluuApp/local/resource/base/yui/assets/css/main.css"></g:lf>">

    <link rel="stylesheet" href="<g:lf p=" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" /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=" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" target="_blank" rel="external nofollow" /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" target="_blank" rel="external nofollow" >

<link rel="stylesheet" href="<%=request.getContextPath() %>/JuuluuApp/RIA/jquery-ui-1.8.20/core/demos/demos.css" target="_blank" rel="external nofollow" >

<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>

继续阅读