Как отсортировать строки в таблице
Оглавление
Как отсортировать строки в таблице
Страница 2
Страница 2 из 2
Пример 2
Пусть посетитель нашей страницы сам выбирает, по какому столбцу таблицы
выполнять сортировку. HTML-код страницы, предоставляющей такую возможность,
приведен далее.
<HTML> <HEAD>
<TITLE>Языки программирования</TITLE>
<SCRIPT SRC="dynamictable.js"></SCRIPT>
<!-- Предполагается, что объявление объекта DynamicTable помещено в
файл сценария dynamictable.js --> </HEAD>
<BODY>
<DIV ID="tableHolder"x/DIV> <SCRIPT TYPE="text/javascript">
var JSPS_COMPILING = "Компилируемый";
var JSPS_INTERPRETING = "Интерпретируемый";
var tableHead = new Array();
tableHead[0] = new Array("Категория", "Язык");
var tableBody = new ArrayO;
tableBody[0] = new Array(JSPS_COMPILING, "C++");
tableBody[1] = new Array(JSPS_INTERPRETING, "JavaScript");
tableBody[2] = new Array(JSPS_COMPILING, "Pascal");
tableBody[3] = new Array(JSPS_COMPILING, "Java");
tableBody[4] = new Array(JSPS_INTERPRETING, "Perl");
tableBody[5] = new Array(JSPS_COMPILING, "Delphi");
tableBody[6] = new Array(JSPS„COMPILING, "Visual Basic");
var tableObject = new DynamicTable(document.allt"tableHolder"]);
function sortByCategory() {
function sortArrayByCategory(pElementl, pElement2) { if (pElementl[0] <
pElement2[0])
return -1 else
if (pElementl[O] == pElement2[0]) {
if (pElementl[l] < pElement2[1])
return -1 else
if (pElementl[l] == pElement2[1])
return 0
else
return 1; } else
return 1; }
tableBody.sort(sortArrayByCategory); tableObject.createTable(tableBody,
tableHead, null, "Языки программирования"); tableObject.showTable(); }
function sortByLanguage() {
function sortArrayByLanguagefpElementl, pElement2) {
if (pElementltl] < pElement2[1])
return -1 else
if (pElementltl] == pElement2[1])
return 0 else
return 1; }
tableBody.sort(sortArrayByLanguage); tableObject.createTable(tableBody,
tableHead, null, "Языки программирования"); tableObject.showTable(); }
sortByCategory(); </SCRIPT> <FORM>
<INPUT TYPE="button" VALUE="по категории" ONCLICK="sortByCategory
0;">
<INPUT TYPE="button" VALUE="по названию языка" ONCLICK=" sortByLanguage ()
;" > </FORM> </BODY> </HTML>
« Пред. - След.