Skip to content

Commit 44ddb11

Browse files
emehmetemehmet
committed
-Added close window by Esc key and clicking outer div
1 parent d99c4fb commit 44ddb11

File tree

3 files changed

+138
-89
lines changed

3 files changed

+138
-89
lines changed

‎css/bootstrap-fullscreen-select.css

+4-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html

+41-51
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@
2020
<!--<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> -->
2121
<!-- <meta property="fb:profile_id" content="350437395056145" />
2222
<meta property="fb:admins" content="100000226762279"/> -->
23-
<<<<<<< HEAD
2423
<meta name="Keywords"
2524
content="bootstrap fullscreen select, fullscreen select, bootstrap select, phonegap select, cordova select" />
2625

@@ -55,43 +54,6 @@
5554
<style type="text/css">
5655
body {
5756
font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
58-
=======
59-
<meta name="Keywords" content="bootstrap fullscreen select, fullscreen select, bootstrap select, phonegap select, cordova select" />
60-
61-
<link rel="apple-touch-icon" sizes="57x57" href="http://craftpip.com/apple-touch-icon-57x57.png" />
62-
<link rel="apple-touch-icon" sizes="72x72" href="http://craftpip.com/apple-touch-icon-72x72.png" />
63-
<link rel="apple-touch-icon" sizes="114x114" href="http://craftpip.com/apple-touch-icon-114x114.png" />
64-
<link rel="apple-touch-icon" sizes="144x144" href="http://craftpip.com/apple-touch-icon-144x144.png" />
65-
<link rel="apple-touch-icon" href="http://craftpip.com/apple-touch-icon-57x57.png" />
66-
67-
68-
<form class="form-inline"><input class="form-control" type="search" placeholder="Search" aria-label="Search">
69-
<meta property="og:title" content="Bootstrap-fullscreen-select" />
70-
<meta property="og:type" content="website" />
71-
<meta property="og:image" content="http://craftpip.com/apple-touch-icon-57x57.png" />
72-
<meta property="og:url" content="https://craftpip.github.io/" />
73-
<meta property="og:description" content="Custom fullscreen select for mobile devices." />
74-
<meta property="og:site_name" content="craftpip.github.io" />
75-
76-
<link rel="stylesheet" href="demo/libs/bootstrap.min.css">
77-
<link rel="stylesheet" href="demo/libs/bootstrap-theme.min.css">
78-
<link rel="stylesheet" href="demo/libs/font-awesome.min.css">
79-
<link rel="stylesheet" href="demo/libs/default.min.css">
80-
<link rel="stylesheet" href="demo/demo.min.css">
81-
82-
<script src="demo/libs/jquery.min.js"></script>
83-
<script src="demo/libs/bootstrap.min.js"></script>
84-
<script src="demo/libs/pretty.js"></script>
85-
86-
<!-- BOOTSTRAP-FULLSCREEN-SELECT files -->
87-
<link rel="stylesheet" type="text/css" href="css/bootstrap-fullscreen-select.css" />
88-
<script type="text/javascript" src="js/bootstrap-fullscreen-select.js"></script>
89-
<!--END BOOTSTRAP-FULLSCREEN-SELECT files-->
90-
91-
<style type="text/css">
92-
body{
93-
font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
94-
>>>>>>> e1e8fc163068bae11fc2d5730234fb897d6b003b
9557
}
9658
</style>
9759

@@ -240,11 +202,49 @@ <h1 style="margin-top: 0px;">
240202
<div class="row">
241203
<div class="col-md-3">
242204
<p>Theme (white)</p>
243-
<select class="mobileSelect">
244-
<option>Option 1</option>
205+
<select class="mobileSelect" data-search-text="Test">
206+
<option value="1">Option 1 jsak fsja jfsah jfhsaj fjksah jasfhj kfhsa jfasjk kjash kjsahj jdsa dsa dsa dsa das das dasks</option>
245207
<option>Option 2</option>
246208
<option>Option 3</option>
247209
<option>Option 4</option>
210+
<option>Option 4</option>
211+
<option>Option 4</option>
212+
<option>Option 4</option>
213+
<option>Option 4</option>
214+
<option>Option 4</option>
215+
<option>Option 4</option>
216+
<option>Option 4</option>
217+
<option>Option 4</option>
218+
<option>Option 4</option>
219+
<option>Option 4</option>
220+
<option>Option 4</option>
221+
<option>Option 4</option>
222+
<option>Option 4</option>
223+
<option>Option 4</option>
224+
<option>Option 4</option>
225+
<option>Option 4</option>
226+
<option>Option 4</option>
227+
<option>Option 4</option>
228+
<option>Option 4</option>
229+
<option>Option 4</option>
230+
<option>Option 4</option>
231+
<option>Option 4</option>
232+
<option>Option 4</option>
233+
<option>Option 4</option>
234+
<option>Option 4</option>
235+
<option>Option 4</option>
236+
<option>Option 4</option>
237+
<option>Option 4</option>
238+
<option>Option 4</option>
239+
<option>Option 4</option>
240+
<option>Option 4</option>
241+
<option>Option 4</option>
242+
<option>Option 4</option>
243+
<option>Option 4</option>
244+
<option>Option 4</option>
245+
<option>Option 4</option>
246+
<option>Option 4</option>
247+
<option>Option 4</option>
248248
</select>
249249
</div>
250250
<div class="col-md-3">
@@ -400,7 +400,7 @@ <h4>code</h4>
400400
<h3>MULTIPLE SELECT</h3>
401401
<div class="section">
402402
<span>before</span> <br>
403-
<select multiple>
403+
<select id='multip' multiple>
404404
<option value="pizza">Pizza</option>
405405
<option value="burger">Burger</option>
406406
<option value="tacos">Tacos</option>
@@ -1228,16 +1228,6 @@ <h1 style="text-align:center"><i class="fa fa-coffee" style="color: #979797"></i
12281228

12291229
<script type="text/javascript" src="demo/demo.min.js"></script>
12301230

1231-
<!-- <script>
1232-
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
1233-
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
1234-
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
1235-
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
1236-
1237-
ga('create', 'UA-53264350-2', 'auto');
1238-
ga('send', 'pageview');
1239-
</script> -->
1240-
12411231
<!-- javascript for the demo page interface. -->
12421232
</body>
12431233

0 commit comments

Comments
 (0)