Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: gh-pages
Fetching contributors…

Cannot retrieve contributors at this time

229 lines (192 sloc) 10.872 kb
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery Tag-it!</title>
<!-- If you're reading the source, see the Examples page for cleaner stuff to learn from. -->
<link href="http://fonts.googleapis.com/css?family=Brawler" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts/reset-fonts.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/base/base-min.css">
<link href="_static/master.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
<script src="Super-Theme-Switcher/jquery.themeswitcher.js" type="text/javascript"></script>
<script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
<script>
$(function(){
var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];
$("#mySingleFieldTags").tagit({
availableTags: sampleTags
});
$('#switcher').themeswitcher({
imgpath: 'Super-Theme-Switcher/images/',
loadTheme: 'Flick',
height: '450',
themes: [
{
title: "Blitzer",
name: "blitzer",
icon: "theme_90_blitzer.png"
},
{
title: "Flick",
name: "flick",
icon: "theme_90_flick.png"
},
{
title: "Overcast",
name: "overcast",
icon: "theme_90_overcast.png"
},
{
title: "Pepper",
name: "pepper-grinder",
icon: "theme_90_pepper_grinder.png"
},
{
title: "Redmond",
name: "redmond",
icon: "theme_90_windoze.png"
},
{
title: "Smoothness",
name: "smoothness",
icon: "theme_90_smoothness.png"
},
{
title: "South Street",
name: "south-street",
icon: "theme_90_south_street.png"
},
{
title: "Sunny",
name: "sunny",
icon: "theme_90_sunny.png"
},
{
title: "UI Lightness",
name: "ui-lightness",
icon: "theme_90_ui_light.png"
},
],
additionalThemes: [
{
title: 'Aristo',
name: 'aristo',
icon: 'theme_90_aristo.png',
url: 'Aristo-jQuery-UI-Theme/css/Aristo/jquery-ui-1.8.7.custom.css'
}
]
});
});
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23936636-1']);
_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>
</head>
<body>
<a href="http://github.com/aehlke/tag-it"><img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" alt="Fork me on GitHub"></a>
<div id="wrapper">
<div id="header">
<img src="tag_icon.png" id="tag-icon">
<h1><span id="title-jquery">jQuery</span><span id="title-tag-it">Tag-it!</span></h1>
<p>
<em>Simple and configurable tag editing widget with autocomplete support.</em>
</p>
<ul id="nav">
<li><a href="http://github.com/aehlke/tag-it">Source</a></li>
<li><a href="http://github.com/aehlke/tag-it/issues">Bugs</a></li>
<li><a href="http://github.com/aehlke/tag-it/blob/master/README.markdown">Docs</a></li>
<li><a href="http://github.com/aehlke/tag-it/zipball/master">Download</a></li>
</ul>
<div id="twitter" class="highlighted">
<a href="https://twitter.com/aehlke" class="twitter-follow-button" data-show-count="false">Follow @aehlke</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
<div id="content">
<ul id="feature-list">
<li>Source code is available at <a href="http://github.com/aehlke/tag-it" title="Social Coding">Github</a>.</li>
<li>Actual extensible and idiomatic jQuery UI widget.</li>
<li>The widget can be styled using <a href="http://jqueryui.com/themeroller/" title="jQuery UI Themeroller">Themeroller</a> or any premade jQuery UI theme.</li>
<li>Works with <a href="http://addyosmani.github.com/jquery-ui-bootstrap/">jQuery UI Bootstrap</a></li>
<li>Degrades gracefully for browsers without JavaScript (<a href="http://aehlke.github.com/tag-it/examples.html#graceful-degredation">see example</a>).
</ul>
<h2>Demo</h2>
<form>
<label>Tags:</label>
<input name="tags" id="mySingleFieldTags" value="fancy, new, tag, demo">
</form>
<div id="switcher"></div>
<p>
<a href="examples.html" class="highlighted">See more examples</a> of different configuations.
</p>
<h2>Need help?</h2>
<p>See the <a href="faq.html" class="highlighted">FAQ</a> with answers to some common questions; check the <a href="http://github.com/aehlke/tag-it/blob/master/README.markdown">documentation</a>; view-source on the <a href="examples.html">examples page</a>; <a href="http://github.com/aehlke/tag-it/issues">post an issue</a> on GitHub; or ask in the discussion below. You can also <a href="https://github.com/aehlke/tag-it">watch or star</a> the project on GitHub to track its updates.</p>
<h2>Who's using Tag-it?</h2>
<ul>
<li><a href="http://developer.mozilla.org">Mozilla Developer Network</a> uses it for tagging pages and personal interests.</li>
<li><a href="https://mozillians.org">Mozillians</a> uses it for editing profile items.</li>
<li><a href="http://meta.wikimedia.org/wiki/Wikidata">Wikidata</a> uses a forked version for data properties.</li>
<li><a href="http://canv.as">Canvas</a></li>
<li><a href="http://cartodb.com">CartoDB</a></li>
</ul>
<h2>Authors</h2>
<ul>
<li><a href="http://github.com/aehlke">Alex Ehlke</a> <em>(current maintainer)</em></li>
<li><a href="http://github.com/sskylar">Skylar Challand</a></li>
<li><a href="http://github.com/grobie">Tobias Schmidt</a></li>
<li><a href="http://github.com/martinrehfeld">Martin Rehfeld</a></li>
<li><a href="http://github.com/levycarneiro">Levy Carneiro Jr.</a> <em>(original author)</em></li>
<li><em><a href="https://github.com/aehlke/tag-it/graphs/contributors">Full contributor list…</a></em></li>
</ul>
<h2>License</h2>
<p>
Tag-it is released under the <a href="https://github.com/aehlke/tag-it/raw/master/LICENSE">MIT license</a>.
</p>
<p style="margin-top:3em">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://aehlke.github.com/tag-it/" data-via="aehlke" data-hashtags="jQuery">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>
<hr style="margin:3.5em 0 .5em 0;">
<h2>Discuss</h2>
<div id="disqus-container">
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'aehlke-github';
// The following are highly recommended additional parameters. Remove the slashes in front to use.
var disqus_identifier = 'aehlke-github-jquery-tag-it-index-html';
var disqus_url = 'http://aehlke.github.com/tag-it/';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
<div id="footer">
<p class="right weak">Template adopted from <a href="http://orderedlist.com/demos/fancy-zoom-jquery/">orderedlist.com</a></p>
<br class="clear"/>
</div>
</div>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.