hello, I have this javascript. It is working when hosted on my local machine however when I upload it online, it does not work.
It is basically a script that lets users tag their friends. When a user presses ‘@’ a list comes up displaying their friends and they can then select and add into to the form.
<script type="text/javascript">
$(function() {
function split(val) {
return val.split(/(@)/);
}
function extractLast(term) {
return split(term).pop(/,\\s*/);
}
$("#post")
// don't navigate away from the field on tab when selecting an item
.bind("keydown", function(event) {
if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
event.preventDefault();
}
}).autocomplete({
minLength: 0,
source: function(request, response)
{
var term = request.term,
results = [];
if (term.indexOf("@") >= 0) {
term = extractLast(request.term);
if (term.length > 0) {
$.getJSON( "friends_json.php", {
term: extractLast( request.term )
}, response );
} else {
results = ['Start typing...'];
}
}
response(results);
},
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;
}
}); });