Në demonstrimin më lartë mund të kërkoni një këngë të njohur anglisht (nga 100 këngët më të njohura). Pas futjes së dy shkronjave tregohet titulli i këngës apo emri i këngëtarit ose grupit. Rezultatet tregohen në tabelë të Bootstrap-it.
<div class="container">
<form>
<div class="input-group">
<input name="kenget" id="kenget" type="text" class="form-control form-control-no-focus" autocomplete="off" placeholder="Search song title ">
<div class="input-group-append">
<button class="btn btn-secondary btn-no-focus demo-pulla-per-kerkim" type="button">
<i class="fa fa-search"></i>
</button>
</div>
</div>
</form>
</div>
<script>
$(function() {
$('#kenget').typeahead({
hint: true,
highlight: true,
minLength: 2,
maxLength: 10,
maxItem: 10,
source: function(query, result) {
$.ajax({
url: "burimi.php",
method: "POST",
data: {
query: query
},
dataType: "json",
success: function(data) {
result($.map(data, function(item) {
return item;
}));
}
})
}
});
});
</script>
<?php $conn = new mysqli ("", "", "", ""); mysqli_set_charset ($conn, "utf8"); $data = array(); $sql = "SELECT titulli, artisti, viti FROM top_100_kenget WHERE titulli LIKE '%".$request."%' OR artisti LIKE '%".$request."%' AND list_eu > 21.000 LIMIT 0, 40"; $result = $conn -> query($sql); while ($row = $result -> fetch_assoc()) { $data[] = $row["titulli"].' - '.$row["artisti"]; } echo json_encode($data); $conn -> close(); ?>