Search a keyword but but only on one kind of tag

[Marc Pichouron]

Hello, so first of all i would say you that i'm french so sorry for my
sitakes.
I made an application in XML/XSL which presents the people of my
company

Let me show the structure of my form :

<tr onMouseOver="this.bgColor='#ADC8E9';"
onMouseOut="this.bgColor='#F5F5F5';">
<td width="14.28%">Name1</td>
<td width="14.28%">FirstName1</td>
<td width="14.28%">Phone1</td>
</tr>
<tr onMouseOver="this.bgColor='#ADC8E9';"
onMouseOut="this.bgColor='#F5F5F5';">
<td width="14.28%">Name2</td>
<td width="14.28%">FirstName2</td>
<td width="14.28%">Phone2</td>
</tr>
<tr onMouseOver="this.bgColor='#ADC8E9';"
onMouseOut="this.bgColor='#F5F5F5';">
<td width="14.28%">Name3</td>
<td width="14.28%">FirstName3</td>
<td width="14.28%">Phone3</td>
</tr>

etc...

And in this form i want to allow user to search on the column which is
sorted. For example, if the user sort the "Name" column, they will
search on this one.

==> THERE IS MY QUESTION : HOW CAN I DO THAT ???????

i am looking for "getElementById" or getElementsById but i have many
problems !!
we can imagine that all the td for name get the same "id" or "name"
but how can i get all this "td" ???

I hope you understand my problem

thank you for your answers,

Marc

[HikksNotAtHome]

In article <b6**************************@posting.google.com >,
ma************@yahoo.fr (Marc Pichouron) writes:

<--snip-->

<tr onMouseOver="this.bgColor='#ADC8E9';"
onMouseOut="this.bgColor='#F5F5F5';">
<td width="14.28%">Name3</td>
<td width="14.28%">FirstName3</td>
<td width="14.28%">Phone3</td>
</tr>

etc...

And in this form i want to allow user to search on the column which is
sorted. For example, if the user sort the "Name" column, they will
search on this one.

==> THERE IS MY QUESTION : HOW CAN I DO THAT ???????

i am looking for "getElementById" or getElementsById but i have many
problems !!
we can imagine that all the td for name get the same "id" or "name"
but how can i get all this "td" ???

I hope you understand my problem

thank you for your answers,

give each td tag a unique id, starting with the category. The above quoted
would become:

<td width="14.28%" id="name_3">Name3</td>
<td width="14.28%" id="firstName_3">FirstName3</td>
<td width="14.28%" id="phone_3">Phone3</td>
This script:

function showThem(id_substring){
myTDTags = document.getElementsByTagName("TD")
for (i=0;i<myTDTags.length;i++)
{
if ((myTDTags[i].id.substring(0,id_substring.length)) == id_substring)
{
myTDTags[i].style.background = 'red'
}
else
{
myTDTags[i].style.background = 'white'
}
}
}

Using this HTML:

<table>
<tr>
<td id="name_1">Name 1</td>
<td id="firstName_1">First Name 1</td>
<td id="phone_1">Phone 1</td>
</tr>
<tr>
<td id="name_2">Name 2</td>
<td id="firstName_2">First Name 2</td>
<td id="phone_2">Phone 2</td>
</tr>
<tr>
<td id="name_3">Name 3</td>
<td id="firstName_3">First Name 3</td>
<td id="phone_3">Phone 3</td>
</tr>
</table>
<button onclick="showThem('name')">Color the Name</button>
<button onclick="showThem('firstName')">Color the First Name</button>
<button onclick="showThem('phone')">Color the Phone</button>

Works in IE6.0, Mozilla 1.4 and Opera 7. Modify it if need be. If not, post a
sample URL to look at.
--
Randy