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.
Code:<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; } }); });



Reply With Quote

Bookmarks