Formular verschwindet nach 2 sekunden

Guten Tag,

habe ein Formular erstellt, welches in der mobilen Ansicht korrekt dargestellt wird, in der Desktopvariante verschwindet es leider nach 2 Sekunden.

Hier ist der Code:

<iframe

id="JotFormIFrame-203413633499357"

title="Kontakt TipTop"

onDISABLEDload="window.parent.scrollTo(0,0)"

allowtransparency="true"

allowfullscreen="true"

allow="geolocation; microphone; camera"

src="https://form.jotform.com/203413633499357"

frameborder="0"

style="

min-width: 100%;

height:539px;

border:none;"

scrolling="no"

>

</iframe>

<script type="text/javascript">

var ifr = document.getElementById("JotFormIFrame-203413633499357");

if(window.location.href && window.location.href.indexOf("?") > -1) {

var get = window.location.href.substr(window.location.href.indexOf("?") + 1);

if(ifr && get.length > 0) {

var src = ifr.src;

src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get;

ifr.src = src;

ifr.src += (ifr.src.indexOf("?") > -1 ? "&" : "?") + "isIframeEmbed=1";

}

}

window.handleIFrameMessage = function(e) {

if (typeof e.data === 'object') { return; }

var args = e.data.split(":");

if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }

if (!iframe) { return; }

switch (args[0]) {

case "scrollIntoView":

iframe.scrollIntoView();

break;

case "setHeight":

iframe.style.height = args[1] + "px";

break;

case "collapseErrorPage":

if (iframe.clientHeight > window.innerHeight) {

iframe.style.height = window.innerHeight + "px";

}

break;

case "reloadPage":

window.location.reload();

break;

case "loadScript":

var src = args[1];

if (args.length > 3) {

src = args[1] + ':' + args[2];

}

var script = document.createElement('script');

script.src = src;

script.type = 'text/javascript';

document.body.appendChild(script);

break;

case "exitFullscreen":

if (window.document.exitFullscreen) window.document.exitFullscreen();

else if (window.document.mozCancelFullScreen) window.document.mozCancelFullScreen();

else if (window.document.mozCancelFullscreen) window.document.mozCancelFullScreen();

else if (window.document.webkitExitFullscreen) window.document.webkitExitFullscreen();

else if (window.document.msExitFullscreen) window.document.msExitFullscreen();

break;

}

var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;

if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {

var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};

iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");

}

};

if (window.addEventListener) {

window.addEventListener("message", handleIFrameMessage, false);

} else if (window.attachEvent) {

window.attachEvent("onmessage", handleIFrameMessage);

}

</script>

Wo liegt hier der Fehler?

Danke und schöne Grüße,

Peter Blaeser

Hallo,

Könnten Sie uns noch die Webseite nennen, auf der das Formular eingebettet ist?

Dann können wir besser überprüfen. Ich habe Ihren Iframe auf einer Test-Webseite eingebunden und das Formular war einwandfrei zu sehen.

Das Formular an sich, also die Version, die nicht eingebettet ist, ist auch ohne Probleme sichtbar.

Ich habe noch Ihren Formular Cache geleert, vielleicht hilft das ein wenig bei der Darstellung. Es ist nur ein Aufräumen im Hintergrund, dass Sie auch ab und zu ausführen können: https://www.jotform.com/help/229-how-to-clear-your-form-cache?

Hallo Dagmar,

vielen Dank für die Rückmeldung! Aktuell liegt die Seite noch auf einer Testumgebung, allerdings war das bisher, mit anderen Formularen, auch kein Problem. Den Cache hatte ich eben mal geleert, aber leider ohne Erfolg. Das Formular ist kurz zu sehen (2 Sekunden) und verschwindet dann. Getestet in Firefox und Chrome (jeweils aktuellste Version). In der mobilen Ansicht geht es auf meinem Android Smartphone ohne Probleme.

Hier der Link der Testumgebung -> https://www.ak-kurier.de/akkurier/pdf/tip/kontakt.htm

Schöne Grüße

Peter

Hallo,

Unter Ihrer angegebenen URL taucht das Problem tatsächlich auf.

Ich habe mir den Sourcecode für diese Seite angesehen, und dort nur den iFrame für Google gefunden. Das Formular scheint mit JavaScript eingebunden zu sein.

Könnten Sie das überprüfen und den iFrame Code vom Formular einbetten? Und erneut überprüfen was geschieht?

Also jetzt habe ich die Seite noch einmal komplett neu angelegt ohne Google Maps und als iFrame, aber leider ohne Erfolg.

https://www.ak-kurier.de/akkurier/pdf/tip3/kontakt.htm

Was könnte man noch machen? :-)

Schöne Grüße

Peter

Hallo Peter,

Es ist tatsächlich eine Einstellung im iFrame Code, die ein Problem verursacht. Die Höhe des iFrame wird dort mit 0 angegeben, - dann sieht man ihn nicht.

Könne Sie versuchen im iFrame code, den Sie einbetten dieses height: 0px; zu ersetzen mit

height:1220px; min-height: 450px;

Dann sieht es in der Vorschau bei mir so aus:

Nach diesem Schritt würde ich Sie bitten noch einmal Ihren Browser Cache zu leeren, damit alle Änderungen sichtbar werden.

Vielen Dank! :-)