<html>
<head>
<style>
.file {
border:3px solid #000;
}
.cover{
width:148px;
overflow:hidden;
display:inline-block;
}
.link{
background-color: #FF4532;
border-radius: 10px 10px 10px 10px;
line-height: 49px;
padding: 4px;
text-decoration: none;
vertical-align: super;
color:#000;
-moz-transition: all 1s ease;
}
.link:hover{
color:#000;
background-color: #FFbbcc;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".link").click(function (e) {
//alert("hello");
$('input[type=file]').click(); // Open dialog
e.preventDefault();
});
});
</script>
</head>
<body>
<div class="label-style">Please select the documents to import : </div>
<form name="import_form" action='<%= request.getParameter("bps_url") %>/http/upload_archive' method="post" enctype="multipart/form-data">
<label class="cabinet"> manifest_file_import</label>
<div class="cover">
<input type="file" class="file" name="manifest_file_import" value="" />
</div>
<a href="#" class="link" >browse </a>
<br/>
<input type="submit" value="Upload" class="button-style" />
</form>
</body>
</html>
<head>
<style>
.file {
border:3px solid #000;
}
.cover{
width:148px;
overflow:hidden;
display:inline-block;
}
.link{
background-color: #FF4532;
border-radius: 10px 10px 10px 10px;
line-height: 49px;
padding: 4px;
text-decoration: none;
vertical-align: super;
color:#000;
-moz-transition: all 1s ease;
}
.link:hover{
color:#000;
background-color: #FFbbcc;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".link").click(function (e) {
//alert("hello");
$('input[type=file]').click(); // Open dialog
e.preventDefault();
});
});
</script>
</head>
<body>
<div class="label-style">Please select the documents to import : </div>
<form name="import_form" action='<%= request.getParameter("bps_url") %>/http/upload_archive' method="post" enctype="multipart/form-data">
<label class="cabinet"> manifest_file_import</label>
<div class="cover">
<input type="file" class="file" name="manifest_file_import" value="" />
</div>
<a href="#" class="link" >browse </a>
<br/>
<input type="submit" value="Upload" class="button-style" />
</form>
</body>
</html>