Pull to refresh
7
Karma
0
Rating
Фёдор Пудеян @pudeyan

User

Новый, инновационный дизайн шурупа от Outlaw Fasteners ломает все многовековые устои

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

В таком случае при завинчивании шурупа заподлицо с поверхностью есть риск поцарапать её битом.

Пошаговая установка Node.js на Windows без виртуалок

если вам как и мне не удался билд:
make
......
Build failed: -> task failed (err #2): {task: libv8.a SConstruct -> libv8.a}

то поможет:
export SHELL=/bin/bash

а потом повторить:
make

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Скрипт исправил. Ему достаточно найти у табов класс active, писать класс active у контентов и классы inactive у неактивных вкладок не обязательно.

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Исправил. Спасибо за найденный баг! Я это впрок написал, даже не тестил :)

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Надо просто добавлять нужной вкладке класс «active» в хтмл.

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Смысл в том что для работы скрипта не требуется писать никаких onclick, вносить какие-либо изменения в html, таким образом, при отсутствии поддержки JS — вся информация будет доступна. Кроме того скрипт не влияет на валидность HTML (даже в DOM). Подробнее тут написано.

Стилус для емкостных экранов

можно запатентовать магнитную печать для утверждения документов удаленно

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Лучше или хуже зависит от задач, которые вы решаете. Этот работает с jQuery 1.3+, не требует расширенной библиотеки jQuery UI, мало весит, но намного проще по функционалу. Если требуется динамическое добавление табов, навешивание обработчиков событий на табы, а также планируется плотная работа с другими компонентами UI — очевидно мое решение не подойдет. Задача этого скрипта «только сделать табы» без лишнего кода. Я буду и дальше его развивать в сторону уменьшения количества кода и повышения удобства использования.

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Минимум что требуется в CSS — это прописать display:none для блоков с контентом табов, у них появится класс «inactive».

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Этот пример семантически более правильный, но сложнее в верстке:
  1. <script type="text/javascript">
  2. $(function() {
  3. new Flexitabs({
  4. tabSelector: 'dt',
  5. contentSelector: 'dd',
  6. });
  7. });
  8. </script>
  9. <dl class="flexitabs">
  10. <dt>Таб1</dt>
  11. <dd>Контент1</dd>
  12. <dt>Таб2</dt>
  13. <dd>Контент2</dd>
  14. <dt>Таб3</dt>
  15. <dd>Контент3</dd>
  16. </dl>

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

Ну про то как подключать скрипт в хеаде и то что это делается после подключения jQuery я промолчу. А вот пример более простого в дальнейшей верстке HTML:
  1. <div class="flexitabs">
  2. <div class="tabs">
  3. <div class="tab">Таб1</div>
  4. <div class="tab">Таб2</div>
  5. <div class="tab">Таб3</div>
  6. </div>
  7. <div class="contents">
  8. <div class="content">Контент1</div>
  9. <div class="content">Контент2</div>
  10. <div class="content">Контент3</div>
  11. </div>
  12. </div>

Flexitabs 1.1 — простой и гибкий скрипт для вкладок на jQuery

подскажите где разместить пример, хостинг для такого рода вещей чтоли, а вот примеры вставки в хтмл подготовил — но теперь кармы не хватает поправить пост :(

Information

Rating
5,786-th
Location
Ростов-на-Дону, Ростовская обл., Россия
Date of birth
Registered
Activity