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
Doporučuji
Pro své weby používám *Webhosting C4: 20 GB prostoru, PHP, MySQL, e-maily, subdomény za 1200 Kč (zdarma 2 GB navíc každý rok). Více WebhostingC4.cz.
Potřebujete poradit?
Vyhledávání
Základy
Zajímavosti
DOM
Poradna
Pokud si nevíte rady, chcete kontakt na spolehlivého tvůrce webu, či vás zajímá cizí názor, ozvěte se.
Reklama