Skip to content


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>
<!-- -->
<!--[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]-->
<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="" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="">
<link rel="stylesheet" type="text/css" href="">
<link href="_static/master.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="">
<script src="" type="text/javascript" charset="utf-8"></script>
<script src="" 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>
var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];
availableTags: sampleTags
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 type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23936636-1']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" 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>
<em>Simple and configurable tag editing widget with autocomplete support.</em>
<ul id="nav">
<li><a href="">Source</a></li>
<li><a href="">Bugs</a></li>
<li><a href="">Docs</a></li>
<li><a href="">Download</a></li>
<div id="twitter" class="highlighted">
<a href="" 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.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div id="content">
<ul id="feature-list">
<li>Source code is available at <a href="" title="Social Coding">Github</a>.</li>
<li>Actual extensible and idiomatic jQuery UI widget.</li>
<li>The widget can be styled using <a href="" title="jQuery UI Themeroller">Themeroller</a> or any premade jQuery UI theme.</li>
<li>Works with <a href="">jQuery UI Bootstrap</a></li>
<li>Degrades gracefully for browsers without JavaScript (<a href="">see example</a>).
<input name="tags" id="mySingleFieldTags" value="fancy, new, tag, demo">
<div id="switcher"></div>
<a href="examples.html" class="highlighted">See more examples</a> of different configuations.
<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="">documentation</a>; view-source on the <a href="examples.html">examples page</a>; <a href="">post an issue</a> on GitHub; or ask in the discussion below. You can also <a href="">watch or star</a> the project on GitHub to track its updates.</p>
<h2>Who's using Tag-it?</h2>
<li><a href="">Mozilla Developer Network</a> uses it for tagging pages and personal interests.</li>
<li><a href="">Mozillians</a> uses it for editing profile items.</li>
<li><a href="">Wikidata</a> uses a forked version for data properties.</li>
<li><a href="">Canvas</a></li>
<li><a href="">CartoDB</a></li>
<li><a href="">Alex Ehlke</a> <em>(current maintainer)</em></li>
<li><a href="">Skylar Challand</a></li>
<li><a href="">Tobias Schmidt</a></li>
<li><a href="">Martin Rehfeld</a></li>
<li><a href="">Levy Carneiro Jr.</a> <em>(original author)</em></li>
<li><em><a href="">Full contributor list…</a></em></li>
Tag-it is released under the <a href="">MIT license</a>.
<p style="margin-top:3em">
<a href="" class="twitter-share-button" data-url="" 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.src="//";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<hr style="margin:3.5em 0 .5em 0;">
<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 = '';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
<noscript>Please enable JavaScript to view the <a href="">comments powered by Disqus.</a></noscript>
<a href="" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
<div id="footer">
<p class="right weak">Template adopted from <a href=""></a></p>
<br class="clear"/>
Jump to Line
Something went wrong with that request. Please try again.