Скрытие таблиц

Victor125 · 1 Апр 2016

На сайте данные из БД выводятся в таблицы, списком. Так как данных много соответственно и таблицы длинные. Вот и решили нужно сокращать. Разделил таблицу пополам, сделал сокращение по кнопке. Но тут возникла проблема. Только первая таблица сокращается. Подскажите, как сделать, чтобы все таблицы сворачивались

Сделал две кнопки, и в таблице id

Код:

<button onclick="document.getElementById('tab_del').style.display='none'">Свернуть всё</button>
<button onclick="document.getElementById('tab_del').style.display=''">Развернуть</button>
id="tab_del"

Вот полноценный код страницы

Код:

<body>
<p class="datacenter"><button onclick="document.getElementById('tab_del').style.display='none'">Свернуть всё</button></p>
<p class="datacenter"><button onclick="document.getElementById('tab_del').style.display=''">Развернуть</button></p>
<?php
require 'scripts/connect.php';
$search=$_GET['search'];
if (isset($search) and $search<>'')
{  
    $select_query = "SELECT * FROM vacancies WHERE (id_vacansies LIKE '%$search%') OR (name LIKE '%$search%') OR (Dei LIKE '%$search%') OR (ob LIKE '%$search%')
     OR (education LIKE '%$search%') OR (specialty LIKE '%$search%') OR (Deat LIKE '%$search%') OR (Dolsh LIKE '%$search%')";
    $result = mysql_query($select_query);
}
else
{
    $select_query = "SELECT * FROM vacancies ORDER BY id_vacancies DESC" ;
    $result = mysql_query($select_query);
}

echo '
<div id="Gvak">
    <form name="search" method="get" action=""><input type="text" name="search" placeholder="Поиск по вакансиям" size="30">    <input type="hidden" name="page_id" value="10"><button id="psearch" ><img src="search.png" style="margin-left:-1px;
margin-top:3px "></button>
</form>';

    $delet_id=$_GET['del'];
/* Если была нажата ссылка удаления, удаляем запись */
    if (isset($_GET['del'])) {
        $del = intval($_GET['del']);
        $query = "DELETE FROM vacancies WHERE id_vacancies='$del'";
/* Выполняем запрос. Если произойдет ошибка - вывести ее. */
        mysql_query($query);
    };

$row = mysql_fetch_array($result);  
    do{
        echo '
       <hr>
<table width="200" border="1">
<tbody>
<tr>
        <td colspan="2" style="text-align:center; color:rgb(0,142,188)"><strong>Информация о вакансии</strong></td>
        </tr>
<tr>

        <td >Наименование вакансии<font color="red">*</font></td>
        <td>'. $row['Name'] .'</td>
</tr>
        <tr>
        <td>Форма деятельности<font color="red">*</font></td>
        <td>'. $row['Dei'] .'</td>
</tr>
<tr>
        <td>Количество человек<font color="red">*</font></td>
        <td>'. $row['number'] .'</td>
</tr>

<tr>
        <td>Основные обязанности<font color="red">*</font></td>
        <td>'. $row['ob'] .'</td>
</tr>



  </tbody>
</table>

<table>
<tbody id="tab_del">

<tr>
        <td colspan="2" style="text-align:center; color:rgb(0,0,0)"><strong>Требования к соискателям</strong></td>
        </tr>
<tr>
        <td> Образование<font color="red">*</font></td>
        <td>'. $row['education'] .'</td>
</tr>
<tr>
        <td>Специальность<font color="red">*</font></td>
        <td>'. $row['specialty'] .'</td>
</tr>
<tr>
        <td>Курс</td>
        <td>'. $row['course'] .'</td>
</tr>
<tr>
        <td>Наличие водительского удостоверения<font color="red">*</font></td>
        <td>'. $row['Prava'] .'</td>
</tr>
<tr>
        <td>Наличие личного автомобиля<font color="red">*</font></td>
        <td>'. $row['Nal_auto'] .'</td>
</tr>
<tr>
        <td>Знание иностранных языков<font color="red">*</font></td>
        <td>'. $row['language'] .'</td>
</tr>
<tr>
        <td>Опыт работы<font color="red">*</font></td>
        <td>'. $row['EXP'] .'</td>
</tr>
<tr>
        <td>Прочие условия</td>
        <td>'. $row['proch'] .'</td>
</tr>
<tr>
        <td colspan="2" style="text-align:center; color:rgb(0,0,0)"><strong>Условия работы</strong></td>
        </tr>
<tr>
<tr>
        <td>График работы<font color="red">*</font></td>
        <td>'. $row['Grafik'] .'</td>
</tr>
<tr>
        <td>Форма трудоустройства<font color="red">*</font></td>
        <td>'. $row['form'] .'</td>
</tr>
<tr>
        <td>Наличие соц. гарантий<font color="red">*</font></td>
        <td>'. $row['nal_soc'] .'</td>
</tr>
<tr>
        <td>Условия оплаты<font color="red">*</font></td>
        <td>'. $row['Oplat'] .'</td>
</tr>
<tr>
        <td>Перспективы роста<font color="red">*</font></td>
        <td>'. $row['Rost'] .'</td>
</tr>
<tr>
        <td>Прочие условия</td>
        <td>'. $row['Usl'] .'</td>
</tr>
<tr>
        <td colspan="2" style="text-align:center; color:rgb(0,0,0)"><strong>Данные работодателя</strong></td>
        </tr>
        <tr>
        <td>Наименование компании<font color="red">*</font></td>
        <td>'. $row['Name_compani'] .'</td>
</tr>
<tr>
        <td>Направление деятельности компании<font color="red">*</font></td>
        <td>'. $row['Deat'] .'</td>
</tr>
<tr>
        <td>Контактное лицо (ФИО полностью)<font color="red">*</font></td>
        <td>'. $row['FIO'] .'</td>
</tr>
<tr>
        <td>Должность<font color="red">*</font></td>
        <td>'. $row['Dolsh'] .'</td>
</tr>
<tr>
        <td>Адрес<font color="red">*</font></td>
        <td>'. $row['adress'] .'</td>
</tr>
<tr>
        <td>Остановка (район)<font color="red">*</font></td>
        <td>'. $row['Ost'] .'</td>
</tr>
<tr>
        <td>Контактные телефоны<font color="red">*</font></td>
        <td>'. $row['Telep'] .'</td>
</tr>
<tr>
        <td>E-mail<font color="red">*</font></td>
        <td>'. $row['mail'] .'</td>';
                            global $user_ID;
                            if( is_super_admin($user_ID))
                            {
                                echo'
                                    <form  method="GET" action="" name="del">
<p class="leftstr"><a href="http://www.*****'.$row["id_vacancies"].'">Удалить вакансию</a></p>
<p class="rightstr"><a href="http://www.******" align="right">Редактировать вакансию</a></p>
<p class="datacenter">'. $row['Data'] .''. $row['time'] .'</p>
                                    </form>';
                            };
                            echo'
    </tr>
    </tr>
  </tbody>
</table><hr>
';

}
        while($row = mysql_fetch_array($result));
?>
</div>
</body>

AnrDaemon · 1 Апр 2016

Вы вообще спецификации на формат читаете, прежде чем код писать?
Аттрибут id должен иметь уникальное значение.
И, да, выучите слова "пагинация"… (pagination)

Скрытие таблиц

Victor125

Новичок

AnrDaemon

Продвинутый новичок