Wordpress мешает модальному всплывающему окну javascriptJavascript

Форум по Javascript
Ответить
Anonymous
 Wordpress мешает модальному всплывающему окну javascript

Сообщение Anonymous »

Мой сайт создан на Wordpress, но у меня также есть много страниц на PHP. Моя Wiki построена на основе моей базы данных. Я пытаюсь показать другую страницу моего собственного сайта (entitycard.php) во всплывающем окне iframe javascript при наведении курсора на ссылку, чтобы показать статистику внутриигрового оружия/доспехов/предметов. Он отлично работает, но по какой-то причине объектentcard.php выдает мне ошибку Wordpress: «Извините, ни одно сообщение не соответствует вашим критериям».
Смотрите видео ниже, показывающее проблему на моем сайте, но это отлично работает на локальном хосте. Вот также скриншот проблемы на моем сайте и ее работы на локальном хосте. Я ценю любую информацию.
Работа на локальном хосте или проблема в PROD:
[img]https: //i.sstatic.net/f242BC6t.png[/img]

Изображение

Веб-сайт, на котором можно увидеть проблему:
https://www.kisnardonline.com/wiki/players.php?name= Tomek
https://www.kisnardonline.com/wiki/enti ... yid=697711
entitycard.php — это просто подключение к базе данных и последующий вывод . В нем нет ничего Wordpress.
Изображение




Приведенный ниже код для всех, кто хочет просить, брать взаймы, воровать :)< /p>
Стиль CSS:

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
}


onmouseover hover js/php и всплывающее окно iframe:
...
echo "$name_with_quantityplusraritystarlevel";
...
echo "";
echo "";
echo "";
echo "";
echo "";

Javascript для скрытия/отображения всплывающего окна:

// START: Code for popup on entity link hover
var modal = document.getElementById('myModal');
// To show the modal popup when hovering over the Entity URL link
showPopup = function(context) {
let link = context.href;
link = link.replace("entity.php", "entitycard.php");
//link example is https://www.kisnardonline.com/wiki/enti ... yid=697711
modal.style.display = "block";
document.getElementById("popupcontent").src = link;
resizeIFrameToFitContent();
};

// When the user moves mouse off of link, close the modal
hidePopup = function(context) {
modal.style.display = "none";
}

// To resize the popup iFrame
function resizeIFrameToFitContent() {
document.getElementById("popupcontent").width = 0;
document.getElementById("popupcontent").height = 0;
document.getElementById("popupcontent").width = document.getElementById("popupcontent").contentWindow.document.documentElement.scrollWidth + 7;
document.getElementById("popupcontent").height = document.getElementById("popupcontent").contentWindow.document.documentElement.scrollHeight;
}
// END: Code for popup on entity link hover



Подробнее здесь: https://stackoverflow.com/questions/793 ... odal-popup
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»