Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.05.2009, 13:23
Аватар для EGORR
Интересующийся
Отправить личное сообщение для EGORR Посмотреть профиль Найти все сообщения от EGORR
 
Регистрация: 11.04.2009
Сообщений: 21

Табы одной строкой кода
Реализация крайне простая. Зато кода одна строка.
Пример здесь _http://egorr.site88.net/sample/
Что скажете?
Ответить с цитированием
  #2 (permalink)  
Старый 23.05.2009, 13:51
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Нормально так. Только в разных браузерах по-разному смотрится. В IE "кнопки" далеко друг от друга, в Chrome почти рядом и при нажатии выделяются рамкой (потому, что все input-ы в Chrome подсвечиваются).
Ответить с цитированием
  #3 (permalink)  
Старый 23.05.2009, 14:00
Аватар для EGORR
Интересующийся
Отправить личное сообщение для EGORR Посмотреть профиль Найти все сообщения от EGORR
 
Регистрация: 11.04.2009
Сообщений: 21

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

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

Последний раз редактировалось EGORR, 23.05.2009 в 14:05.
Ответить с цитированием
  #4 (permalink)  
Старый 23.05.2009, 14:19
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

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

Сообщение от EGORR
Ну, это уже CSS относится.
Текущие проблемы действительно не критичны. Кому надо до ума доведут.
Ответить с цитированием
  #5 (permalink)  
Старый 23.05.2009, 14:44
Аватар для EGORR
Интересующийся
Отправить личное сообщение для EGORR Посмотреть профиль Найти все сообщения от EGORR
 
Регистрация: 11.04.2009
Сообщений: 21

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

Последний раз редактировалось EGORR, 23.05.2009 в 14:54.
Ответить с цитированием
  #6 (permalink)  
Старый 23.05.2009, 15:21
Аватар для Riim
Рассеянный профессор
Отправить личное сообщение для Riim Посмотреть профиль Найти все сообщения от Riim
 
Регистрация: 06.04.2009
Сообщений: 2,379

Сообщение от EGORR
input я применил лишь потому что он имеет больше атрибутов чем div или p.
Сейчас много кто использует нестандартные атрибуты и пока никто кроме валидатора не жаловался.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск