Есть страница html. В ней два diva стаблици и две кнопки переключают одну на другую с помощью js.
Подключил к бд и вывел оттуда информацию . Не могу сделать теперь, что бы таблицы переключались.
Как решить проблему? Люди , помогите пожалуйста
<meta charset="utf-8">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css">
<title>ПКС-13</title>
</head>
<body>
<div class="wrapper">
<h1>Электронное расписание Владикавказского <br> электронного колледжа</h1>
<div class="img-block"></div>
<a class="knopka" href="index.html"></a>
</div>
<div class="switches">
<button id="t1">Числитель</button>
<button id="t2">Знаменатель</button>
</div>
<footer class="footer2">
<div class="author">Автор сайта: Сергеев Роман 2016</div>
<div class="kotakti"> Владикавказ, ул. Шмулевича, 41 +7 (8672) 53-04-86</div>
<a class="logo" href="https://vk.com/id169602498"><img src="images/Lion-design.png"></a>
<a class="avtorizacia" href="authorization.html">Вход для администратора</a>
</footer>
<script type="text/javascript">
t1.onclick = function() {
document.getElementById('table1').classList.remove('hide');
document.getElementById('table2').classList.add('hide');
}
t2.onclick = function() {
document.getElementById('table2').classList.remove('hide');
document.getElementById('table1').classList.add('hide');
}
</script>
</body>
</html>
<?php
// определяем начальные данные
$db_host = 'localhost';
$db_name = 'schedule';
$db_username = 'root';
$db_password = '';
$db_table_to_show = 'pks13';
// $db_table_to_show = 'denominator';
// соединяемся с сервером базы данных
$connect_to_db = mysql_connect($db_host, $db_username, $db_password);
// подключаемся к базе данных
mysql_select_db($db_name, $connect_to_db);
$qr_result = mysql_query("select * from " . $db_table_to_show);
// выводим на страницу сайта заголовки HTML-таблицы
echo ' <style type="text/style.css" media="all"> body { margin: 0; padding: 0;} </style>';
echo '<table align="center" border="1" cellpadding="1" cellspacing="1" height="167" width="650" ';
echo '<thead>';
echo '<tr>';
echo '<th><b>Понидельник</b></th>';
echo '<th><b>Вторник</b></th>';
echo '<th><b>Среда</b></th>';
echo '<th><b>Четверг</b></th>';
echo '<th><b>Пятница</b></th>';
echo '</tr>';
echo '</thead>';
echo '<tbody>';
// выводим в HTML-таблицу данные из таблицы MySQL
while($data = mysql_fetch_array($qr_result)){
echo '<tr>';
echo '<td>' . $data['subject'] . '<br>' . $data['classroom'] . '<br>' . $data['teacher'] . '</td>'; // вместо "Предмет", "Аудитория" и "Преподаватель" - наименования столбцов в таблице БД с твоими данными
}
echo '</tbody>';
echo '</table>';
// закрываем соединение с сервером базы данных
mysql_close($connect_to_db);
?>
Средний