1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
| <script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/lib/jquery.dimension.js"?>"></script>
<script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/lib/jquery.bgiframe.min.js"?>"></script>
<script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/jquery.autocomplete.js"?>"></script>
<script type="text/javascript">
$(document).ready(function()
{
$.ajax({ // Requete ajax
type: "POST", // envoie en POST
url: "<?php echo CHEMIN_ABSOLU."/sk/vues/autocomplete/ville.php" ?>", // url cible du script PHP
async: true, // mode asynchrone
data: "", // données envoyées
success: function(xml){ // Lorsque le PHP à renvoyé une réponse
var villesArray = new Array();//tableau des villes
var ecolesArray = new Array();//tableau des ecoles
var compArray = new Array(); //tableau des competences
//creation des tableaux pour autocompletion
$(xml).find('ville').each(function(){ // pour chaque "element"
villesArray.push($(this).text()); // ajout dans le tableau
});
$(xml).find('ecole').each(function(){ // pour chaque "element"
ecolesArray.push($(this).text()); // ajout dans le tableau
});
$(xml).find('competence').each(function(){ // pour chaque "element"
compArray.push($(this).text()); //ajout dans le tableau
});
//autocompletion des villes
$("#villeProfil").autocomplete(villesArray, {
/*matchContains : true, //permet d'afficher aussi les mots contenus dans un ensemble plus grand*/
minChars : 1,
multiple : false//permet de séparer plusieurs logins par une virgule
}); // activation de l'autocompletion
//autocompletion des ecoles
$("#ecoleProfil").autocomplete(ecolesArray,{
matchContains:true,
minChars:1,
multiple:false
});
$("#competencesProfil").autocomplete(compArray,{
matchContains:true,
minChars:1,
multiple:true
});
}
});
});
[... code sans rapport ...]
</script> |
Partager