Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 03.06.2020
Сообщений: 3

Скрыть кнопку по клику, используя js php mysql bootstrap 5

16.08.2024, 09:56. Показов 686. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, необходимо вывести индивидуальное сообщение из БД в виде колокольчика по условию (если есть запись этого сообщения в БД) на страницу в ЛК. По нажатию на колокольчик (button), просматриваем сообщение class="toast-body, закрываем toast Х, обнуляется запись в БД, и колокольчик должен исчезнуть. При закрывании toast, только со второго раза исчезает колокольчик. И еще, он исчезает при переходе со страницы на страницу внутри ЛК и при принудительном обновлении страницы. Подскажите, пожалуйста, все ли допустимо, или выполнить это можно каким то другим путем (проще). Очень нужно.
HTML5
1
2
3
4
<!-- container-fluid content --> 
    <div class="container-fluid">
     <div class="blok-set5 d-flex align-items-center justify-content-end row">
       <div class="col-4">
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<?php
 
     $res = mysqli_query($dblink,"SELECT * FROM `zayavka` WHERE `iduser` ='".$_SESSION['user_id']."'");
    
     while($row = mysqli_fetch_assoc($res))
    
    if(!empty($row['yvedom'])){ 
 
    $us_id = htmlspecialchars($_REQUEST['us_id']);
 
    
 
     echo'<form   method="POST" action="">  
     <div class="container-fluid">
     <div class="blok-set5 d-flex align-items-center justify-content-end row">
     <div class="col-md-6 col col-lg-4 text-center" style="min-width: 480px;">
          <nav class="nav nav-pills nav-fill">
  <a class="nav-link"><button type="button" name="yved" value="submit"  class="btn btn-link" style="text-decoration: none; font-size: 24px;" id="liveToastBtn"><i class="fas fa-bell" style="color: #ac0c14;"></i></button>
 
<div class="position-fixed bottom-1 end-1 p-2" style="z-index: 11">
  <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
    <div class="toast-header">
      
      <strong class="me-auto"></strong>
      <small></small>
      <button type="submit" name="yved" value="submit"  class="btn-close" data-bs-dismiss="toast" aria-label="Закрыть"></button>
      
    </div>
    <div class="toast-body">';
 echo '<span style="color: #008000;"><b> '.$row["yvedom"]."</span>";}
echo '</div></div>';
if(isset($_POST['yved']))
{   
$query = mysqli_query($dblink, "UPDATE `zayavka` SET `yvedom`='' WHERE `iduser` ='".$_SESSION['user_id']."'") or die(mysqli_error()); 
if(mysqli_query($dblink, $query))   
{
    echo ''; 
}}
 
echo '</div>
<script>
var toastTrigger = document.getElementById("liveToastBtn")
var toastLiveExample = document.getElementById("liveToast")
if (toastTrigger) {
  toastTrigger.addEventListener("click", function () {
    var toast = new bootstrap.Toast(toastLiveExample)
 
    toast.show()
  })
}
</script>
 
 
 
</a>
 </nav>
        </div></div></div></form>';
 
 
 
?>
HTML5
1
 </div></div></div>
Код html в php, наоборот не работал.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
16.08.2024, 09:56
Ответы с готовыми решениями:

Скрыть и показать кнопку по клику
Задача скрывать кнопку по клику на нее и показывать ее же по клику на другой элемент страницы или просто по любому месту страницы. Скрывать...

Показать / скрыть элементы по клику на кнопку.
В файл experiments.html добавить в начало две кнопки: одну-для скрытия элементов, другую – для отображения скрытых элементов. Настроить...

Скрыть кнопку submit - PHP
Здравствуйте. Подскажите как скрыть кнопку submit за рекламным блоков? Т.е пока по блоку не ткнешь кнопка не появится. &lt;form...

1
 Аватар для andrey_f
882 / 535 / 228
Регистрация: 21.02.2011
Сообщений: 5,706
23.08.2024, 14:21
чуть подредактировал ваши варианты, проверьте:
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
$res = mysqli_query($dblink,"SELECT * FROM `zayavka` WHERE `iduser` ='".$_SESSION['user_id']."'");
$notification = null;
 
if ($row = mysqli_fetch_assoc($res)) {
    if (!empty($row['yvedom'])) {
        $notification = htmlspecialchars($row['yvedom']);
        // После того, как уведомление загружено, установим поле yvedom в пустое значение
        // Это нужно для отображения уведомления только один раз
        mysqli_query($dblink, "UPDATE `zayavka` SET `yvedom`='' WHERE `iduser` ='".$_SESSION['user_id']."'") or die(mysqli_error($dblink));
    }
}
?>
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!-- container-fluid content --> 
<div class="container-fluid">
    <div class="blok-set5 d-flex align-items-center justify-content-end row">
        <div class="col-md-6 col col-lg-4 text-center" style="min-width: 480px;">
            <nav class="nav nav-pills nav-fill">
                <a class="nav-link">
                    <button type="button" class="btn btn-link" style="text-decoration: none; font-size: 24px;" id="liveToastBtn" <?= $notification ? '' : 'style="display:none;"' ?>>
                        <i class="fas fa-bell" style="color: #ac0c14;"></i>
                    </button>
 
                    <div class="position-fixed bottom-1 end-1 p-2" style="z-index: 11">
                        <div id="liveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true" <?= $notification ? '' : 'style="display:none;"' ?>>
                            <div class="toast-header">
                                <strong class="me-auto"></strong>
                                <small></small>
                                <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Закрыть"></button>
                            </div>
                            <div class="toast-body">
                                <span style="color: #008000;"><b><?= $notification ?></b></span>
                            </div>
                        </div>
                    </div>
                </a>
            </nav>
        </div>
    </div>
</div>
 
<script>
    var toastTrigger = document.getElementById("liveToastBtn");
    var toastLiveExample = document.getElementById("liveToast");
    if (toastTrigger) {
        toastTrigger.addEventListener("click", function () {
            var toast = new bootstrap.Toast(toastLiveExample);
            toast.show();
            // Скрываем колокольчик после нажатия, чтобы при повторном клике не было повторного отображения
            toastTrigger.style.display = 'none';
        });
    }
</script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.08.2024, 14:21
Помогаю со студенческими работами здесь

Вернуть по клику на кнопку значение ячейки таблицы обратно в PHP файл
По клику на кнопку с id #btn-prisv необходимо каким то образом вернуть выбранный $info (Номер заказа) в PHP файл, не знаю каким образом...

Требуется WEB программист (php, mysql, js, ajax,bootstrap, api) 2000$ мес
Знания: PHP; MySQL - запросы к БД‚ транзакции‚ внешние ключи‚ представления; Из дополнительных знаний: jQuery, CSS3, HTML5. ...

Bootstrap.PHP создавай шаблоны на Bootstrap быстрее и проще
Хочу представить вам свой первый open source проект Bootstrap.PHP. Библиотека предназначена для создание компонентов Twitter Bootstrap с...

Появление элемента по клику на кнопку и скрытие элемента по клику на любое место body
Задача стоит такая. Нужно сделать так, чтобы по клику на button class=&quot;helper&quot; наш div id = &quot;helper_list&quot; появлялся на экране(по...

MySQL Ошибка добавления записей в БД, используя PHP
Вечер добрый. Прошу сильно не пинать, только начал осваивать PHP и MySQL. Имеется Ардуинка с датчиком влаги и температуры. Необходимо...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru