Мастер-класс по PHP
i S s m
u e e - n u a c c
Советы по WEB-разработке: живые таблицы
Таблицы для сайта
-
обычное дело
.
В таблицах
отображаются какие-то данные, характерис-
тики, списки, Но те таблицы, которые получа-
ются обычным способом, выглядят безжизнен-
ными, безучастными к действиям посетителя
сайта. Как их оживить?
Д
Нр://(
ля этого воспользуемся библиотекой
|hltable.js (www.tigir.com/js/hltable.js или
lib.гаг размер 4 Кб), написанной на JavaScript.
Она превосходно работает в таких распростра-
ненных браузерах, как FireFox, Chrome, Opera,
Internet Explorer.
Для начала рассмотрим обычную таблицу. Для
примера я взял турнирную таблицу этапа гонки
Формула 1 гран-при Китая, состоявшегося 15
апреля 2012 года. Напишем HTML-код типич-
ной таблицы:
______________________________
<html>
Капля никотина убивает лошадь,
а чаш ка кофе
-
клавиатуру.
<head>
<style>
table { border: 1px solid black; border-collapse: col
lapse;}
td { border: 1px solid black; border-collapse: col-
lapse; padding-left: 5px;}
thead td { background-color: #E8E8E8;}
</style>
</head>
<body>
ctable border=”0”
cellSpacing=”0” cellPadding=”0M>
<thead>
<tr>
<td width=”75”>MecTO</td>
<td width-’100”
>roHiMMK</td>
<td width=”75”>OHKM</td>
</tr>
< Ahead>
<tr>
<td>K/td>
<td>Nico Rosberg<Ad>
©
©
©
Программи-
ста спраши-
вают:
-
К а к вам
удалось т ак
быстро вы-
учить анг-
лийский
язык?
-Д а , ерунда
какая. Они
там почти
все слова из
С ++
взяли.
<Х6>25</Хд>
<Дг>
<\г>
<Х6>2</Хб>
<td>Jenson Button<Ad>
<М>18<Дб>
<Дг>
<Хг>
<td>3<Ad>
<td>Lewis НатіКоп<Дб>
<Х6>Х5</Х6>
</Хг>
<ДаЫе>
</Ьобу>
</№тІ>
В нашей таблице есть
заголовок с названиями
колонок, расположенный
в первой строке (постоянно выделен серым фо-
ном). Ниже идут три строки с гонщиками, заняв-
шими в гонке первые три места (вошедшие на по-
©
©
©
Удобство - это
когда есть м оби-
льный телефон.
Изобилие
-
ког-
да их два.
Роскошь - когда
три.
Блаженст во
-
когда ни одного!
Недавно в одном
Н И И был обнару-
ж е н
совершенно
дикий человек за-
игравшийся там в
"Цивилизацию
еще 10лет назад.
..
предыдущая страница 35 Компьютер 2012 11-12 читать онлайн следующая страница 37 Компьютер 2012 11-12 читать онлайн Домой Выключить/включить текст