[js]
function doSearch() {
var q = document.getElementById("q");
var v = q.value.toLowerCase();
var rows = document.getElementsByTagName("tr");
var on = 0;
for ( var i = 0; i < rows.length; i++ ) {
var fullname = rows.getElementsByTagName("td");
fullname = fullname[0].innerHTML.toLowerCase();
if ( fullname ) {
if ( v.length == 0 || (v.length < 1 && fullname.indexOf(v) == 0) || (v.length >= 1 && fullname.indexOf(v) > -1 ) ) {
rows.style.display = "";
on++;
} else {
rows.style.display = "none";
}
}
}
var n = document.getElementById("noresults");
if ( on == 0 && n ) {
n.style.display = "";
document.getElementById("qt").innerHTML = q.value;
} else {
n.style.display = "none";
}
}[/js]
Здравейте този скрипт търси символите в таблица но търси само в "<tr>" искам да търси и да показва само в "<td>" ето примерен html
В случая ако търся сиволи 1 или 4 ще ми излязат техните редове но аз искам да ми показва отделните цифри които търся
function doSearch() {
var q = document.getElementById("q");
var v = q.value.toLowerCase();
var rows = document.getElementsByTagName("tr");
var on = 0;
for ( var i = 0; i < rows.length; i++ ) {
var fullname = rows.getElementsByTagName("td");
fullname = fullname[0].innerHTML.toLowerCase();
if ( fullname ) {
if ( v.length == 0 || (v.length < 1 && fullname.indexOf(v) == 0) || (v.length >= 1 && fullname.indexOf(v) > -1 ) ) {
rows.style.display = "";
on++;
} else {
rows.style.display = "none";
}
}
}
var n = document.getElementById("noresults");
if ( on == 0 && n ) {
n.style.display = "";
document.getElementById("qt").innerHTML = q.value;
} else {
n.style.display = "none";
}
}[/js]
Здравейте този скрипт търси символите в таблица но търси само в "<tr>" искам да търси и да показва само в "<td>" ето примерен html
HTML:
<form action="#" method="get" onsubmit="return false;">
<input type="text" size="60" name="q" id="q" value="" onkeyup="doSearch();" />
</form>
<table>
<tr style="display:none;" id="noresults">
<td>(няма намерени "<span id="qt"></span>")</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>