Hilfe bei Webformular 7 HTML Code

Ehemaliger User schrieb am 18.04.2015 um 10:33 Uhr

Hallo

Ich habe, seit der Erstellung des Responsive Designs auf ein Mal Probleme mit unseren Webformularen. Bei diesem hier aktualisiert sich der Captcha Code nicht mehr und wenn man es abschicken will, steht "Vorname darf nicht leer sein", obwohl was drin steht. Sieht jemand einen Fehler? Ich bin leider noch HTML-Anfänger... 

<div id='crmWebToEntityForm' align='center'><META HTTP-EQUIV ='content-type' CONTENT='text/html;charset = UTF-8'>  <form action='https://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads979847000003219294 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatery()' accept-charset='UTF-8'>  <input type='text' style='display:none;' name='xnQsjsdp' value='F-WecVuFzJlthYo@kRl79w$$'/>  <input type='hidden' name='zc_gad' id='zc_gad' value=''/>  <input type='text' style='display:none;' name='xmIwtLD' value='sZ9lEIPToubpoBo7Um8j532ptd3vT5BS'/>  <input type='text'  style='display:none;' name='actionType' value='TGVhZHM='/> <input type='text' style='display:none;' name='returnURL' value='http&#x3a;&#x2f;&#x2f;www.ruhepuls.ch&#x2f;thankyou-ratgeber.htm' /> <br><table border=0 cellspacing=0 cellpadding='6' width=600 style='background-color:white;color:black'><tr><td colspan='2' align='left' style='color:black;font-family:Arial;font-size:18px;'><strong>Liege-Ratgeber</strong></td></tr> <br><td style="color: blue; font-family: Arial; font-size: 14px;"colspan="2" align="left"><strong>Ja, ich möchte einen kostenlosen Liege-Ratgeber! </strong></td></tr>  <br><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Vorname<span style='color:red;'>*</span> </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='40' name='First Name' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Nachname<span style='color:red;'>*</span> </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='80' name='Last Name' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Strasse<span style='color:red;'>*</span> </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='250' name='Street' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Postleitzahl<span style='color:red;'>*</span> </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='30' name='Zip Code' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Ortschaft<span style='color:red;'>*</span> </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='30' name='City' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>Mobil </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='30' name='Mobile' /></td></tr><tr><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;'>E-Mail </td><td style='width:250px;' ><input type='text' style='width:250px;'  maxlength='100' name='Email' /></td></tr><tr style='display:none;' ><td nowrap='nowrap' align='left'  style='font-size:12px;font-family:Arial;width:200px;' width='50%'>Kamp. GI1 </td><td style='width:250px;'  ><select style='width:250px;' name='LEADCF32'>  <option value='-None-'>-/-</option>  <option selected value='ja'>ja</option>  <option value='nein'>nein</option>  </select></td></tr><tr><td  nowrap='nowrap' align='left'  style='font:normal 12px/1.27 arial;width:200px;'>Sicherheitscode&nbsp;</td><td><input type='text' style='width:250px;'  maxlength='80' name='enterdigest' /></td></tr><tr><td></td><td><img  id='imgid' src='https://crm.zoho.com/crm/CaptchaServlet?formId=sZ9lEIPToubpoBo7Um8j532ptd3vT5BS&grpid=F-WecVuFzJlthYo@kRl79w$$'> <a href='javascript:;' onclick='reloadImg()' style="font-family: Arial; font-size:12px;">aktualisieren</a></td></tr><tr><td colspan='2' align='center' style='padding-top: 15px;' ><input   style='font-family: Arial;font-size:12px;color:black' type='submit'  value='Senden' /> <input type='reset'  style='font-family: Arial;font-size:12px;color:black' value='Zurücksetzen' /> </td></tr></table><script> var mndFileds=new Array('First Name','Last Name','Street','City','Zip Code');var fldLangVal=new Array('Vorname','Nachname','Strasse','Ortschaft','Postleitzahl');function reloadImg(){if(document.getElementById('imgid').src.indexOf('&d') !== -1 ){document.getElementById('imgid').src=document.getElementById('imgid').src.substring(0,document.getElementById('imgid').src.indexOf('&d'))+'&d'+new Date().getTime();}else{document.getElementById('imgid').src = document.getElementById('imgid').src+'&d'+new Date().getTime();}}function checkMandatery(){var name='';var email='';for(i=0;i<mndFileds.length;i++){ var fieldObj=document.forms['WebToLeads979847000003219294'][mndFileds[i]];if(fieldObj) {if(((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0){alert(fldLangVal[i] +' kann nicht leer sein'); fieldObj.focus(); return false;}else if(fieldObj.nodeName=='SELECT'){if(fieldObj.options[fieldObj.selectedIndex].value=='-None-'){alert(fldLangVal[i] +' kann nicht kein sein......'); fieldObj.focus(); return false;}} else if(fieldObj.type =='checkbox'){ if (fieldObj.checked == false){     alert('Please accept  '+fldLangVal[i]); fieldObj.focus();return false;}}try{if(fieldObj.name == 'Last Name'){name = fieldObj.value;}}catch(e){}}}try{if($zoho){var firstnameObj = document.forms['WebToLeads979847000003219294']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToLeads979847000003219294']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}}catch(e){}}</script>  </form><iframe name='captchaFrame' style='display:none;'></iframe></div>

Kommentare

BeRo schrieb am 19.04.2015 um 00:56 Uhr

Da der WD bei der Umwandlung der Desktop Ansicht in die Ansicht für Mobilgeräte Codeänderungen zur Laufzeit vornimmt, kann es durchaus Probleme geben, wenn Du manuell Code hinzufügst.

Dein Problem lässt sich aber relativ einfach umgehen, wenn Du in jeder Variante eine neue-, komplett leere Seite anlegst, auf der Du einen Platzhalter in passender Größe ablegst, der im HTML Body den von Dir geposteten Code bekommt.

Auf jeder Varianten Seite, die das Formular zeigen soll, legst Du dann je einen Platzhalter an, der über einen iframe Code die gerade angelegte Seite mit dem Formularcode einbindet.
Wenn Du noch dafür sorgst, dass das Formular auf der Smartphone Seite schmaler wird (z. B. 300px), dann klappt's auf allen (Varianten) Seiten korrekt...
So kann der iframe Code aussehen, wenn Du die neu angelegte Seite z. B. "form_smart" genannt hast:
---------------------
<iframe src="./form_smart.htm" width="100%" height="480px" frameborder="0" scrolling="no" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>
-------------------
Im Editor sieht es so aus:



Viel Erfolg

Zuletzt geändert von BeRo am 19.04.2015, 00:56, 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... 🤓

Ehemaliger User schrieb am 20.04.2015 um 14:19 Uhr

Vielen Dank BeRo! Hab ich gemacht. Nur zeigt jetzt der Platzhalter mit dem iframe Code den Webseiten Kopf irgendeiner anderen Seite an   . Es kann nicht die Formularseite sein, weil ich das da ja raus gelöscht habe. 

Ich hatte jetzt eben 3 HTML Codes genommen für die 3 Seiten (standard, Tablet, Smartphone). Was wenn ich nur einen Code nehme? (angepasst zB auf die Seitenbreite Smartphone)  Ginge es dann auch? 

BeRo schrieb am 20.04.2015 um 17:18 Uhr

[...] Hab ich gemacht. Nur zeigt jetzt der Platzhalter mit dem iframe Code den Webseiten Kopf irgendeiner anderen Seite an [...]

Der iframe Code, wie ich ihn im letzten Kommentar gezeigt habe, hat eine Quellenangabe für die Formularseite, die Du mit dem WD Editor erstellt hast.
Diese Seite sollte im HTML Body eines Platzhalters den von Dir geposteten Code haben. Wenn trotzdem eine fremde Seite angezeigt wird, dann hast Du die auch im Code referenziert.

[...] Ich hatte jetzt eben 3 HTML Codes genommen für die 3 Seiten [...]

Das ist korrekt, weil jede Seitenvariante eine andere Breitenangabe haben muss, damit das Formular auf die Seite passt.

[...] Was wenn ich nur einen Code nehme? (angepasst zB auf die Seitenbreite Smartphone)  Ginge es dann auch? [...]

Ginge auch, aber dann würden alle Seitenvarianten das Formular in der schmalsten Version zeigen.

Lade Dir mal hier die WD Projektdatei herunter, die ich für den Test Deines Codes erstellt habe. Damit solltest Du besser erkennen können, wo Du eventuell noch einen Fehler gemacht hast.

Viel Erfolg

-------------------------
P.S.

Der o. a. Link ist nur temporär gültig.
Weil vermutlich kein "öffentliches" Interesse besteht, lösche ich die Demo kurzfristig wieder vom Server...

 

Zuletzt geändert von BeRo am 20.04.2015, 17:18, insgesamt 2-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... 🤓

Ehemaliger User schrieb am 21.04.2015 um 11:23 Uhr

Also es ist im Code noch angegeben, was nach Abschicken des Formulars passieren soll. Ich versuchs grade mit einer einheitlichen Formular-Grösse. Wenn das geht, bin ich schon happy 

Ehemaliger User schrieb am 21.04.2015 um 11:33 Uhr

Also, funktioniert auch nicht. 

 

Ich hab Deinen Input so umgesetzt, dass ich eben eine neue Seite gemacht habe und dort einen Platzhalter mit dem Formularcode. (Formular wurde auch angezeigt) Dann habe ich auf der eigentlichen Seite, wo das Formular dann gebraucht wird, einen Platzhalter gemacht mit dem iframe Code von Dir. Und dann hat es eben irgendeinen Header von sonst irgendeiner Seite angezeigt. Bei beiden Seiten habe ich "Platzhalter-Bild automatisch neu erstellen" angewählt. 

BeRo schrieb am 21.04.2015 um 11:58 Uhr

[...] Dann habe ich [...] einen Platzhalter gemacht mit dem iframe Code von Dir [...]

Wie ich weiter unten schon geschrieben habe, kann das nur dann funktionieren, wenn Du die neu angelegte Seite (die im Platzhalter den Hauptcode enthält) "form_smart" genannt hast. Andernfalls ist das Ergebnis nicht vorhersehbar.

Du hast Dir ja die von mir zum Download angebotene Projektdatei heruntergeladen. Wenn du Dir den Aufbau ansiehst und mit Deinem Projekt vergleichst, solltest Du erkennen können, wo Du in Deinem Projekt noch nachbessern kannst...

Probier's nochmal.

Wenn's dann immer noch nicht klappt, kann es hilfreich sein, wenn Du hier eine URL postest, damit man sich das Ergebnis Deiner Bemühungen ansehen kann.
Noch besser wäre es, wenn Du hier Screenshots postest, auf denen lesbar zu erkennen ist, was Du wie und wo gemacht hast, um die Codeteile einzubinden...

Viel Erfolg

Zuletzt geändert von BeRo am 21.04.2015, 11:58, 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... 🤓

Ehemaliger User schrieb am 21.04.2015 um 13:49 Uhr

Hab ich jetzt gemacht. Und es wird immer schlimmer   bei der Standard-seite kommt einfach die Fehlermeldung "vorname darf nicht leer sein" obwohl nicht leer. Auf den Smartphone- & Tabletseiten wird das Formular komplett zerrissen. Ich stell gleich mal ein paar Printscreen ein. 

Ehemaliger User schrieb am 21.04.2015 um 13:56 Uhr

Ansicht nach dem Upload, Standard Seite

 

Ansicht nach dem Upload, Tablet Seite

 

Ansicht nach dem Upload, Smartphone Seite

 

Und so hab ich das ganze eingefügt:

Form Smart Seite

 

Seite wo das Formular eingebunden werden sollte

BeRo schrieb am 21.04.2015 um 14:53 Uhr

[...] es wird immer schlimmer [...]

Leider sind die Texteinträge in den Fullscreen Bildern nicht zu lesen aber soweit ich das sehen kann, ist alles i. O.

Wenn ich Deine Site online ansehe, funktioniert das Formular sowohl in der Desktop Ansicht, als auch im Android Browser meines Smartphones perfekt...

Wo Du jetzt das Problem bei Deinen Tests hast, kann ich beim besten Willen nicht sehen.

Wie weiter unten schon erwähnt, solltest Du die Tests mit der Demo Version nachstellen, die Du als Projektdatei heruntergeladen hast. Ich vermute, dass dabei keine Probleme auftreten.
Wenn das so ist, musst Du Dir nochmal ganz genau ansehen, was Du in Deinem Projekt anders gemacht hast.
Der Fehler sollte sich dann finden lassen...

Viel Erfolg

Zuletzt geändert von BeRo am 21.04.2015, 14:54, insgesamt 2-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... 🤓

Ehemaliger User schrieb am 21.04.2015 um 15:55 Uhr

Ja klar, ich lade ja jeweils wieder die Vorgängerversion ohne responsive hoch. Die Webseite muss funktionstüchtig sein und ich kann da nicht lange testen, jeweils. 

Ich hab eben Deine Version nochmals angeschaut und alles gleich gemacht (meine ich wenigstens). Ich dachte, dass die Lösung sei, dass der Platzhalter in der MouseOff Ebene sein muss und nicht in meiner Ebene Platzhalter. Aber das scheint es nicht zu sein. Muss ich bei der Grösse der form_smart Seite auf etwas achten? Oder beim Platzhalter auf der eigentlichen Seite? 

 

BeRo schrieb am 21.04.2015 um 17:17 Uhr

[...] Die Webseite muss funktionstüchtig sein und ich kann da nicht lange testen [...]

Wenn Du die Testversion der Site in ein Unterverzeichnis auf dem Webserver (z. B. "test") packst, kannst Du testen "bis der Arzt kommt", ohne die aktuelle Site anzutasten.

[...] Ich dachte, [...] dass der Platzhalter in der MouseOff Ebene sein muss [...]

Genau da gehört er hin und zwar sowohl auf der Seite, die den kompletten Code im HTML Body des Platzhalters bekommt, als auch auf der Seite, die den iframe Code im HTML Body des Platzhalters bekommt.

[...] Muss ich bei der Grösse der form_smart Seite auf etwas achten? [...]

Ja, die Seite (der Platzhalter) muss mindestens so groß sein, dass das komplette Formular drauf passt. Auf der Seite die das Formular anzeigen soll, ist die Größe des Platzhalters egal, hier gilt nur die obere linke Ecke des Platzhalters als Referenz für die obere linke Ecke des Formulars.

Natürlich musst Du in jedem Fall darauf achten, dass die Größenangaben im iframe Code passen, wenn Du das Formular veränderst.

In der aktuellen Demo sehen die Werte für die Desktop Version des Formulars so aus:

------------------------
<iframe src="./form_desk.htm" width="600px" height="533px" frameborder="0" scrolling="no" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>
------------------------

Die Smartphone Version braucht andere Werte:

-----------------------
<iframe src="./form_smart.htm" width="370px" height="480px" frameborder="0" scrolling="no" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>
----------------------

Neuer Versuch...

Viel Erfolg

Zuletzt geändert von BeRo am 21.04.2015, 17:24, insgesamt 3-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... 🤓

Ehemaliger User schrieb am 24.04.2015 um 15:57 Uhr

Vielen Dank Bero...

Ich hab die jetzt nochmals eingefügt, den iframe Code bzgl Grösse angepasst, die Formulare anzeigen lassen, damit ich sehe wo sie zu platzieren sind und das Ergebnis? 

Standard-Seite geht nicht -> kann nicht angezeigt werden (mal was neues) 
Tablet-Seite geht -> geniert aber die gleichen Fehler wie immer (Vorname darf nicht leer sein, Captcha aktualisiert nicht) 
Smartphone Seite geht nicht -> kann nicht angezeigt werden (mal was neues)

Sind alle in der MouseOff Ebene. Codes kann ich einstellen, falls erwünscht. 

BeRo schrieb am 24.04.2015 um 16:27 Uhr

[...] Codes kann ich einstellen, falls erwünscht. [...]

Das wird vermutlich nicht ausreichen.

Ich gehe mal davon aus, dass Du gesehen hast, dass die Demo Projektdatei funktioniert?!

Der Fehler muss also beim Einbau der Codes in die HTML Bereiche der Seiten passieren. Was Du wie/wo gemacht hast, ist aus den Codes alleine nicht zu erkennen...

Außerdem ist nicht auszuschließen, dass anderer Fremdcode auf der Seite für die Probleme verantwortlich ist, z. B. der GoogleAnalytics Code, den du verwendest.

Wenn Du möchtest, kannst du gerne eine (abgespeckte) Projektdatei auf Deinem Webspace online stellen, mit der Dein Problem reproduzierbar ist. Verpack' die Datei in ein ZIP Archiv und poste die entsprechende URL hier.

CU

Zuletzt geändert von BeRo am 24.04.2015, 16:27, 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... 🤓

Ehemaliger User schrieb am 24.04.2015 um 17:22 Uhr

Vielen Dank für Deine Unterstützung, Bero. Ich hab einen Grossteil der Seiten gelöscht und nur die wichtigsten drin gelassen. Ich hoff das hilft jetzt. 

http://www.ruhepuls.ch/file

 

 

 

BeRo schrieb am 25.04.2015 um 00:32 Uhr

Die Lösung ist ein bisschen "tricky", weil der externe Code tatsächlich mit dem Code kollidiert, den der WD erzeugt.

Es bleibt Dir nichts anderes übrig, als jedes Formular auf jeder Varianten Seite separat als Seite anzulegen. Außerdem muss der Header des externen Codes ergänzt werden um eine Positionierungsinfo.

So sieht die erste Zeile original aus:

<div id='crmWebToEntityForm' align='center'>

und so muss sie nach der Anpassung (gelb markiert) aussehen:

<div id='crmWebToEntityForm' style="position: fixed; left: 0px; top: 0px;" align='center'>

Damit klappt's dann wunschgemäß...

Hier kannst Du Dir die relevante Seite "Liege Ratgeber" als Projektdatei herunterladen. Enthalten sind neben der Hauptseite in den 3 Varianten, auch die Formularseiten in 3 Varianten.

Die noch fehlenden Formulare musst Du entsprechend der Vorlage einbauen. Das ist zwar noch ein "bisschen" Arbeit aber es ist machbar...

Viel Erfolg

Zuletzt geändert von BeRo am 25.04.2015, 00:32, 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... 🤓

Ehemaliger User schrieb am 25.04.2015 um 13:06 Uhr

Herzlichen Dank Bero!  Ich hab das jetzt gemacht und ich habe noch immer folgende Thematiken:

- Fehlermeldung "vorname kann nicht leer sein", obwohl ausgefüllt (bei allen) 
- Captcha aktualisiert auf der Smartphone Seite nicht
- Design auf der Tablet-Seite zerrissen, siehe Foto:

 

Die Smartphone & Tablet Seite haben den genau gleichen Code, aber nicht die gleichen "Probleme"...

Ich lass die Seite bis ca 15.00 Uhr online, falls Du bis dahin online bist. 

Danke vielmals! 

BeRo schrieb am 25.04.2015 um 14:05 Uhr

[...] Ich hab das jetzt gemacht und ich habe noch immer folgende Thematiken: [...]

Die Ursache der Probleme ist mit Sicherheit gleich geblieben...

Wenn Du Dir die reparierte- und in allen Varianten funktionsfähige Teildatei Deiner Site ansiehst und dazu meine Erklärung von heute 00:32 h liest, siehst Du, dass die Reparatur nicht mit ein paar Mausklicks zu machen ist.

Da die einzelnen Code Platzhalter Seiten der Varianten sich gegenseitig beeinflussen, ist ein nachträgliches Ändern/Anpassen nur mit Vorsicht zu machen. Eventuell musst Du nach einer Änderung die Platzhalter für die anderen Varianten erneut anpassen etc.

[...] - Design auf der Tablet-Seite zerrissen, siehe Foto: [...]

Da sind offenbar 2 Codes gleichzeitig aktiv. Ich hatte in Deiner Projektdatei schon gesehen, dass Du auf einer Site zusätzlich zur korrekten Untersite mit dem Code Platzhalter noch einen Platzhalter mit dem Code in eine Ebene "Platzhalter" eingebaut hattest. Das muss zu solchen Problemen führen.

Da die Hauptproblematik offenbar durch die Technik verursacht wird, die der WD beim Erzeugen der Varianten Seiten verwendet, könnte es sinnvoll sein, eine echte Browserweiche zu verwenden.

Da dazu separate Projektdateien erforderlich sind, müsstest Du die einzelnen Varianten Sites separieren und als eigenständige Sies exportieren.

Zur Fehlersuche ist es ohnehin zu empfehlen, mit einer "normalen" Website zu starten und erst nachdem alle Formulare einwandfrei angezeigt werden und funktionieren, eine Varianten Site- nach der anderen zu erstellen...

Ob Du letztendlich die oben verlinkte echte Browserweiche benutzt oder lieber eine JavaScript basierte Weiche, die, wie der WD, nur abhängig von der Auflösung des Zielbildschirms die Seiten verteilt, bleibt Dir dann immer noch überlassen.

Mehr kann ich gegen Dein aktuelles Problem nicht tun. Mit der o. a. Teildatei habe ich Dir gezeigt, dass- und wie Dein Problem gelöst werden kann. Die Arbeit, das in Dein Projekt zu integrieren, bleibt natürlich bei Dir hängen.

Gerne viel Erfolg

Zuletzt geändert von BeRo am 25.04.2015, 14:05, 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... 🤓

Ehemaliger User schrieb am 25.04.2015 um 15:06 Uhr

Irgendetwas muss ich in dem Fall übersehen haben    Ich guck da nochmals drüber.

Auf jeden Fall vielen vielen Dank für Deine Bemühungen. 

Ehemaliger User schrieb am 29.04.2015 um 14:11 Uhr

Hallo Bero 

Jetzt weiss ich, was anders ist. Bei mir hatten alle 3 Formulare den gleichen Namen. Du hast jedoch from_desk, form_tablet und form_smart genommen. Nun wollte ich das ändern, aber die Seiten-Varianten ändern sich mit. Und es wird eigentlich nicht mehr mit den Seitenvarianten geteilt. Wie kann ich das abstellen? Sonst hat jedes Formular eine eigne Seite. 

Gruss & Danke

BeRo schrieb am 29.04.2015 um 14:37 Uhr

[...] Nun wollte ich das ändern, aber die Seiten-Varianten ändern sich mit. [...]

Wie ich weiter unten schon geschrieben habe, erfordert das nachträgliche Ändern einzelner Formularcodes u. U. ebenfalls Anpassungen an den anderen Varianten.

Der einfachste Weg das zu umgehen, könnte eine komplette Löschung der vorhandenen Platzhalter Codes auf allen Varianten Seiten sein und das anschließende neu Anlegen aller (korrigierten) Codes auf allen Seiten.
Eventuell kann es sinnvoll sein, das Projekt nach der Löschung der Codes zu speichern-, das Prog. zu beenden und erst nach einem Prog.-Neustart die gespeicherte Datei wieder zu öffnen, um die Codes neu anzulegen.

Probier's mal so.

Viel Erfolg

Zuletzt geändert von BeRo am 29.04.2015, 14:37, 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... 🤓

Ehemaliger User schrieb am 30.04.2015 um 11:12 Uhr

[...] Nun wollte ich das ändern, aber die Seiten-Varianten ändern sich mit. [...]

Wie ich weiter unten schon geschrieben habe, erfordert das nachträgliche Ändern einzelner Formularcodes u. U. ebenfalls Anpassungen an den anderen Varianten.

Entschuldige, falls Du bei mir etwas ausführlicher sein musst. Ich bin kein Programmierer 

Danke Bero. Ob der Code noch Probleme macht, weiss ich noch nicht. Ich rede von den Namen der Seiten. (Seite "XY" heisst ja immer in allen Varianten "XY" und wenn ich das ändere, änderts in allen Varianten. Bei der Seite für den HTML Platzhalter fürs Formular will ich das jetzt aber umbenennen. Du konntest das in Deiner Version eben - die 3 Seiten heissen in den Varianten anders. 

BeRo schrieb am 30.04.2015 um 13:53 Uhr

[...] Ich rede von den Namen der Seiten.[...] und wenn ich das ändere, änderts in allen Varianten.[...]

Das liegt daran, dass die Seiten in allen Varianten mit einem einheitlichen Namen existieren. Klar, dass dann Änderungen in alle Varianten übernommen werden...

Abhilfe:

  • Kopiere die drei Formular Seiten (desktop, tablet, smart) in ein neues, temporäres Projekt


     
  • Lösche die Formularseiten auf allen Seiten des Hauptprojekts
  • Füge die jeweils passende Seite aus der Kopie (s. o.) in je eine Varianten Seite ein
  • Lösche alle überflüssigen Objekte auf der neu erstellten Formularseite


     
  • Eine korrekt aufgebaute Varianten Seite (hier Tablet) sollte in der Seiten- & Ebenen Galerie dann so aussehen


     
  • Ergänze die noch fehlenden Formularseiten in den anderen Varianten nach dem o. a. Muster.
  • Jede Varianten Seite hat anschließend eine einzige Formularseite, die speziell auf die Größe der jeweiligen Variantenseite abgestimmt ist.
    Natürlich muss auf jeder Varianten Seite auch der  Platzhalter der das Formular zeigen soll und der iframe Code entsprechend auf die geänderte Größe des Formulars angepasst werden
  • Fertig

Viel Erfolg

Zuletzt geändert von BeRo am 30.04.2015, 13:53, 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... 🤓

Ehemaliger User schrieb am 01.05.2015 um 11:12 Uhr

Ui ja, das ist ja wirklich viel mehr Arbeit.  Vielen vielen Dank für die Erklärung. Das versuch ich gerne 

Ehemaliger User schrieb am 01.05.2015 um 12:28 Uhr

Ich habs jetzt mal mit den Anlass-Formularen versucht. So weit so gut   Jetzt habe ich noch folgende zwei Themen: Die "Thank you" Page wird ebenfalls im Platzhalter angezeigt   Wo kann ich das ändern? Im Code steht: <input type='text' style='display:none;' name='returnURL' value='http&#x3a;&#x2f;&#x2f;www.ruhepuls.ch&#x2f;thankyou-ia.htm' />

Und das noch grössere Übel: Ich krieg die Anmeldungen nicht mehr rein. Ich sollte ja eine Mail erhalten und im CRM sollte direkt ein Eintrag gemacht werden   Was könnte hierfür der Grund sein? Den Code hab ich nicht verändert.