DHTML - filtrace dat z tabulky

tabulka.txt

12.12.2003;45;101
13.12.2003;72;99
14.12.2003;23;200
15.12.2003;14;134

Filtrace tagem <select>

Vysvětlení

<object id="dataTXT" 
classid="CLSID:333C7BC4-460F-11D0-BC04-0080C7055A83">
<param name="Charset" value="windows-1250">
<param name="TextQualifier" value="'">
<param name="FieldDelim" value=";">
<param name="DataURL" value="tabulka.txt">
<param name="UseHeader" value="false">
</object>
<select onchange="dataTXT.Filter=('Column1='+this.value); 
dataTXT.Reset()">
<option value="">Celkem</option>
<option value="12.12.2003">12.12.2003</option>
<option value="13.12.2003">13.12.2003</option>
<option value="14.12.2003">14.12.2003</option>
<option value="15.12.2003">15.12.2003</option>
</select>
<table datasrc="#dataTXT">
<tr>
<td><span datafld="Column1"></span></td>
<td><span datafld="Column2"></span></td>
<td><span datafld="Column3"></span></td>
</tr>
</table>

V tabulce vypisujeme data všech tří sloupců. Značkou <select> vybíráme, který sloupec má filtrovat <select onchange="dataTXT.Filter=('Column1='+this.value); dataTXT.Reset()">. Podle atributů value rozlišuje obsah buněk.

Podobné: DHTML - vybírání dat z tabulky
JavaScript a CSS - DHTML

Navigace