Comment faire pour que jQuery Autocomplete affiche les résultats avec des images, et pas de PHP?

Question

J'implémente la saisie semi-automatique jQuery et souhaite afficher les résultats avec une image associée. Chaque image a le même nom que le résultat prévu du champ de saisie semi-automatique. Si quelqu'un tape "braz" alors "brésil" apparaît avec brazil.jpg en ligne à côté. J'ai de la difficulté à l'appliquer.

Si quelqu'un peut me diriger dans la bonne direction, je l'apprécierais. En passant, j'utilise Jorn's version.

Je suis également intéressé par l'utilisation de versions plus petites de saisie semi-automatique, mais je n'ai trouvé que Drew Wilson et je n'ai pas réussi à le faire du tout.

Answer 1

Regardez #suggest4 sur ce demo page. Les fonctions formatItem et formatResult sont utilisées pour faire le résultat et l'élément semble différent.

function formatItem(row) { 
    return row[0] + " (<strong>id: " + row[1] + "</strong>)"; 
} 
function formatResult(row) { 
    return row[0].replace(/(<.+?>)/gi, ''); 
} 

// apply the format functions using the options provided. 
$("#country").autocomplete('getdata.jsp', { 
    formatItem: formatItem, 
    formatResult: formatResult 
};