RetailCRM-Mirror/select2
1
0
Fork 0
mirror of synced 2024-11-26 23:06:02 +03:00
Code Issues Projects Releases Wiki Activity
ae57cf6460
select2/playground/basic/basic.html

154 lines
5.5 KiB
HTML
Raw Normal View History

mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>QUnit Example</title>
Work on the AMD scaffolding This will make it far easier to ensure that components are in their own modules as well as make it possible to have custom builds of Select2.
2014-08-27 02:01:42 +04:00
<link href="../../dist/css/select2.css" rel="stylesheet"/>
mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
Work on the AMD scaffolding This will make it far easier to ensure that components are in their own modules as well as make it possible to have custom builds of Select2.
2014-08-27 02:01:42 +04:00
<script src="../../vendor/almond-0.2.9.js" type="text/javascript"></script>
mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
<script src="../../vendor/jquery-2.1.0.js" type="text/javascript"></script>
Work on the AMD scaffolding This will make it far easier to ensure that components are in their own modules as well as make it possible to have custom builds of Select2.
2014-08-27 02:01:42 +04:00
<script src="../../dist/js/select2.js"></script>
mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
</head>
<body>
<input type="text" style="width:300px" autofocus/><br/>
<select style="width:300px" id="source">
<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>
<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="IL">Illinois</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="OK">Oklahoma</option>
<option value="SD">South Dakota</option>
<option value="TX">Texas</option>
<option value="TN">Tennessee</option>
<option value="WI">Wisconsin</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="IN">Indiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="OH">Ohio</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WV">West Virginia</option>
</select><br/>
Work on the AMD scaffolding This will make it far easier to ensure that components are in their own modules as well as make it possible to have custom builds of Select2.
2014-08-27 02:01:42 +04:00
<input type="text" style="width:300px" /><br/>
mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
<select style="width:300px">
<option value="AK">Alaska</option>
<option value="HI">Hawaii</option>
<option value="CA">California</option>
<option value="NV">Nevada</option>
<option value="OR">Oregon</option>
<option value="WA">Washington</option>
<option value="AZ">Arizona</option>
<option value="CO">Colorado</option>
<option value="ID">Idaho</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NM">New Mexico</option>
<option value="ND">North Dakota</option>
<option value="UT">Utah</option>
<option value="WY">Wyoming</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="IL">Illinois</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="OK">Oklahoma</option>
<option value="SD">South Dakota</option>
<option value="TX">Texas</option>
<option value="TN">Tennessee</option>
<option value="WI">Wisconsin</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="IN">Indiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="OH">Ohio</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WV">West Virginia</option>
</select>
<div style="width: 300px; height: 300px; border: 1px solid black" tabindex="10" id="outer">
<div style="width:100px; height: 100px; border: 1px solid blue" id="inner"></div>
</div>
</div>
<div style="position: absolute; left:0; top:0; background: white; border: 1px solid red;" id="focus-spy">hello there
</div>
<script>
$(function () {
var el = $("#focus-spy");
$(window).bind("scroll", function () {
el.css({top: $(window).scrollTop()});
});
window.setInterval(function () {
var a = document.activeElement;
var b = $(a);
el.html("tag: " + a.tagName + " id:" + a.id + " class:" + b.attr("class") + " val:" + b.val());
}, 100);
});
</script>
Work on the AMD scaffolding This will make it far easier to ensure that components are in their own modules as well as make it possible to have custom builds of Select2.
2014-08-27 02:01:42 +04:00
<script>
require(["select2/core"], function (Select2) {
var s2 = new Select2($("#source"));
});
</script>
mobile playground and some wip on architecture
2014-06-30 09:13:22 +04:00
</body>
</html>
Reference in New Issue Copy Permalink