"Long"
Bootstrap 3.3.0 Snippet by nhatlongtpk

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html >
<html >
<head>
<title >Droparea - Makes an easy and intuitive area to upload files through drag and drop or select methods.</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="../src/droparea.css" rel="stylesheet">
<style type="text/css">
@charset "UTF-8";
html, body {
font: normal 10pt/16px 'Lucida Grande', 'Lucida Sans Unicode', 'Century Gothic', Verdana, Tahoma, Arial, sans-serif;
margin: 0;
padding: 0;
}
.footer,
.header {
border: 1px solid #333;
padding: 20px;
text-align: center;
color: white;
background: #333;
}
.footer a,
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/**
* Droparea - Makes easy and intuitive to upload upload files through drag and drop or select methods.
* Copyright (c) 2015, Rogério Taques.
*
* This plugin is inspired on the solution given by Ravishanker Kusuma (http://twitter.com/hayageek)
* at http://hayageek.com/drag-and-drop-file-upload-jquery/ where he describes how to create an easy way to
* drag and drop files and upload it to server. Many other enhancements were made.
*
* Licensed under MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of this
* software and associated documentation files (the "Software"), to deal in the Software
* without restriction, including without limitation the rights to use, copy, modify, merge,
* publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons
* to whom the Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all copies or
* substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
* BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
* DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*
* @version 1.0.0
* @author Rogério Taques (rogerio.taques@gmail.com)
* @see https://github.com/rogeriotaques/droparea
*/
@charset "UTF-8";
.droparea {
border: thin dashed #ccc;
border-radius: 5px;
cursor: pointer;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
/**
* Droparea - Makes an easy and intuitive to upload upload files through drag and drop or select methods.
* Copyright (c) 2015, Rogério Taques.
*
* This plugin is inspired on the solution given by Ravishanker Kusuma (http://twitter.com/hayageek)
* at http://hayageek.com/drag-and-drop-file-upload-jquery/ where he describes how to create an easy way to
* drag and drop files and upload it to server. Many other enhancements were made.
*
* Licensed under MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Permission is hereby granted, free of charge, to any person obtaining a copy of this
* software and associated documentation files (the "Software"), to deal in the Software
* without restriction, including without limitation the rights to use, copy, modify, merge,
* publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons
* to whom the Software is furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all copies or
* substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING
* BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
* NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
* DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*
* @requires jQuery v1.11 or above
* @version 1.0.4
* @cat Plugins/Image
* @author Rogério Taques (rogerio.taques@gmail.com)
* @see https://github.com/rogeriotaques/droparea
*/
/**
* CHANGELOG
*
* 1.0 First release.
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Now UI Kit Angular
Long Inline Form

Questions / Comments: