Показать/скрыть текст

danara

Новичок
Здравствуйтею Была создана БД и с БД были отображены данные на странице:
$query= mysqli_query($connect, "SELECT * FROM thes_Лист1 WHERE termin LIKE '%$search%' ");
while($row=mysqli_fetch_assoc($query))

echo "термин: ". $row['termin'] ."<br>
Анықтамасы: ". $row['definition'] ."<br>
Гипоним: <a href='" . $url . "'> " . $row['giponim'] . " </a><br>
Гипероним: ". $row['giperonim'] ."<br>
Орыс тілінде: ". $row['russion'] ."<br>
Анықтамасы: ". $row['def_rus'] ."<br>
Ағылшын тілінде: ". $row['english'] ."<br>
Анықтамасы: ". $row['def_eng'] ."<hr>";
Мне бы хотелось при выводе данных из бд последние 4 столбца были срыты с помощью текста, а когда нажимаю на текст `Показать` были отображены эти 4 скрытые данные. Помогите как сделать? добавляю какой нибудь код на выше показанный код сразу не работает. Заранее спасибо!
 

Valick

Новичок
"Страшно, очень страшно! Мы не знаем что это такое, если бы мы знали что это такое, мы не знаем что это такое!"
danara, боюсь вы не поймёте даже если кто-то ответит на ваш вопрос. Показывайте весь код.
Даже если вы пишите в процедурном стиле, необходимо разделять получение данных и отображение этих данных.
А у вас тут "мухи с котлетами" и кое что еще...
Ну и не мешало бы пару слов о назначении скрипта. Это какое-то учебное задание?
 
Последнее редактирование:

c0dex

web.dev 2002-...
Команда форума
Партнер клуба
Я почему-то тут столбцов не вижу.
 

danara

Новичок
Здравствуйте. Это у меня курсовая.
Была создана БД и с БД были отображены данные на странице:
$query= mysqli_query($connect, "SELECT * FROM thes_Лист1 WHERE termin LIKE '%$search%' ");
while($row=mysqli_fetch_assoc($query))

echo "термин: ". $row['termin'] ."<br>
Анықтамасы: ". $row['definition'] ."<br>
Гипоним: <a href='" . $url . "'> " . $row['giponim'] . " </a><br>
Гипероним: ". $row['giperonim'] ."<br>
Орыс тілінде: ". $row['russion'] ."<br>
Анықтамасы: ". $row['def_rus'] ."<br>
Ағылшын тілінде: ". $row['english'] ."<br>
Анықтамасы: ". $row['def_eng'] ."<hr>";
Мне бы хотелось при выводе данных из бд последние 4 столбца были срыты с помощью текста, а когда нажимаю на текст `Показать` были отображены эти 4 скрытые данные. Помогите как сделать? добавляю какой нибудь код на выше показанный код сразу не работает. Заранее спасибо!
////////////////Вот весь код
<?php
$connect=mysqli_connect("srv-pleskdb48.ps.kz:3306","securi18_security","Janerke1310@","securi18_bd") or die ("Error");
?>
<html>
<head>
<title>Ақпараттық қауіпсіздік тезаурусы </title>

<style>
* {
box-sizing: border-box;
font-family: Arial, Helvetica, sans-serif;
}

body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}

/* Style the top navigation bar */
.topnav {
overflow: hidden;
background-image: url("3.jpg");
background-size: 100%;
}

/* Style the topnav links */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 60px 16px;
text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
background-image: url("3.jpg");
color: black;
}

/* Style the content */
.content {

background-size: 100%;
padding: 10px;
height: 600px; /* Should be removed. Only for demonstration */
}

/* Style the footer */
.footer {
background-color: #800080;
padding: 10px;
color:white;
}
</style>
</head>
<body>

<div class="topnav">
<a href="#">Басты</a>
<br> </br><p><p><h1 style="color:#ffffff" align="center"> Ақпараттық қауіпсіздік саласы бойынша тезаурус </h1> </p></p>
</div>

<div class="content">
<h2><center>Ақпараттық қауіпсіздік тақырыбы бойынша тезаурус
<p>ақпараттық ортасы </center></h2></p>
<br> </br>
<p> <h3> <i> <center>Бұл ақпараттық ортада сіз ақпараттық қауіпсіздік тақырыбы бойынша көптеген терминдердің анықтамасын, оның орыс және ағылшын тіліндегі аудармасы мен анықтамасын және гипонимі мен гиперонимін таба аласыз. </center></i> </h3> </p>

<form method="post">
<input type="text" name="search" class="search">
<input type="submit" name="submit">
</form>


</div>





</body>
</html>
<?php
if (isset($_POST['submit'])){
$search=$_POST['search'];
$url = 'https://www.enu.kz/';
$query= mysqli_query($connect, "SELECT * FROM thes_Лист1 WHERE termin LIKE '%$search%' ");
while($row=mysqli_fetch_assoc($query))
//echo "<h1>".$row['termin']."</h1><p>".$row['definition']. "</p>";
echo "термин: ". $row['termin'] ."<br>
Анықтамасы: ". $row['definition'] ."<br>
Гипоним: <a href='" . $url . "'> " . $row['giponim'] . " </a><br>
Гипероним: ". $row['giperonim'] ."<br>
Орыс тілінде: ". $row['russion'] ."<br>
Анықтамасы: ". $row['def_rus'] ."<br>
Ағылшын тілінде: ". $row['english'] ."<br>
Анықтамасы: ". $row['def_eng'] ."<hr>";
/// эти последние 4 строки должны скрываться(словом на других языках) при результате поиска. если нажимаю на слово *а других языках* должны быть видно эти последние 4 строки

}
?>
<div class="footer">
<p> <center> Қазақстан Республикасы, Нұр-Сұлтан қ., Л.Н.Гумилев атындағы Еуразия Ұлттық университеті, 2021 жыл. </center></p>
</div>
 

AnrDaemon

Продвинутый новичок
Это КУРСОВАЯ? По какому предмету, позвольте узнать?
 

Valick

Новичок
PHP:
<?php
/***************************************************************
 * constant
 */
define('HOST', 'srv-pleskdb48.ps.kz:3306');
define('USER', 'securi18_security');
define('PASS', 'Janerke1310@');
define('DB', 'securi18_bd');

define('TABLE_NAME', 'thes_Лист1');
define('FIELD_SEARCH', 'termin');

/***************************************************************
 * model
 */

/**
 * Соединение с базой данных, установка кодировки и вывод ошибок
 * @return mysqli
 */
function getConnect(): mysqli
{
    $mysqli = new mysqli(HOST, USER, PASS, DB);
    if ($mysqli->connect_error) {
        die(
            'Ошибка подключения (' . $mysqli->connect_errno . ') ' . $mysqli->connect_error
        );
    }
    if (!$mysqli->set_charset("utf8")) {
        die("Ошибка при загрузке набора символов utf8: " . $mysqli->error);
    }
    return $mysqli;
}

/***************************************************************
 * controller
 */

$content = [
    'lang' => 'kk',
    'title' => 'Ақпараттық қауіпсіздік тезаурусы',
    'link' => 'Басты',
    'header' => 'Ақпараттық қауіпсіздік саласы бойынша тезаурус',
    'sub_header' => 'Ақпараттық қауіпсіздік тақырыбы бойынша тезаурус' . PHP_EOL . 'ақпараттық ортасы',
    'description' => 'Бұл ақпараттық ортада сіз ақпараттық қауіпсіздік тақырыбы бойынша көптеген терминдердің анықтамасын,
оның орыс және ағылшын тіліндегі аудармасы мен анықтамасын және гипонимі мен гиперонимін таба аласыз.',
    'url' => 'https://www.enu.kz/',
    'search_result' => [],
    'footer' => 'Қазақстан Республикасы, Нұр-Сұлтан қ., Л.Н.Гумилев атындағы Еуразия Ұлттық университеті, 2021 жыл.',
];

// нажата кнопка "Искать" и передано значение поиска
if (isset($_REQUEST['submit']) && !empty($_REQUEST['search'])) {
    $search = '%' . $_REQUEST['search'] . '%';
    // устанавливаем соединение с базой данных
    $mysqli = getConnect();
    /* создаём подготавливаемый запрос */
    if ($stmt = $mysqli->prepare("SELECT id, name FROM " . TABLE_NAME . " WHERE " . FIELD_SEARCH . " LIKE ?")) {
        /* связываем параметры с метками */
        $stmt->bind_param("s", $search);
        /* запускаем запрос */
        $stmt->execute();
        /* забираем результат выборки */
        $result = $stmt->get_result();
        /* закрываем запрос */
        $stmt->close();
        /* формируем html для вывода */
        while ($rowArray = $result->fetch_assoc()) {
            $content['search_result'][] = $rowArray;
        }
    }
    /* закрываем соединение */
    $mysqli->close();
}

/***************************************************************
 * view
 */
?>
<html lang="<?= $content['lang'] ?>">
<head>
    <title><?= $content['title'] ?></title>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
          rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1"
          crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
            crossorigin="anonymous"></script>
    <style>
        html {
            overflow-y: scroll;
        }

        .description {
            text-indent: 20px;
        }

        .content {
            padding: 10px;
            min-height: 600px;
        }

        header, footer {
            background-color: #800080;
            padding: 10px;
            color: white;
        }
    </style>
</head>
<body>
<div class="container">
    <ul class="nav">
        <li class="nav-item">
            <a class="nav-link active" aria-current="page" href="#">Active</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
        </li>
        <li class="nav-item">
            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
        </li>
    </ul>
    <header class="text-center">
        <h1><?= $content['header'] ?? '' ?></h1>
    </header>
    <div class="content">
        <div class="text-center">
            <h2><?= nl2br($content['sub_header'] ?? '') ?></h2>
        </div>
        <hr />
        <div class="text-muted description">
            <h3><em><?= $content['description'] ?? '' ?></em></h3>
        </div>
        <hr />
        <form method="POST">
            <div class="input-group">
                <input type="text" class="form-control" name="search">
                <span class="input-group-btn">
                    <button class="btn btn-primary" type="submit" name="submit">Submit</button>
                </span>
            </div>
        </form>
        <?php if (!empty($content['search_result'])) {
            foreach ($content['search_result'] as $row) { ?>
                <p>Термин: <?= $row['termin'] ?? '' ?></p>
                <p>Анықтамасы: <?= $row['definition'] ?? '' ?></p>
                <p>Гипоним: <a href="<?= $content['url'] ?? '' ?>"> <?= $row['giponim'] ?? '' ?></a></p>
                <p>Гипероним: <?= $row['giperonim'] ?? '' ?></p>
                <div class="accordion" id="accordion">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#collapseOne"
                                    aria-expanded="false"
                                    aria-controls="collapseOne">
                                На других языках
                            </button>
                        </h2>
                        <div id="collapseOne"
                             class="accordion-collapse collapse"
                             aria-labelledby="headingOne"
                             data-bs-parent="#accordion">
                            <div class="accordion-body">
                                <p>Орыс тілінде: <?= $row['russion'] ?? '' ?></p>
                                <p>Анықтамасы: <?= $row['def_rus'] ?? '' ?></p>
                                <p>Ағылшын тілінде: <?= $row['english'] ?? '' ?></p>
                                <p>Анықтамасы: <?= $row['def_eng'] ?? '' ?></p>
                            </div>
                        </div>
                    </div>
                </div>
            <?php } ?>
            <hr/>
        <?php } ?>
    </div>
    <footer class="text-center">
        <p><?= $content['footer'] ?? '' ?></p>
    </footer>
</div>
</body>
</html>
 
Последнее редактирование:
Сверху