рони,
большое Вам спасибо!!!! |
У меня вопрос я использую поиск по таблице html через js - мой код ниже. Вопрос в том у меня большая таблица много строк, как сделать чтоб табличка была скрыта и только после запроса выводился ответ.
<input id='myInput' onkeyup='searchTable()' type='text'>
<script>
function searchTable() {
var input, filter, found, table, tr, td, i, j;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td");
for (j = 0; j < td.length; j++) { if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
found = true;
}
}
if (found) {
tr[i].style.display = "";
found = false;
} else {
tr[i].style.display = "none";
}
}
}
</script>
<table id="myTable">
<tbody>
<tr>
<td>Afghanistan</td>
<td>+93</td>
<td>Афганистан</td>
<td>Афганістан</td>
</tr>
|
kostas88,
<meta charset="utf-8">
<style type="text/css">
#myTable tr{
display: none;
}
</style>
<input id='myInput' onkeyup='searchTable()' type='text'>
<script>
function searchTable() {
var input, filter, display, table, tr, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
var text = tr[i].textContent.toUpperCase();
display = "";
if (filter && text.indexOf(filter) > -1 ) display = "table-row"
tr[i].style.display = display;
}
}
</script>
<table id="myTable">
<tbody>
<tr>
<td>Afghanistan</td>
<td>+93</td>
<td>Афганистан</td>
<td>Афганістан</td>
</tr>
</tbody></table>
|
А если у меня вордпрес страница. и структура следующая:
<p> some text</p> тут будет код и таблица <p> some text</p> Извините сразу если тупой вопрос - но к сожалению сам не смог додуматся |
Цитата:
|
Цитата:
|
Вот сделал так но у меня весь текст скрыт
<?php
require('header.php'); ?>
<div class="content-wrapper">
<main class="content">
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<style>
#myTable tr{
display: none;
}
<body>
<p>text</p>
<input id='myInput' onkeyup='searchTable()' type='text'>
<script>
function searchTable() {
var input, filter, display, table, tr, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
var text = tr[i].textContent.toUpperCase();
display = "";
if (filter && text.indexOf(filter) > -1 ) display = "table-row"
tr[i].style.display = display;
}
}
</script>
<table id="myTable">
<tbody>
<tr>
<td>Afghanistan</td>
<td>+93</td>
<td>Афганистан</td>
<td>Афганістан</td>
</tr>
<tr>
<td>Albania</td>
<td>+355</td>
<td>Албания</td>
<td>Албанія</td>
</tr>
</tbody>
</table>
<p>text</p>
</body>
</html>
</main>
<?php
require('sidebar.php'); ?>
</div><!-- /.content-wrapper -->
<?php require('footer.php'); ?>
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 21:47. |