Последние записи
- Удаление папки с файлами
- Распечатка файла
- Преобразовать массив байт в вещественное число (single)
- TChromium (CEF3), сохранение изображений
- Как в Delphi XE обнулить таймер?
- Изменить цвет шрифта TextBox на форме
- Ресайз PNG без потери прозрачности
- Вывод на печать графического файла
- Взаимодействие через командную строку
- Перенести программу из Delphi в Lazarus
Интенсив по Python: Работа с API и фреймворками 24-26 ИЮНЯ 2022. Знаете Python, но хотите расширить свои навыки?
Slurm подготовили для вас особенный продукт! Оставить заявку по ссылке - https://slurm.club/3MeqNEk
Online-курс Java с оплатой после трудоустройства. Каждый выпускник получает предложение о работе
И зарплату на 30% выше ожидаемой, подробнее на сайте академии, ссылка - ttps://clck.ru/fCrQw
22nd
Фев
Как на JS и PHP сделать страницу с переключением активных вкладок
Posted by obzor under JavaScript, php
Я нашёл код. Кстати — очень полезный. Создаёт Табы:
<?php
$kn[0] = 'Home';
$cont[0] = 'Home component';
$kn[1] = 'Posts';
$cont[1] = 'Posts component';
$kn[2] = 'Archive';
$cont[2] = 'Archive component';
$kn[3] = 'ещё Таб1';
$cont[3] = 'my Таб первый';
$kn[4] = 'Таб n-ый';
$cont[4] = 'Количество Табов неограничено';
$taby = new Taby;
?>
<style>
.tab-button {
padding: 6px 10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border: 1px solid #ccc;
cursor: pointer;
background: #f0f0f0;
margin-bottom: -1px;
margin-right: -1px;
}
.tab-button:hover {
background: #e0e0e0;
}
.tab-button.active {
background: #e0e0e0;
}
.tab {
border: 1px solid #ccc;
padding: 10px;
}
</style>
<?php $taby->display($kn, $cont)?>
<?php
class taby{
function display($kn, $kont){
$kol_kn = count($kn);
for($i=0;$i<$kol_kn;++$i){
?>
<button id="kn<?=$i?>" class="tab-button<?php if($i==0) print ' active';?>"
onclick="otrTab(<?=$i?>,<?=$kol_kn?>)"><?=$kn[$i]?></button>
<?php
}
for($i=0;$i<$kol_kn;++$i){
?>
<div id="tab<?=$i?>" class="tab"<?php if($i!=0) print ' style="display:none"';?>><?=$kont[$i]?></div>
<?php
}?>
<script>
function otrTab(t, kol_kn){
if ( typeof (otrTab.activeTab) == 'undefined' ){
otrTab.activeTab = 0;
}
if (t >= 0 && t < kol_kn){
globalThis['tab'+otrTab.activeTab].style.display = 'none';
globalThis['kn'+otrTab.activeTab].style.background = '#f0f0f0';
globalThis['tab'+t].style.display = 'block';
globalThis['kn'+t].style.background = '#e0e0e0';
otrTab.activeTab = t;
}
}
</script>
<?php
}
}
Случайные статьи
Купить рекламу на сайте за 1000 руб
пишите сюда - alarforum@yandex.ru
Да и по любым другим вопросам пишите на почту
пеллетные котлы
Пеллетный котел Emtas
Наши форумы по программированию:
- Форум Web программирование (веб)
- Delphi форумы
- Форумы C (Си)
- Форум .NET Frameworks (точка нет фреймворки)
- Форум Java (джава)
- Форум низкоуровневое программирование
- Форум VBA (вба)
- Форум OpenGL
- Форум DirectX
- Форум CAD проектирование
- Форум по операционным системам
- Форум Software (Софт)
- Форум Hardware (Компьютерное железо)