Использование функции javascript для запуска всплывающего окна mignifi c - PullRequest
Новая
       46

Использование функции javascript для запуска всплывающего окна mignifi c

0 голосов
/ 09 марта 2020

Доброе утро,

Я искал inte rnet для решения следующего и ничего не нашел. Эффект, который я хочу, заключается в том, чтобы всплывающее окно magnifi c показывало изображение после ввода данных в поле ввода. Я предполагаю, что смогу выполнить sh, если я смогу запустить jquery с помощью функции ().

На моей веб-странице есть: 

<a href="#test-popup" class="open-popup-link">Show inline popup</a>

<div id="test-popup" class="white-popup mfp-hide">
  <img id="activity" width="100%" src="bin/pear.png" />
</div>

    <script>
$('.open-popup-link').magnificPopup({
  type:'inline',
  midClick: true
});
    </script>

Это всплывающее окно прекрасно работает из Ссылка «Показать встроенное всплывающее окно».

Я бы хотел, чтобы она всплывала после нажатия клавиши ввода после ввода данных в поле ... 

    var page = new Array("apple","banana","pear");
    function redirect(){
        if(page.indexOf(document.forms["login"]["pass"].value)!=-1){
            document.getElementById('activity').src= "bin/" + document.forms["login"]["pass"].value + ".png";
            document.getElementById("pass").value = "";
            document.activeElement.blur();
        }
        else {
            window.location = "index.html";
        }
        return false;
    }

Так что по сути, если я введу в " груша "появляется изображение груши. Если я вхожу в «банан», появляется изображение банана.

У меня он отлично работает по текстовой ссылке, но не могу понять, как запустить его после нажатия клавиши ввода из поля ввода.

Я предполагаю, что это простая ладья ie с моей стороны, не зная, какую строку кода добавить в мою функцию перенаправления.

Спасибо.

...