Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
87 lines (72 sloc) 3.9 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="de" lang="de">
<title>jQuery Plugin tagedit - Tageditor</title>
<meta name="generator" content="Komodo IDE" />
<meta name="author" content="Oliver Albrecht" />
<meta name="description" content="Example Page for the jQuery Plugin tagedit. It offers an inputfield for adding, editing und deleting keywords, tags and other lists. There is also autocompletion" />
<meta name="robots" content="index, follow" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="de"/>
<meta name="language" content="de"/>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="StyleSheet" href="css/ui-lightness/jquery-ui-1.8.6.custom.css" type="text/css" media="all"/>
<link rel="StyleSheet" href="css/jquery.tagedit-1.0.0.css" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.autoGrowInput.js"></script>
<script type="text/javascript" src="js/jquery.tagedit-1.0.2.js"></script>
<script type="text/javascript">
$(function() {
// Fullexample
$( "#tagform-full" ).find('input.tag').tagedit({
autocompleteURL: 'server/autocomplete.php',
// Edit only
$( "#tagform-editonly" ).find('input.tag').tagedit({
autocompleteURL: 'server/autocomplete.php',
allowEdit: false,
allowAdd: false,
<h1>jQuery Plugin Tagedit</h1>
The jQuery Plugin <strong>tagedit</strong> by <a href="" title="visit my homepage">Oliver Albrecht</a> offers an easy way to add, edit and delete lists of keywords.<br/>
Keywords can be brought to the user with a autocomplete list.<br/><br/>
This plugin was inspired by the <a href="">jQuery Plugin Tag it!</a> created by <a href="">Levy Carneiro Jr</a>.
You can watch a <a href="">screencast on youtube</a> and get the <a href="">code on github</a>.<br/>
A (maybe older) release can also be found ath the <a href="">jQuery plugin repository</a>.
<li><a href="">jQuery 1.4.x</a></li>
<li><a href="">jQuery UI 1.8.x</a></li>
<li><a href="">autoGrowInput</a> by <a href="">James Padolsey</a></li>
<h2>Try out a demonstration</h2>
<h3>Full example</h3>
<form action="server/formtarget.php" method="post" id="tagform-full">
<input type="text" name="tag[19-a]" value="Merlin" class="tag"/>
<input type="text" name="tag[15-d]" value="Little Owl" class="tag"/>
<input type="submit" name="save" value="Save"/>
<h3>Add only - restricted on Autocomplete List</h3>
<form action="server/formtarget.php" method="post" id="tagform-editonly">
<input type="text" name="tag[3]" value="Hazel Grouse" class="tag" />
<input type="submit" name="save" value="Save"/>
<p class="footer">
<a rel="license" href=""><img alt="Creative Commons License" style="border-width:0" src="" /></a><br />This work is licensed under a <a rel="license" href="">Creative Commons Attribution 3.0 Unported License</a>.<br/>
&copy; 2010 Oliver Albrecht - <a href=""></a>
Something went wrong with that request. Please try again.