Реализация элемента управления закладками TabControl на HTML

Детали реализации
Веб-дизайн
Базы данных
Программирование
Компьютерные курсы

   
Область элемента управления TabControl представлена двумя элементами <div> классов tab-header и tab-body. Первый является контейнером закладок, а второй - контейнером содержимого закладок. Уникальные идентификаторы элементов tab-header и tab-body практически одинаковые: для любой закладки в заголовке с конкретным id есть ее содержимое, id которого формируется конкатенацией символа 'b' и id заголовка. Все элементы класса 'содержимое закладки' (tab-body > div) с самого начала невидимы - имеют свойство display:none.

   
Для каждой закладки tab-header определен обработчик события onclick - функция OnClick(tab-id), которая по id закладки делает видимым соответствующий ей элемент содержимого закладки tab-body. Для элементов заголовка определен отдельный CSS стиль для псевдокласса hover (tab-header > div:hover) с целью их выделения в момент, когда курсор мыши находится над ними.

   
На сайте codingcraft.ru представлены макеты интернет страниц, созданные на основе табличной и div-верстки, а также различные примеры веб-дизайна, которые довольно часто используются дизайнерами при верстке интерфейса сайта. Здесь вы найдете описание того, как сделать выпадающее меню, простейшую фотогалерею и картотеку. Просмотр исходного кода интернет страниц, выложенных в качестве примеров, кому-то, возможно, поможет более детально разобраться в особенностях стандартов HTML/XHTML и CSS.

   
Здесь вы найдете материалы и инструменты, которые помогут вам изучить основы составления SQL запросов и приемы работы с реляционной базой данных.

   
Сайт codingcraft.ru - это бесплатная on-line школа программирования, которая предлагает вам курс основ программирования для всех желающих. Здесь вы найдете ответы на вопросы "Что такое компьютер?", "Как компьютер представляет и обрабатывает информацию?" и "Из чего состоит современный компьютер". Также, курс содержит теоретические основы и обзор основных конструкций процедурных языков программирования. Вы легко сможете освоить сразу два языка программирования - C# и VB.NET, составляя свои первые программы с использованием абсолютно бесплатной простейшей среды разработки программных продуктов.

   
А здесь вы найдете список всех компьютерных курсов, размещенных на сайте для начинающих программистов codingcraft.ru. В том числе: примеры использования регулярных выражений, примеры применения в прикладном программировании универсального языка разметки структурированных документов xml и связанных с ним стандартов и расширений, а также, краткое руководство по программированию на объектно-ориентированном языке C#.