Показать сообщение отдельно
  #6 (permalink)  
Старый 04.06.2015, 20:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Mahylik,
<!DOCTYPE HTML>
 <HTML>
 <head>
<meta charset="utf-8">
 </head>
 <body>
 <table id="tab" border="1" align="center">

 <caption><b> Аудитории </b></caption>

 <tr><th rowspan="2"> Артикул </th>
 <th colspan="2"> Отвественный за аудитории </th>
 <th rowspan="2"> Площадь аудитории <br> кв.м </th></tr>

 <tr><td>Должность</td><td>ФИО работника</td></tr>

 <tr> <td>12</td> <td>Зав. кафедрой<br> информатики </td> <td>Сидоров И.С.</td> <td>60</td></tr>
 <tr> <td>22</td> <td>Зав. кафедрой<br>прочности л.а. </td> <td>Хазанов Х.С.</td> <td>30</td></tr>
 <tr> <td>9</td> <td>Зав. кафедрой<br> менеджмента</td> <td>Федоров Ю.В.</td> <td>120</td></tr>
 <tr> <td>45</td> <td>Секретарь кафедры<br> ин. языков</td> <td>Карамзина Л.Л.</td> <td>30</td></tr>
 <tr> <td>18</td> <td>Секретарь кафедры<br> прочности л.а.</td> <td>Толстоусов П.Л.</td> <td>120</td></tr>
 <tr> <td>23</td> <td>Секретарь кафедры<br> физики </td> <td>Фролов Ю.Б</td> <td>60</td></tr>

 </table>
 <a href="javascript:f()">Отсортировать таблицу по площади и № аудиторий</a>
 </body>
 <script type="text/javascript">
 function f() {
    for (var d = document.querySelector("#tab"), a = document.querySelectorAll("#tab tr:nth-child(n + 3)"), a = Array.prototype.map.call(a, function(b) {
            return b
        }).sort(function(b, a) {
            return +b.cells[3].innerHTML - +a.cells[3].innerHTML || +b.cells[0].innerHTML - +a.cells[0].innerHTML
        }), c; c = a.shift();) d.appendChild(c)
};
 </script>
 </html>
Ответить с цитированием