Jquery Autocomplete

Bonjour !

J'essaye d'avoir un autocomplete en JQuery qui est tiré d'un fichier .txt, la console ne me met aucune erreur mais aucune valeur n'est proposé dans mon autocomplete....svppp <3

<html>
<head>
 <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../Style/stylecours.css">
<link rel="stylesheet" type="text/css" href="../Style/styleheader.css">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

</head>
<script>
	
function initURLTextarea(){
	$("#outter input").autocomplete({
		wordCount:1,
		mode: "outter",
		on: {
			query: function(text,cb){
				var words = [];
				for( var i=0; i<urls.length; i++ ){
					if( urls[i].toLowerCase().indexOf(text.toLowerCase()) == 0 ) words.push(urls[i]);
				}
				cb(words);								
			}
		}
	});
}
var countries = [];
function initContriesTextarea(){
	$.ajax("ville.txt",{
		success: function(data, textStatus, jqXHR){
		countries = data.replace(/\r/g, "" ).split("\n"); 					
		$("input#ville").autocomplete({
			wordCount:1,
			on: {
				query: function(text,cb){
					var words = [];
					for( var i=0; i<countries.length; i++ ){
						if( countries[i].toLowerCase().indexOf(text.toLowerCase()) == 0 ) words.push(countries2[i]);
						if( words.length > 5 ) break;
					}
					cb(words);								
				}
			}
			});											
		}
	});
}
$(document).ready(function(){
	initContriesTextarea();
	initURLTextarea();
});
</script>

<style type="text/css">
	ul.auto-list{
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		background: none repeat scroll 0 0 #F6F6F6;
		border: 1px solid #E5E5E5;
		padding:0;margin:0;
		list-style:none;
	}
	ul.auto-list>li:hover,ul.auto-list>li[data-selected=true]{
		background-color:#319FFF;
		color:#fff;
	}
	ul.auto-list>li{
		cursor:default;
		padding:2px;
	}
	mark{
		background: none repeat scroll 0 0 transparent;
		font-weight: bold;
		text-decoration: underline;
	}
</style>

<input name="ville" id="ville" type="text" size="40"  />
<div id="outter"></div>
</html>

indication non visible

Jquery Autocomplete

Supprimer

Modérer

Signaler le message aux modérateurs