When I prepared the lss export it suddenly worked. I have looked where the difference between the survey and the test export file is. We have an autocomplete function for the text field in column 1. This is the problem. When I added the function back in, the slider stopped working. Is there any way to make both the autocomplete and the slider work together? Here is the script to our autocomplete:
<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" /><script src="//code.jquery.com/jquery-1.10.2.js"></script><script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link href="/resources/demos/style.css" rel="stylesheet" /><script>
$(document).ready(function() {
var insertans = "{q1.NAOK}";
var url="/upload/surveys/XXX/files/";
var end=".js";
$.when(
//then load the JavaScript file
$.getScript(url+insertans+end),
$.Deferred(function( deferred ){
$( deferred.resolve );
})
).done(function(){
$('td.answer_cell_1 > input[type="text"]').autocomplete({
source: function(request, response) {
var term = request.term; // request.term = user query
var data = handleAutocomplete(term); //your custom handling
data.sort(function(a,b) {
a = a.toLowerCase();
b = b.toLowerCase();
if( a == b) return 0;
return a < b ? -1 : 1;
});
response(data.slice(0,10));
}
});
function recursiveListUpdate(autofill, keywords) {
newList = [];
autofill.forEach(function(element) {
if (element.toLowerCase().indexOf(keywords[counter].toLowerCase())>= 0) {
newList.push(decodeURI(element)); //if any %20, etc symbols
}
});
counter++;
if (counter == keywords.length) {
return newList;
}
return recursiveListUpdate(newList, keywords);
}
function handleAutocomplete(term) {
var str = term; // get the "keywords"
var keywordsFromNameInput = str.split(" "); // split them into a list
counter =0 ; // set counter for keywords.length
// recursively get new list that contains the given keywords no matter the order
return recursiveListUpdate(autofill, keywordsFromNameInput);
}
$.ui.autocomplete.prototype._renderItem = function (ul, item) {
var t = String(item.value).replace(
new RegExp(this.term, "gi"),
"<strong>$&</strong>");
return $("<li></li>")
.data("item.autocomplete", item)
.append("<a>" + t + "</a>")
.appendTo(ul);
};
});
});
</script>
Topic Author
