magicsuggest
Version:
MagicSuggest is a multiple selection auto-suggest input box for Bootstrap 3.
94 lines (82 loc) • 3.88 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="MagicSuggest is a multiple selection combo box built for bootstrap themes">
<meta name="author" content="Nicolas Bize">
<link rel="shortcut icon" href="http://nicolasbize.com/magicsuggest/assets/ico/favicon.ico">
<title>MagicSuggest - Home</title>
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="lib/magicsuggest/magicsuggest.css" rel="stylesheet">
<link href="lib/gh-ribbon/gh-fork-ribbon.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/magicsuggest/magicsuggest.js"></script>
</head>
<body class="cover">
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/nicolasbize/magicsuggest">View on GitHub</a>
</div>
</div>
<a class="notice" href="../faviconx.html">Check out my new open source project, FavIconX!</a>
<div class="site-wrapper">
<div class="site-wrapper-inner">
<div class="cover-container">
<div class="masthead clearfix">
<div class="inner">
<h3 class="masthead-brand">MagicSuggest</h3>
<ul class="nav masthead-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="examples.html">Examples</a></li>
<li><a href="doc.html">Documentation</a></li>
<li><a href="tutorial.html">Tutorial</a></li>
</ul>
</div>
</div>
<div class="inner cover">
<h1 class="cover-heading shadow centered">MagicSuggest</h1>
<p class="lead shadow centered">Multiple selection combobox built for bootstrap themes.</p>
<p class="lead">
<!-- <div id="ms1" class="form-control" value='["Chicago","Houston"]'></div> -->
<div id="ms1" class="form-control"></div>
</p>
</div>
<div class="mastfoot">
<div class="inner">
<p>
<a href="https://github.com/nicolasbize/magicsuggest/tarball/master">tar.gz</a> |
<a href="https://github.com/nicolasbize/magicsuggest/zipball/master">zip</a> |
<a href="helpout.html">help out</a> |
<a href="licence.html">mit licence</a>
</p>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
var ms1 = $('#ms1').magicSuggest({
data: ['New York','Los Angeles','Chicago','Houston','Philadelphia','Phoenix','San Antonio','San Diego','Dallas','San Jose','Jacksonville']
});
});
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-5470193-5']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>