Darstellungsfehler bei Formular

sophie.z schrieb am 04.12.2015 um 16:33 Uhr

Hi Community,

habe leider feststellen müssen, dass eines der Formulare in den Browsern InternetExplorer und Mozilla nicht angezeigt wird. in Chrome allerdings schon.

im Webdesigner ist das Formular auch zu sehen, allerdings in der Vorschau nicht (obwohl es in der Mouse Off Ebene liegt)

woran kann das liegen und was muss ich einstellen um das Formular in allen Browsern darzustellen?

www.vegetasia.at unter Reservierungen könnt ihr sehen was ich meine (oder eben nicht, je nachdem welcher Browser)

 

Webdesigner 11 Premium, JotForm Widget

Vielen Dank fürs lesen und die Hilfe.

Sophie

Kommentare

BeRo schrieb am 04.12.2015 um 18:42 Uhr

[...] dass eines der Formulare in den Browsern InternetExplorer und Mozilla nicht angezeigt wird [...]

Es wird schon in beiden Browsern angezeigt...

aber nur, wenn Du vorher die Breite des Browserfensters auf die mobile Variante reduzierst und danach wieder auf die Desktop Variante verbreiterst.

Das ist natürlich keine Lösung Deines Problems, es zeigt aber den Weg dahin.

Die Ursache liegt in den Methoden, mit denen der WD die Varianten Seiten erstellt. Hier gibt es Kollisionen mit eingebundenem Fremdcode, wie er z. B. auch für extern liegende Formulare benutzt wird.

Die einzige (mir bekannte) Abhilfe:
Erstelle 2 Formulare mit identischem Inhalt aber unterschiedlicher ID (Namen). 1 Formular benutzt Du für die mobile Variante, das 2. Formular für die Desktop Variante.

Danach sollte Dein Problem Geschichte sein.

Viel Erfolg

Zuletzt geändert von BeRo am 04.12.2015, 18:42, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

sophie.z schrieb am 07.12.2015 um 12:10 Uhr

Hi BeRo,

danke für den Hinweis.

die Sache mit den 2 Formularen habe ich bereits gemacht. wenn ich das mobile Formular lösche und neu einfüge, funktioniert zwar das desktop Formular, aber das mobile nicht :)

habe von anfang an 2 versionen gehabt, da die seiten ja unterschiedliche formate haben und somit auch unterschiedlich viel platz ist ;)

BeRo schrieb am 07.12.2015 um 16:33 Uhr

[...] die Sache mit den 2 Formularen habe ich bereits gemacht. [...]

Dann lies Dir mal diesen Thread durch. Da hatten wir zu dem Problem eine Lösung gefunden, die auf dem einfachen Scriptcode basiert, den JotForm alternativ anbietet.

Vielleicht hilft das auch bei Deinem Problem...

Viel Erfolg

Zuletzt geändert von BeRo am 07.12.2015, 16:33, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

sophie.z schrieb am 08.12.2015 um 09:49 Uhr

Vielleicht hilft das auch bei Deinem Problem...

hat es leider nicht. :)

hier der code, den ich zur zeit für die mobile version verwende:

<script type="text/javascript" src="https://form.jotformeu.com/jsform/53301419127346"></script>

und für die desktop version:

<script type="text/javascript" src="https://form.jotformeu.com/jsform/53232815387357"></script>

 

erkennst du hier irgendeinen fehler / ne lösungsmöglichkeit?

vielen dank schonmal

sophie.z schrieb am 08.12.2015 um 09:50 Uhr

oje... jetzt wird der post nicht mehr ganz angezeigt

sophie.z schrieb am 08.12.2015 um 09:53 Uhr

leider wird der code nicht vollständig angezeigt hier im forum. hier also ein screenshot

BeRo schrieb am 08.12.2015 um 13:03 Uhr

[...] leider wird der code nicht vollständig angezeigt hier im forum. [...]

Das ist eine Macke des Forum Editors. Scriptcode, der mit "http:" beginnt, veranlasst den Editor den kompletten Text zu unterdrücken, der nach diesem Statement eingegeben wurde...

Abhilfe: lass' das "http:" weg, dann geht's. Die moderneren Browser kommen auch ohne "http:" mit einer URL klar.

[...] erkennst du hier irgendeinen fehler [...]

Du schreibst leider nicht, wie Du den Scriptcode einbindest. Wenn Du ihn in einem iframe benutzt, sollte nicht das JavaScript aufgerufen werden "//form.jotformeu.com/jsform/53232815387357", sondern direkt die Form "//form.jotformeu.com/form/53232815387357".

So könnte ein funktionsfähiger JS Code in einem iframe aussehen, der im HTML Body eines Platzhalters abgelegt wird:

----------------------------------
<iframe id="JotFormIFrame" allowtransparency="true" src="https://form.jotformeu.com/form/53232815387357" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="no"></iframe>
----------------------------------

Im Editor kann das so aussehen:

Wenn Du die beiden JS Codes so auf die mobile- und die Desktop Variante verteilst, sollte es klappen (Demo)

Viel Erfolg

Zuletzt geändert von BeRo am 08.12.2015, 13:03, insgesamt 1-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

sophie.z schrieb am 08.12.2015 um 14:57 Uhr

Wenn Du die beiden JS Codes so auf die mobile- und die Desktop Variante verteilst, sollte es klappen (Demo)

Viel Erfolg

VIELEN DANK! jetzt funktioniert's.

Lg und schönen Tag noch