Dynamic Table Filtering/Searching using DHTML and JavaScript

• Download source - 3.2 Kb

Latest version is v1.0e

Demo

Sales Employee Table Name Group Salary Zone Status Joe Alpha 400 USD North,South Off-Site Celest Beta 50000 YEN North OK Brian Alpha 4000 SGD North,East,South Off-Site David Alpha 7000 SGD West,South On Leave Pauline Gamma 450 USD West On Leave April Gamma 2400 SGD North, West OK Sharon Beta 2000 SGD East,South Off-Site Paul Beta 2500 SGD North,South,East,West On Leave

Enable Filter Name:(substring1 search) Group:(full string search, Multi-select) Status:(full string search) Alpha Beta Gamma - OK Off-Site On Leave Salary:(complex query) Zone:(Item search, Multi-select) Checkbox: (Filter by status of checkbox) - USD SGD YEN East West North South - checked unchecked

Background

A while ago, I was working on a typical web application that allows a user to browse and manage customer data stored in a database, among other things. The normal thing to do would be implement such logic on the server-side. However, a specific requirement was that the user must be able to quickly search and find one or more records from a table using one or more search criteria. To make a round trip to the server and back is considered too expensive. Therefore a client-side solution is required.

This solution uses a combination of JavaScript and DHTML. The script was created with flexibility, reusability and simplicity in mind. I.e. The developer (meaning you) is only required to include the script, setup a few parameters, and make the JavaScript calls in the appropriate event handlers.

Features

This script offers the following set of features:

• search criteria can be a text box, single or multi-select list box
• allows a combination of search criteria (as an AND operation)
• 4 types of matching strategies are available:
  1. substring1 - substring search (from 1st char) (default)
     e.g. man will match "manhood" and "man is evil" NOT "superman" and "he is a man"
  2. substring - substring search (anywhere within)
     e.g. man will match "manhood" and "superman" and "he is a man"
  3. full - full string search
     e.g. man will match "man" NOT "manhood", "superman", "man is evil" and "he is a man"
  4. item - search for a word/phrase in a comma separated string
     e.g. man will match "man,woman,child" NOT "superman,superwoman,kid" and "boy,girl,dog"
• performs full string match (in substring1 mode) if last char in search string is a white space.
• allows search to be turned off/on.
• *NEW* allows filtering by checkbox status in the table. Search criteria can be expressed as either a checkbox or a single select dropdown list.

Usage

In order to use this script, you will first have to include it in your HTML as follows:

<SCRIPT LANGUAGE="JavaScript" SRC="tablefilter.js" TYPE='text/javascript'>
</SCRIPT>

And the recommended place to include this code is in the head section of the HTML.

Setting up the table

First, give the table element a handle using the attribute id or name. This is required so that the script can access the rows within the table using this reference. In the cell elements, include a custom attribute called TF_colKey and give it a label to identify the column. Note that this attribute is only required in those columns that will be searched on. Make sure that all cells in a particular column use the same label. Also note that the label names are "case-insensitive".

An example of how this will look in HTML is shown here:

<table id="dataTable">
  <tbody> 
    <tr> 
      <td TF_colKey="ckbox"><INPUT type="checkbox"></td> 
      <td TF_colKey="name">Joe</td>
      <td TF_colKey="group">Alpha</td>
      <td TF_colKey="salary">400</td>
      <td TF_colKey="zone">North,South</td>
      <td TF_colKey="status">Off-Site</td>
    </tr>
    <tr> 
      <td TF_colKey="name">Celest</td>
      <td TF_colKey="group">Beta</td>
      <td TF_colKey="salary">5000</td>
      <td TF_colKey="zone">North</td>
      <td TF_colKey="status">OK</td>
    </tr>
  </tbody>
</table>

Now that's the easy part done!

Setting up the search form

The search criteria input mechanism is implemented using an HTML form. In order to identify the group of search inputs, it is necessary to give the form element a handle using either the id or name attribute.

<form name="filter" onsubmit="TF_filterTable(dataTable, filter);return false" 
         onreset="_TF_showAll(dataTable)">

Override onsubmit to call the main script function TF_filterTable(table, form) passing in the handles to the table and form elements. By doing so, the search will be activated when the user hits the Enter key. Since this form does not actually submit to a server, append a return false to cancel the submission.

You may also want to allow the user to easily reset the search form and show all the rows by having onreset call the script function _TF_showAll(table) passing in the handle to the table element.

Using a text input box

Use the following code to implement a text input search field:

<input type="text" TF_colKey="name" TF_searchType="full" 
          onkeyup="TF_filterTable(dataTable, filter)">

The attribute TF_colKey should reflect the name of the column where this search parameter is applicable. So in the case above, the entry in the textbox will be matched against any cells that has the value "name" in its (the cell's) TF_colKey attribute. Again, this attribute is only necessary for those input fields that will be used in the search process. This is especially useful for building complex query inputs (explained in a later section).

The attribute TF_searchType is optional and it defines the type of matching that will be performed. The available choices are substring1 - substring search from first character (default), substring - substring search anywhere within, full - only matches the full string and item - matches any comma-seperated word/phase. In the example above, we are using full string search.

To activate the search as soon as the user presses a key, override onkeyup to call the main search function TF_filterTable(table, form) passing in the handles to the table and form elements.

Using a selection list input box

Use the following code to implement a selection list input search field:

<select TF_colKey="status" onChange="TF_filterTable(dataTable, filter)">
  <option TF_not_used value="">-</option>
  <option value="OK">OK</option>
  <option value="Off-Site">Off-Site</option>
  <option value="On Leave">On Leave</option>
</select>

Again, the attribute TF_colKey should reflect the name of the column where this search parameter is applicable. So in the case above, the entry in the listbox will be matched against any cells that have the value "status" in its (the cell's) TF_colKey attribute.

As with all other search inputs, the optional attribute TF_searchType can be specified in the select element to define an alternative matching strategy.

Note that the value attribute of the option element will be used as the search string, NOT the enclosing text. If a particular option is not meant to be searched on (e.g. a default value in a single select drop down listbox like the first option in the example above), use the custom attribute TF_not_used to exclude it from the search.

To activate the search as soon as a selection is made, override onChange to call the main search function TF_filterTable(table, form) passing in the handles to the table and form elements.

If a multiple selection list is used (by specifying the size attribute in the select element), then the selections are matched in an OR manner. Check out the demo to find out how this works.

Filtering the content of the table based on checkbox state

By popular demand, I've added a new feature that allows the filtering of rows based on the state of checkbox. To use this feature, you can specify the search box in one of two ways; either a checkbox or a dropdown list. In the above demo, I've chosen to use the dropdown list for ease of implementation.

Do note that as three states are required to express the search criteria (i.e. checked, unchecked and off), plus the fact that a HTML checkbox cannot be used in tri-state mode, you will need to implement another control (e.g. checkbox) to enable or disable the search checkbox to fully express the search criteria, which IMHO, looks rather clumsy. In any case, the code fully supports this use case and I've done some preliminary testing so it should work as advertised.

The code to display the dropdown list search criteria is as follows:

<SELECT onchange="TF_filterTable(dataTable, filter)" 
                TF_colKey="ckbox" TF_searchType="checkbox">
    <OPTION value="" selected TF_not_used>-</OPTION> 
    <OPTION value="true">checked</OPTION> 
    <OPTION value="false">unchecked</OPTION>
</SELECT>        

Again, the attribute TF_colKey should reflect the name of the column where this search parameter is applicable. So in the case above, the entry in the listbox will be matched against any cells that have the value "ckbox" in its (the cell's) TF_colKey attribute.

Note that the use of TF_searchType="checkbox" is 'mandatory' for this code to work. In addition, The option value for checked 'must' be a string with the value "true" and similarly, the option value for unchecked 'must' be a string with the value "false".

For those who are interested, the code to display the checkbox search criteria is as follows:

<INPUT type="checkbox" TF_colKey="ckbox" 
           onclick="TF_filterTable(dataTable, filter)">

Building complex query inputs

One of the challenges I faced in the project was to build a single search criterion using multiple input fields. E.g. table value is "100 USD" and the inputs are constructed using one text box for the numeric part, and one selection list for the units portion (See demo above for a live example).

At first thought, I had wanted to incorporate this feature directly in the script. But I've yet to find an elegant way to do it; the implementation wasn't robust enough to handle all the combinations plus using it becomes really complicated. Perhaps in a future version. In the meantime however, here's an approach you can use:

Define an intermediate input field that is hidden from view (Use either a hidden input field or set the display style to none). Write a custom function to perform the necessary formatting (e.g. concatenating the values) from the inputs that make up the complex query and place the result in the hidden field. Then in the event handler of the search inputs, make a call to the formatting function before calling the table filtering function. And that's it!

Here's the code snippet that does the complex query in the demo above:

<input type="text" name="salText" 
    onblur="TF_concat_and_set(salText, salSelect, salHidden);
    TF_filterTable(dataTable, filter);">
<select name="salSelect" 
    onChange="TF_concat_and_set(salText, salSelect, salHidden);
    TF_filterTable(dataTable, filter);">
 <option value="" TF_not_used>-</option>
 <option value=" USD">USD</option>
 <option value=" SGD">SGD</option>
 <option value=" YEN">YEN</option>
</select>
<input type="hidden" name="salHidden" TF_colKey="salary" 
                        TF_searchType="substring">

Notice that the custom attribute TF_colKey is not defined for both the text and select elements as we do not want them to be included in the search; we define that attribute in the hidden input field instead. The function TF_concat_and_set will perform a concatenation of the two input values and place the result in the hidden input. This utility function is included in the table filter script as a convenience for other users.

Turning the search form on/off

A utility function TF_enableFilter(table, form, checkbox) is provided to easily turn the search feature on or off. In the off state, the table will show all the rows and the search form will be hidden. To enable this feature, use the following code snippet:

<input type="checkbox" checked 
       onclick="TF_enableFilter(dataTable, filter, this)">

Browser Compatibility

This script and the demo were developed and tested on the IE platform only, since the project did not require Netscape compatibility. It shouldn't be too difficult to make it work on Netscape and I'll probably get round to it when I have the time. I would appreciate any help in this area as well.

Conclusion

Well, that's it folks. It has been good fun developing this script and writing this article. Hope you will enjoy it too! Oh, and I most certainly welcome any feedback, bug reports or suggestions.

Version History

• 19/6/2007 - version 1.0e release

  • Added convenience function TF_check_uncheck_all_rows to help check/uncheck all rows in the table
  • Added feature to allow filtering by checkbox status via checkbox OR single select dropdown list
  • Added feature to allow filtering by checkbox status

• 24/8/2001 - version 1.0d release

  • Added functions _TF_get_value and TF_concat_and_set
  • Hidden input can now be used as a search field
  • Implemented "substring" search mode
  • Improved robustness/flexibility: if a cell <td> in the table or input <input>/<select> in the search form does not take part in the search (hence does not have the attribute "TF_colKey"), the script will gracefully ignore it. Previously, it would generate a script error
  • Reintroduced "TF_not_used" custom attribute to the option element. I've apparently managed to loose it in the v1.0 pre-release *DUH!*

• 16/8/2001 - version 1.0c release

  • Modified _TF_trimWhitespace to trim the front as well
  • Fixed bug in _TF_filterTable that cause AND search combinations not to work properly

• 9/8/2001 - version 1.0b release

  • Added _TF_showAll function
  • Modified _TF_filterTable to use_TF_shouldShow function.
  • Added TF_searchType attribute to define a search type
  • Implemented "item" search
  • Added _TF_shouldShow function

• 26/7/2001 - version 1.0a release

  • Added _TF_trimWhitespace function
  • Modified _TF_filterTable single condition search to include full pattern search if the last char of the search string is a whitespace

• 14/6/2001 - version 1.0 initial release

You must Sign In to use this message board.

FAQ  Noise Tolerance Very HighHighMediumLowVery Low  Search Messages    Layout Expand All MessagesThread ViewNo Javascript (slow)No Javascript Preview    Per page 102550

Msgs 1 to 25 of 46 (Total in Forum: 46) (Refresh) FirstPrevNext

Need This Script To Work With Firefox! WaqarChaudry 16:22 10 Jan '07   Can any one tell me how to get this script working with firefox 2.0 ?????????????? or post the new code here as a reply. Thanks! Sign In·View Thread·PermaLink Re: Need This Script To Work With Firefox! vvishnoi 17:13 10 Feb '07   Here's a modification of the script which works in Firefox 2.0. Take it with the caveat that I've made some more modifications, which I can't remember, as I did the work a few years back function report_init(){ TF_disableFilter; } function TF_disableFilter() { document.errorSummaryFilter.display = "none"; document.resultSummaryFilter.display = "none"; } function _TF_trimWhitespace(txt) { var strTmp = txt; //trimming from the front for (counter=0; counter if (strTmp.charAt(counter) != " ") break; //trimming from the back strTmp = strTmp.substring(counter,strTmp.length); counter = strTmp.length - 1; for (counter; counter>=0; counter--) if (strTmp.charAt(counter) != " ") break; return strTmp.substring(0, counter+1); } function _TF_showAll(tb) { for (i=0;i { tb.rows[i].style.display = ""; } } function _TF_shouldShow(type, con, val) { var sameCaseCon = con.toLowerCase(); var sameCaseVal = val.toLowerCase(); var toshow=true; if (type != null) type = type.toLowerCase(); switch (type) { case "item": var strarray = sameCaseVal.split(","); innershow = false; for (ss=0;ss if (sameCaseCon==_TF_trimWhitespace(strarray[ss])){ innershow=true; break; } } if (innershow == false) toshow=false; break case "full": if (sameCaseVal!=sameCaseCon) toshow = false; break case "substring": if (sameCaseVal.indexOf(sameCaseCon)<0) toshow = false; break default: //is "substring1" search if (sameCaseVal.indexOf(sameCaseCon)!=0) //pattern must start from 1st char toshow = false; if (sameCaseCon.charAt(con.length-1) == " ") { //last char is a space, so lets do a full search as well if (_TF_trimWhitespace(con) != sameCaseVal) toshow = false; else toshow = true; } break } return toshow; } function _TF_filterTable(tb, conditions) { //given an array of conditions, lets search the table for (i=0;i { var show = true; var rw = tb.rows[i]; for (j=0;j { var cl = rw.cells[j]; for (k=0;k { var colKey = cl.getAttribute("TF_colKey"); if (colKey == null) //attribute not found continue; //so lets not search on this cell. if (conditions[k].name.toUpperCase() == colKey.toUpperCase()) { var tbVal = cl.getAttribute("TF_colValue"); var conVals = conditions[k].value; if (conditions[k].single) //single value { show = _TF_shouldShow(conditions[k].type, conditions[k].value, cl.getAttribute("TF_colValue")); } else { //multiple values for (l=0;l { innershow = _TF_shouldShow(conditions[k].type, conditions[k].value[l], cl.getAttribute("TF_colValue")); if (innershow == true) break; } if (innershow == false) show = false; } } } //if any condition has failed, then we stop the matching (due to AND behaviour) if (show == false) break; } if (show == true) tb.rows[i].style.display = ""; else tb.rows[i].style.display = "none"; } } /** PUBLIC FUNCTIONS **/ //main function function TF_filterTable(tb, frm) { var conditions = new Array(); if (frm.style.display == "none") //filtering is off return _TF_showAll(tb); //go thru each type of input elements to figure out the filter conditions var inputs = frm.elements; for (i=0;i<inputs.length;i++) { //looping thru all INPUT elements if (inputs[i].getAttribute("TF_colKey") == null) //attribute not found continue; //we assume that this input field is not for us switch (inputs[i].type) { case "text": case "hidden": if(inputs[i].value != "") { index = conditions.length; conditions[index] = new Object; conditions[index].name = inputs[i].getAttribute("TF_colKey"); conditions[index].type = inputs[i].getAttribute("TF_searchType"); conditions[index].value = inputs[i].value; conditions[index].single = true; } break } } var inputs = frm.elements; //able to do multiple selection box for (i=0;i { //looping thru all SELECT elements if (inputs[i].getAttribute("TF_colKey") == null) //attribute not found continue; //we assume that this input field is not for us if( inputs[i].type != "select-one" && inputs[i].type != "select" && inputs[i].type != "select-multiple") // not of type select continue; // only select will be processed var opts = inputs[i].options; var optsSelected = new Array(); for (intLoop=0; intLoop { //looping thru all OPTIONS elements if (opts[intLoop].selected && (opts[intLoop].getAttribute("TF_not_used") == null)) { index = optsSelected.length; optsSelected[index] = opts[intLoop].value; } } if (optsSelected.length > 0) //has selected items { index = conditions.length; conditions[index] = new Object; conditions[index].name = inputs[i].getAttribute("TF_colKey"); conditions[index].type = inputs[i].getAttribute("TF_searchType"); conditions[index].value = optsSelected; conditions[index].single = false; } } //ok, now that we have all the conditions, lets do the filtering proper _TF_filterTable(tb, conditions); } function TF_enableFilter(tb, frm, val) { if (val.checked) //filtering is on { frm.style.display = ""; } else { //filtering is off frm.style.display = "none"; } //refresh the table TF_filterTable(tb, frm); } function TF_hide(tb){ for (i=0;i { // We will keep the first row, assuming that it has the title. if ( i == 0){ tb.rows[0].style.display=""; } else { tb.rows[i].style.display = "none"; } } } function TF_hide_separator(tb, val){ if (val.checked) //filtering is on { for (i=0;i { var rw = tb.rows[i]; for (j=0;j { var cl = rw.cells[j]; var isSeparator = cl.getAttribute("separator"); if (isSeparator == null) // attribute not found continue; rw.style.display="none"; } // cells } // rows } else { for (i=0;i { var rw = tb.rows[i]; for (j=0;j { var cl = rw.cells[j]; var isSeparator = cl.getAttribute("separator"); if (isSeparator == null) // attribute not found continue; rw.style.display=""; } // cells } // rows } } // function TF_show(tb){ for (i=0;i { tb.rows[i].style.display = ""; } } function _TF_get_value(input) { switch (input.type) { case "text": return input.value; break case "select-one": if (input.selectedIndex > -1) //has value return input.options(input.selectedIndex).value; else return ""; break; } } Sign In·View Thread·PermaLink Re: Need This Script To Work With Firefox! Someotheralias 13:18 7 Mar '07   Doesn't seem to work with Firefox 2.0.0.2. Just sits there just like the unmodified version. Sign In·View Thread·PermaLink Add check box filtering fren2809 5:38 9 Jan '07   Hi, Thanks for this top code. Very usefull. I need filtering on check box too, so I modified your javascript to do this: 1. add a case:'checkbox' and 'conditions[index].single = "check";' into function TF_filterTable(tb, frm) 2. add 'if (conditions[k].single=="check")' into function _TF_filterTable(tb, conditions) New CODE: ---------- function _TF_filterTable(tb, conditions) { //given an array of conditions, lets search the table for (i=0;i { var show = true; var rw = tb.rows[i]; for (j=0;j { var cl = rw.cells[j]; for (k=0;k { var colKey = cl.getAttribute("TF_colKey"); if (colKey == null) //attribute not found continue; //so lets not search on this cell. if (conditions[k].name.toUpperCase() == colKey.toUpperCase()) { var tbVal = cl.innerText; var conVals = conditions[k].value; if (conditions[k].single==true) //single value { show = _TF_shouldShow(conditions[k].type, conditions[k].value, cl.innerText); } else if (conditions[k].single=="check") //checkbox miltiple choice { show = _TF_shouldShow(conditions[k].type, conditions[k].value, cl.innerText); if (show == true) break; } else { //multiple values for (l=0;l { innershow = _TF_shouldShow(conditions[k].type, conditions[k].value[l], cl.innerText); if (innershow == true) break; } if (innershow == false) show = false; } } } //if any condition has failed, then we stop the matching (due to AND behaviour) if (show == false) break; } if (show == true) tb.rows[i].style.display = ""; else tb.rows[i].style.display = "none"; } } /** PUBLIC FUNCTIONS **/ //main function function TF_filterTable(tb, frm) { var conditions = new Array(); if (frm.style.display == "none") //filtering is off return _TF_showAll(tb); //go thru each type of input elements to figure out the filter conditions var inputs = frm.tags("INPUT"); for (i=0;i { //looping thru all INPUT elements if (inputs[i].getAttribute("TF_colKey") == null) //attribute not found continue; //we assume that this input field is not for us switch (inputs[i].type) { case "text": case "hidden": if(inputs[i].value != "") { index = conditions.length; conditions[index] = new Object; conditions[index].name = inputs[i].getAttribute("TF_colKey"); conditions[index].type = inputs[i].getAttribute("TF_searchType"); conditions[index].value = inputs[i].value; conditions[index].single = true; } case "checkbox": if(inputs[i].checked==true ) { index = conditions.length; conditions[index] = new Object; conditions[index].name = inputs[i].getAttribute("TF_colKey"); conditions[index].type = inputs[i].getAttribute("TF_searchType"); conditions[index].value = inputs[i].getAttribute("TF_searchKey"); conditions[index].single = "check"; } break } } ......... Sign In·View Thread·PermaLink Getting the coding to filter properly chaytheay 5:54 16 Aug '06   I sourced the coding for your demo FROM YOUR WEBSITE (the example demo shown), and loaded it into FrontPage, but was unable to get the filters to work properly. I tried saving the code as an HTML file from notepad, but still no luck. I also tried fooling around with the coding, but that didn't seem to help either. I'm just a beginner.. it's too tough for me to sort out on my own So if you could help me with getting it to work I'd be very much in your debt, as it would be quite useful in learning on my own. Thanks so much. Chase Sign In·View Thread·PermaLink 2.00/5 (1 vote) Re: Getting the coding to filter properly sevenverse 3:26 6 Sep '06   PLEASE DON'T USE FRONTPAGE!!! A good HTML/JavaScript/PHP Editor is e.g. HTML Kit www.chami.com or you can also get the Visual WebDevelopper 2005 Express version from Microsoft Sign In·View Thread·PermaLink Filter by Images? larrys2007 8:12 27 Apr '06   I have a database value that gets converted to an image then displays in the table. Is it possible to filter by the images in a dropdown list? I thought this might work but it did not: <SELECTSTYLE="WIDTH:120px" TF_colKey="opstat" önChange="TF_filterTable(dataTable, filter)"> <OPTION value="images/icon_red.gif">Red</option> etc. Thanks. Sign In·View Thread·PermaLink SCRIPT TO MOZILLA ogeid 7:11 6 Mar '06   Hi, this script works fine but i am wondering if anyone can make this scrip to be compability with mozilla web brower? I try to install it(this script) using greasmonker script http://greasemonkey.mozdev.org/index.html[^] But it doesn't work ..... Thanx to Sidney Chong for his work JB Sign In·View Thread·PermaLink Re: SCRIPT TO MOZILLA jswindell 11:09 30 May '06   Thanks to Sidney for some really cool work!   I have gotten the script working under Firefox 1.5.   Two changes 1) change this var inputs = frm.tags("<type>");//TYPE = SEARCH or INPUT to this var inputs = frm.getElementsByTagName("<type>"); //cross DOM version and global replace innerText with innerHTML, eg change this var tbVal = cl.innerText; to this var tbVal = cl.innerHTML; Oh and all calls to these functions have to use getElementById so in your HTML code, change this: TF_filterTable(dataTable, filter) to this TF_filterTable(document.getElementById('dataTable'), filter) Hope this helps! thanks, John Sign In·View Thread·PermaLink Filter criteria yoshimitsu_76 14:03 31 Jan '06   Hi I want to know if it is possible to get "OR" behavior with all criteria filters. Are there any changes to make to javascript code for this? Thanks in advance for all suggestions Juan Manuel Arrieta Sign In·View Thread·PermaLink CheckBox marianix0600 8:01 15 Sep '05   Hi I tried this code and I found it excellent indeed. Very easy explanation also. I am trying to give some more functionallity. I would like to have a CHECKBOX in each row. Then add an option in the search bar to filter the ones checked. I am not a computer programmer, so I am figuring this out, but yet I couldn't do very much. At this point I am hopeless. If you have any idea pls tell us. Thank you! Mariano Sign In·View Thread·PermaLink 1.50/5 (2 votes) sorting by column kusumarada 12:31 22 Aug '05   hi i want to sorting with multiple values like once i sort with the drop down than i want to sort with the column . like first with row then column on the table pleae help me thanks Sign In·View Thread·PermaLink 1.20/5 (5 votes) Netscape Compatibility gotovoc 18:19 5 Mar '05   Hi, How can I add the netscape/firefox compatibility to this script? I saw that there is an already a thread for this. Whoever has this can he/she please send it to me or post it to the group. Thanks email = gotovoc AT yahoo DOT com Sign In·View Thread·PermaLink Re: Netscape Compatibility sderuiter 5:19 13 Mar '05   Same here! email = sdr AT 16april1973 DOT nl Sign In·View Thread·PermaLink How do I get this js to talk to an oracle table jaine 19:44 7 Sep '04   I would like to use this script to talk back to a table with 3 different fields. I am not at all good at programming and would like somebody to help with setting this up Thanks Jaine Sign In·View Thread·PermaLink 2.00/5 (1 vote) Need Table to work in Netscape 4.08 kyleq 5:04 6 Sep '04   Is there any way to get this wonderful filter table to work in Netcape 4.08? This is the only version I am allowed to use at work and would have many uses for this table IF it would work in Netscape!! Kyle Sign In·View Thread·PermaLink "case-insensitive" funktion stefan_stefanibus 1:42 27 Jul '04   "case-insensitive" funktion Hello dear reader of this message: have you already realized that within this exemplary filtering-script (above) the "case-insensivity" of the substringsearch (e.g. in "NAME") does not work - therefore a search for everything that begins with a "c" does not deliver results that begin with a CAPITAL "C"! That does also apply to my coustomized version of this gorgious filtering-script - My question: Who can help me out? Who is genious enough to develop an idea on why the "case-insensitive" funktion which is mentioned in Sydney Chong's script does not work within his online example obove and neither my personalized version... any support is greatly appreciated! the very best for the readers of this message regards, Stefan stefan Sign In·View Thread·PermaLink 2.00/5 (1 vote) Re: "case-insensitive" funktion Emil Jensen 3:19 27 May '05   Hi, I modified the function _TF_shouldShow and added the following lines: