Installing the Search List

First, you will need to add the following near or at the top of your web page. This doesn't add anything visually to your page, but it is necessary to make everything work.

<script language="JavaScript"> function stripHtml(txt) { startPos = txt.indexOf("<"); if (startPos >= 0) { endPos = txt.indexOf(">"); leftTxt = txt.substring(0,startPos); rightTxt = txt.substring(endPos+1,txt.length); txt = leftTxt + rightTxt; txt = stripHtml(txt); } return txt; } function findMatches(str, textarea) { var txt, i; if (str == "") { textarea.value = "Please select a search value."; return false; } if (document.all) { txt = document.body.createTextRange(); ary = txt.text.split("\n"); } else { txt = stripHtml(document.body.innerHTML); ary = txt.split("\n"); } results = ""; for (i in ary) { if (ary[i].toLowerCase().indexOf(str.toLowerCase(),0) >= 0) results = results + ary[i]; } if (results == "") textarea.value = "No match found."; else textarea.value = results; return false; } </script>

Ideally, you want to add this after your page header, assuming you have one. The one thing you want to avoid is placing it in the body. It will cause problems in some browsers including Netscape and Mozilla.

Next, add the following to your web page in the place you want the search to appear. Please note there is a "REMOVE" on the fifth to last line. Please delete it. Unfortunately, putting code in a web page and not having the web page treat it like code is tricky and this is one thing I couldn't work around.

<form name="search" onSubmit="return findMatches(this.string.value, this.results);"> <table> <tr> <td><b>Search</b></td> <td> <font><input name="string" type="text" size=30></font> <input type="submit" value="Find"> </td> <td align=right> Search written by <a href="http://www.markwing.com/baseball/">Mark Wing</a> </td> </tr> <tr> <td valign=top><b>Results</b></td> <td colspan=2> <textarea name=results rows=10 cols=60></REMOVEtextarea> </td> </tr> </table> </form>

Now, your new search should be complete. Just a word of caution, this will search your entire page. If you have a wantlist or other cards not intended for trade on the same page, it won't know the difference. This can be fixed by breaking things up into separate pages.

If you have any questions or need to report any problems, you can contact me at mark@wing.cc. I try my best to get back to everyone who writes me, but sometimes have trouble keeping up.