Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Табы одной строкой кода (https://javascript.ru/forum/jquery/3781-taby-odnojj-strokojj-koda.html)

EGORR 23.05.2009 13:23

Табы одной строкой кода
 
Реализация крайне простая. Зато кода одна строка.
Пример здесь _http://egorr.site88.net/sample/
Что скажете?

Riim 23.05.2009 13:51

Нормально так. Только в разных браузерах по-разному смотрится. В IE "кнопки" далеко друг от друга, в Chrome почти рядом и при нажатии выделяются рамкой (потому, что все input-ы в Chrome подсвечиваются).

EGORR 23.05.2009 14:00

Ну, это уже CSS относится. Я хотел идею показать.
А CSS каждый напишет для себя.

Сейчас просмотрел Оперой, Сафарей, Хромом, IE.
Неприлично смотрится только с IE. Ладно, простим убогого...

Riim 23.05.2009 14:19

Цитата:

Сообщение от EGORR
Я хотел идею показать.

Получилось.

Цитата:

Сообщение от EGORR
Ну, это уже CSS относится.

Текущие проблемы действительно не критичны. Кому надо до ума доведут.

EGORR 23.05.2009 14:44

input я применил лишь потому что он имеет больше атрибутов чем div или p.
Метка alt="t" нужна только для опознания элемента, чтобы не откликались другие. Легко можно заменить на <img src="my_tab_button.gif" alt="t">
Основное преимущество этого подхода, что не нужно искать реагирующий элемент.
Тот что ловит клик и тот который на него реагирует имеют связку в виде одинакового имени (у первого это имя его класса, у его подопечного это имя ID)
Только и остается при клике по элементу взять его имя класса и обратиться элементу с таким ID.

Riim 23.05.2009 15:21

Цитата:

Сообщение от EGORR
input я применил лишь потому что он имеет больше атрибутов чем div или p.

Сейчас много кто использует нестандартные атрибуты и пока никто кроме валидатора не жаловался.


Часовой пояс GMT +3, время: 11:16.