Hello,
I've used this code for other purposes and it works just fine.
I need a modificcation on this code so it does the following:
1. when text is searched and found, the program should hide all the rows that do not contain that word
example:
when searching for the word: "computer"
I should get only: a. computer science & b. computer engineering
2. (optional) Let search be done in the second column (major) only instead of the whole table.
<html>
<head>
<style type="text/css">
h3.one
{
visibility:visible
}
h5.two
{
visibility:visible
}
</style>
<script language="Javascript">
var IE4 = (document.all);
var win = top
var n = 0;
function search(str)
{
var txt, i, found;
if( str == "" )
return false;
if (IE4)
{
txt = win.document.body.createTe
xtRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++)
{
txt.moveStart("character",
1);
txt.moveEnd("textedit");
}
if (found)
{
txt.moveStart("character",
-1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else
{
if (n > 0)
{
n = 0;
alert(str + " File exists.");
}
else
alert(str + " was not found on this page.");
}
}
}
</script>
</head>
<body>
<h3 class="one">
<form name="myForm">
<input type="text" name="query">
<input type="button" value="search" onclick="search(this.form.
query.valu
e);">
</form>
</h3>
<h5 class="two">
<table border size=1>
<tr> <td>univ.</td> <td>major</td> <td>%</td> <td>ann. cost</td></tr>
<tr> <td>UCLA</td> <td>computer science</td> <td>70</td> <td>1000</td></tr>
<tr> <td>OSU</td> <td>civil engineering</td> <td>60</td> <td>2000</td></tr>
<tr> <td>FAU</td> <td>computer engineering</td> <td>75</td> <td>3000</td></tr>
<tr> <td>FAU</td> <td>IT</td> <td>75</td> <td>3000</td></tr>
<tr> <td>FAU</td> <td>IS</td> <td>75</td> <td>3000</td></tr>
</table>
</h5>
</body>
</html>
Start Free Trial
