Eigenes Forlumar ... hiddenzeilen werden als Platzhalter gezählt

marcmaroc · 13.10.2014

Hallo,
Ich möchte ein individuelles Paypal Formular in mehreren Stellen einfügen.
Soweit alles kein Problem, doch als ich es getestet habe, gab es eine Überraschung:
Die hidden Zeilen waren sozusagen Platzhalter in der Darstellung.
Das macht das alles etwas zu groß und schlecht dargestellt.

Code:

<div class="boxroundShadow">

<img class="alignleft wp-image-3294 size-medium" src="http://www.fhh-sos-animaux.com/wp-content/upslod/2014/02/IMG_0009-300x225.jpg" alt="IMG_0009" width="300" height="225" />
<h2 style="align: right;">Sussi</h2>
Sie ist blblj khugigiugkkf iuiugiuiiuiu ittiuttiut

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_xclick" />
<input name="business" type="hidden" value="info@fhh-sos-animaux.com" />
<input name="item_name" type="hidden" value="NAME DER SPENDE" />
<input name="item_number" type="hidden" value="NUMMER DER SPENDE" />
<input name="amount" type="hidden" value="50.00" />
<input name="lc" type="hidden" value="DE" />
<input name="no_shipping" type="hidden" value="2" />
<input name="no_note" type="hidden" value="1" />
<input name="currency_code" type="hidden" value="EUR" />
<input name="tax" type="hidden" value="0" />
<input name="bn" type="hidden" value="IC_Beispiel" />
Votre nom:<input name="first_name type=" type="text" />
Votre prenom:<input name="last_name" type="text" />
Votre email: <input name="payer_email" type="text" />
Avec Paypal <input alt="Spenden Sie mit PayPal - schnell, einfach und sicher!" name="submit" src="https://www.paypal.com/de_DE/i/btn/x-click-but21.gif" type="image" />
<img src="https://www.paypal.com/de_DE/i/scr/pixel.gif" alt="" width="1" height="1" border="0" /></form>Avec virment bancair

</div>

Da ich das ja noch mit CSS formatieren muss, gibt es eine Möglichkeit das die Hidden nicht als Platzhalter gehandhabt werden?
Danke für Eure Hilfe

Aelfry · 13.10.2014

Kannst du mal einen screen hochladen oder die live version verlinken?
Inputs mit type=hidden sind nicht sichtbar (bis auf im Quellcode).

Von daher verstehe ich nicht was du mit "Platzhalter" meinst...

afr0kalypse · 15.10.2014

ich wüsste nicht, dass man hidden inputs sichtbar machen kann, außer man ändert das type attribut z.b. via dom manipulation, wodurch es dann kein hidden input mehr wäre...

marcmaroc · 15.10.2014

Hier ist der Link zu meinem Formular :
Wie man sieht ist es optisch sch...lecht das Bild und die Beschreibung sind oben und unten wo es fast keiner mehr sieht sind die Eingabefelder. Normalerweise werden doch hidden Zeilen nicht in der Optischen Ausgabe mit einbezogen.

afr0kalypse · 16.10.2014

Ich weiß nicht warum. aber dein HTML Output erzeugt nach jedem Input Feld ein <br>.
Das ist der Fehler.
Benutzt du ein Plugin um das Formular zu erzeugen? Vielleicht erzeugt das ja die break tags...

marcmaroc · 17.10.2014

Hallo afr0kalypse
Danke für deine Antwort. Ich benutze kein Plugin für dieses Formular. Jedoch habe ich Contact Form 7 installiert. Ich werde es mal deaktivieren und schauen ob es dann immer noch in eine neue Zeile springt....Nein, leider nicht

Dobi78 · 17.10.2014

Nimm mal die <br> weg bei den inputfeldern....
Ausserdem solltest Du an der franzöischen Rechtschreibung arbeiten.
"virement bancaire" heisst es korrekterweise

Ausserdem, nützen Dir die "hidden" Felder nichts, wenn das Formular sowieso nicht validiert wird!

marcmaroc · 18.10.2014

Danke Dobi78, ich hatte ganz vergessen das /> eine neue Zeile bedeutet.
Ja das Formular ist noch nicht fertig und noch weit entfernt von der Fertigstellung.
Ich denke das es vielleicht auch besser ist, es als eine externe Datei einzubinden.
Danke für Eure Hilfe

marcmaroc · 18.10.2014

Tja das war nicht der br/ Fehler. Wordpress setzt beim speichern automatisch den Backslash ein />
nun habe ich das Script geändert:

Code:

<div class="boxroundShadow">
<img class="alignleft wp-image-3294 size-medium" src="http://www.fhh-sos-animaux.com/wp-content/upslod/2014/02/IMG_0009-300x225.jpg" alt="IMG_0009" width="300" height="225" /><h2 style="align: right;">Sussi</h2>
Sie ist blblj khugigiugkkf iuiugiuiiuiu ittiuttiut
<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_xclick"/><input name="business" type="hidden" value="info@fhh-sos-animaux.com"/><input name="item_name" type="hidden" value="NAME DER SPENDE"/><input name="item_number" type="hidden" value="NUMMER DER SPENDE"/><input name="amount" type="hidden" value="50.00"/><input name="lc" type="hidden" value="DE"/><input name="no_shipping" type="hidden" value="2"/><input name="no_note" type="hidden" value="1"/><input name="currency_code" type="hidden" value="EUR"/><input name="tax" type="hidden" value="0"/><input name="bn" type="hidden" value="IC_Beispiel"/>
Votre nom:<input name="first_name type="text" />
Votre prenom:<input name="last_name" type="text" />
Votre email: <input name="payer_email" type="text" />
Avec Paypal <input alt="Spenden Sie mit PayPal - schnell, einfach und sicher!" name="submit" src="https://www.paypal.com/de_DE/i/btn/x-click-but21.gif" type="image" />
<img src="https://www.paypal.com/de_DE/i/scr/pixel.gif" alt="" width="1" height="1" border="0" />
</form> Avec virment bancair</div>

nun ist er einigermaßen...aber dieses Script möchte ich nicht später nochmal überarbeiten müssen.
hier nochmal der Link: