summaryrefslogtreecommitdiff
path: root/data/templates/editbookmark.tpl.php
diff options
context:
space:
mode:
authorChristian Weiske <cweiske@cweiske.de>2011-03-22 18:20:37 +0100
committerChristian Weiske <cweiske@cweiske.de>2011-03-22 18:20:37 +0100
commit21c583a4cd7c6c74ba8f907c962df8718fc2b3a1 (patch)
tree114f4be0a9f467a1801a3f183d69f0b8c1c6a63f /data/templates/editbookmark.tpl.php
parentabc2ca6f79d14ed92fdd251284708212eba425dd (diff)
downloadsemanticscuttle-21c583a4cd7c6c74ba8f907c962df8718fc2b3a1.tar.gz
semanticscuttle-21c583a4cd7c6c74ba8f907c962df8718fc2b3a1.tar.bz2
autocomplete with jquery (hardcoded tag list for now)
Diffstat (limited to 'data/templates/editbookmark.tpl.php')
-rw-r--r--data/templates/editbookmark.tpl.php41
1 files changed, 39 insertions, 2 deletions
diff --git a/data/templates/editbookmark.tpl.php b/data/templates/editbookmark.tpl.php
index bbdd544..0bfdb29 100644
--- a/data/templates/editbookmark.tpl.php
+++ b/data/templates/editbookmark.tpl.php
@@ -118,15 +118,52 @@ function jsEscTitle($title)
</form>
<link href="<?php echo ROOT ?>js/jquery-ui-1.8.5/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css"/>
-
+
<script type="text/javascript" src="<?php echo ROOT ?>js/jquery-ui-1.8.5/jquery.ui.core.js"></script>
<script type="text/javascript" src="<?php echo ROOT ?>js/jquery-ui-1.8.5/jquery.ui.widget.js"></script>
<script type="text/javascript" src="<?php echo ROOT ?>js/jquery-ui-1.8.5/jquery.ui.position.js"></script>
<script type="text/javascript" src="<?php echo ROOT ?>js/jquery-ui-1.8.5/jquery.ui.autocomplete.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
+ function split(val)
+ {
+ return val.split(/,\s*/);
+ }
+
+ function extractLast(term)
+ {
+ return split(term).pop();
+ }
+ var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"];
+
jQuery("input#tags").autocomplete({
- source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
+
+ minLength: 0,
+
+ source: function(request, response) {
+ // delegate back to autocomplete, but extract the last term
+ response(
+ $.ui.autocomplete.filter(
+ availableTags, extractLast(request.term)
+ )
+ );
+ },
+
+ focus: function() {
+ // prevent value inserted on focus
+ return false;
+ },
+ select: function(event, ui) {
+ var terms = split(this.value);
+ // remove the current input
+ terms.pop();
+ // add the selected item
+ terms.push(ui.item.value);
+ // add placeholder to get the comma-and-space at the end
+ terms.push("");
+ this.value = terms.join(", ");
+ return false;
+ }
});
});
</script>