Wordpress stört das modale Javascript-Popup
Posted: 07 Jan 2025, 04:56
Meine Website basiert auf Wordpress, aber ich habe auch viele PHP-basierte Seiten. Mein Wiki basiert auf meiner Datenbank. Ich versuche, eine andere Seite meiner eigenen Website (entitycard.php) in einem Javascript-Popup-Iframe anzuzeigen, wenn ich mit der Maus über einen Link fahre, um Statistiken zu Waffen/Rüstungen/Gegenständen im Spiel anzuzeigen. Es funktioniert großartig, aber aus irgendeinem Grund gibt mir „entitycard.php“ bei WordPress das Problem „Leider haben keine Beiträge Ihren Kriterien entsprochen“ aus.
Siehe das Video unten, das das Problem auf meiner Website zeigt, aber es Funktioniert großartig auf localhost. Hier ist auch ein Screenshot des Problems auf meiner Website im Vergleich dazu, wie es in localhost funktioniert. Ich freue mich über jeden Einblick.
Arbeiten in localhost im Vergleich zu Problemen in PROD:
[img]https: //i.sstatic.net/f242BC6t.png[/img]

Website, auf der Sie das Problem sehen können:
https://www.kisnardonline.com/wiki/play ... name=Tomek
https:/ /www.kisnardonline.com/wiki/entitycard.p ... yid=697711
entitycard.php ist nur eine Verbindung zur Datenbank und dann eine Ausgabe. Darin ist nichts Wordpress enthalten.

Code unten für alle, die betteln, leihen, stehlen möchten
< /p>
CSS-Stil:
beim Bewegen der Maus über js/php und Popup-Iframe:
Javascript für Popup-Ein-/Ausblenden:
Siehe das Video unten, das das Problem auf meiner Website zeigt, aber es Funktioniert großartig auf localhost. Hier ist auch ein Screenshot des Problems auf meiner Website im Vergleich dazu, wie es in localhost funktioniert. Ich freue mich über jeden Einblick.
Arbeiten in localhost im Vergleich zu Problemen in PROD:
[img]https: //i.sstatic.net/f242BC6t.png[/img]
Website, auf der Sie das Problem sehen können:
https://www.kisnardonline.com/wiki/play ... name=Tomek
https:/ /www.kisnardonline.com/wiki/entitycard.p ... yid=697711
entitycard.php ist nur eine Verbindung zur Datenbank und dann eine Ausgabe. Darin ist nichts Wordpress enthalten.

Code unten für alle, die betteln, leihen, stehlen möchten

CSS-Stil:
Code: Select all
/* 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 {
}
Code: Select all
...
echo "[url=\]$name_with_quantityplusraritystarlevel[/url]";
...
echo "";
echo "";
echo "";
echo "";
echo "";
Code: Select all
// 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/entitycard.php?entityid=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