Форум

Ganisher · #1 (**permalink**) 07.11.2019, 19:06

Здравствуйте!
Помогите пожалуйста не как не могу отключит popover
вот мой файл

рони · #2 (**permalink**) 07.11.2019, 20:05

Ganisher,

$("#less").popover("disable");

и убрать вторую загрузку jquery

Ganisher · #3 (**permalink**) 08.11.2019, 07:13

спасибо огромная!!!

Ganisher · #4 (**permalink**) 08.11.2019, 07:23

второй раз когда набиваю (не обновляя странийу) другую числу popover не выскакивает. Скажите пожалуйста, как мне быть?

рони · #5 (**permalink**) 08.11.2019, 09:45

Ganisher,

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
        <style type="text/css">
            .errorstyle{
                border: 1px solid #ff0000;
                background: #fff3f3;
            }
            .erroric{
                color: #ff0000;
                font-weight: bold;
            }
        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
        <script type="text/javascript">
            $(function(){
              let popupin = {
                        title: '<p class="erroric text-center">ERROR!</p>',
                        content: '<p>The value of the first "input" must be less than the value of the second one!</p>',
                        html: true,
                        trigger: 'hover',
                        placement: 'bottom'
                    };
                $("#less").popover(popupin).popover('disable');
                $('.container').on('focusout', '#less, #more',function(){
                    let less = $("#less").val().trim();
                    let greater = $("#more").val().trim();
                    if(greater)
                    if (+less >= +greater) {
                        $("#less").popover('enable');
                        $("#less").addClass("errorstyle");
                    }else{
                        $("#less").popover('disable');
                        $("#less").removeClass("errorstyle");
                    }

                });
            });
        </script>
    </head>
    <body>
        <div class="container">
            <div class="form-group">
                <label for="camp">Less:</label>
                <input type="number" class="form-control" id="less">
            </div>
            <div class="form-group">
                <label for="comp">More:</label>
                <input type="number" class="form-control" id="more">
            </div>
        </div>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    </body>
</html>

рони · #6 (**permalink**) 08.11.2019, 09:46

Ganisher,
макет лучше тут, чем в архиве.
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Ganisher · #7 (**permalink**) 08.11.2019, 09:55

после исчезновение popover, когда меняю значение на ошибочных (не обновляя страницу) popover (об ошибке по условию) не выходит

Ganisher · #8 (**permalink**) 08.11.2019, 10:01

очень помогли, спасибо!

Форум

Справочник

Discord чат

Курсы javascript