- Liittynyt
- 31.01.2018
- Viestejä
- 11
Koodi:var row = document.getElementById('tableRowElement'); row.parentNode.appendChild(row);
tuosta pikku vinkki.
Vinkilläsi pääsin niin pitkälle että nyt raidoitus toimii filteröinnin kera. Mutta nyt ongelmaksi muodostui piilotettujen alkioiden palauttaminen kun filteristä poistaa kirjaimia. Joku pikkuvirhe tuossa ilmeisesti on
Edit: Siis filteröinti toimii mutta jos pyyhin filtterin input kentästä kaiken tekstin pois pitäisi näkyä koko lista mutta jostain syystä häviää kaikki alkiot listasta
Koodi:
<input class="form-control" onkeyup="myFunction(trs)" id="myInput" type="text" placeholder="Etsi piirustusnumerolla.">
$(function(){
// save all list entries to global variable trs
table = document.getElementById("myTableBody");
trs = table.getElementsByTagName("tr");
});
function myFunction(list) {
// Declare variables
var input, filter, td, i, rows = [];
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
tr = list;
// Loop through all table rows, and hide those who don't match the search query
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[1];
if (td) {
if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
rows.push(tr[i]);
}
}
}
$("#myTableBody").empty();
// if filter is longer than 0 characters build list with filtered items only, if not display the original list
if (filter.length > 0) {
for (i = 0; i < rows.length; i++){
$("#myTableBody").append(rows[i]);
}
} else {
for (i = 0; i < tr.length; i++) {
$("#myTableBody").append(tr[i]);
}
}
}
Viimeksi muokattu: