Formularfelder für mobile Seiten mit label

[Selo]

Hallo,

gern würde ich folgende Änderungen der Formularfelder für mobile Seiten mit <label for= durchführen.
Verwendete Shopversion: modified eCommerce Shopsoftware v1.05

Statt dieser Felder:

Code: PHP  [Auswählen]

<td>Ihre E-Mail-Adresse:*</td>
<td><input name="email" type="text"></td>

würde ich gern diese Felder ausgeben:

Code: PHP  [Auswählen]

<td><label for="email">Ihre E-Mail-Adresse:*</label></td>
<td><input type="email" name="email" id="email"></td>

In den Formularen steht:

Code: PHP  [Auswählen]

<td>{#text_email#}*</td>
<td>{$INPUT_EMAIL}</td>

Die erste Zeile kann ich vielleicht in der lang_german.conf ändern ?
von

Code: PHP  [Auswählen]

text_email = 'E-Mail-Adresse:'

zu

Code: PHP  [Auswählen]

text_email = '<label for="email">Ihre E-Mail-Adresse:*</label>'

Um auch die zweite Zeile zu ändern, müsste ich $INPUT_EMAIL , $INPUT_TEL usw. verändern.
Leider weiß ich trotz umfangreicher Suche nicht, wo ich das finde.

Kann mir jemand einen Tipp geben, auf welcher Seite ich das finde und wie das zu ändern geht?

Viele Grüße und schöne Weihnachten wünscht Lothar

Linkback: https://www.modified-shop.org/forum/index.php?topic=31840.0

[noRiddle (revilonetz)]

Um nicht jede Datei anfassen zu müssen die Input-Fields definiert,
gehe in /inc/xtc_draw_input_field.inc.php und ändere dort das in der Funktion xtc_draw_input_field()

Code: PHP  [Auswählen]

$field = '<input type="' . xtc_parse_input_field_data($type, array('"' => '&quot;')) . '" name="' . xtc_parse_input_field_data($name, array('"' => '&quot;')) . '"';

in das

Code: PHP  [Auswählen]

$field = '<input type="' . xtc_parse_input_field_data($type, array('"' => '&quot;')) . '" name="' . xtc_parse_input_field_data($name, array('"' => '&quot;')) . '" id="' . xtc_parse_input_field_data($name, array('"' => '&quot;')) . '"';

Damit hat jedes Input-Field auch eine ID gleichlautend wie das Attribut name.

Aber Vorsicht.
Leider gibt es Felder die gleichbenannt sind (eine ID mehr als einmal pro Seite ist nict zulässig).
So z.B. die Input-Fields für die Login-Box und die Login-Inputs für das Login auf der Seite /login.php
(weiß gerade nicht ob gleichlautende names noch öfter vorkommen).
Deshalb sollte man für das obige Beispiel in der /templates/YOUR_TEMPLATE/boxes/box_login.html die Attribute für die ID umbenennen (z.B. in box-email-address und box-password), nicht aber für die Attribute für name, ansonsten funktioniert das POST des Forms nicht mehr.
Beispiel für email_address:

Code: XML  [Auswählen]

{$FIELD_EMAIL|replace:'id="email_address"':'id="box-email-address"'}

Nicht getestet !!, sollte aber so gehen.

*NACHTRAG*
Das label-Element würde ich ins Template und nicht in die Sprachdatei schreiben.

Gruß,
noRiddle

[Selo]

Hallo noRiddle,

vielen Dank für Deine Hilfe. Ich habe nun die Formulare umgestellt und Deine Lösungen haben mir dabei geholfen.
Dank Deinem *NACHTRAG* habe ich die meisten Angaben gleich in die Templates geschrieben, nach folgendem Beispiel:

Code: PHP  [Auswählen]

<label for="tel">{#text_tel#}</label>
<input type="tel" name="telephone" id="tel" required />

So habe ich auch gleich die richtigen type-Angaben wie tel oder number oder required und autofocus.

Es funktioniert, nur bei der Validierung kommen die Änderungen als Fehler, weil die Seiten nicht in HTML5, sondern XHTML geschrieben sind. Das macht hoffentlich nichts oder gibt es da andere Erfahrungen?

Nochmals danke und viele Grüße
Lothar

[Matt]

Es funktioniert, nur bei der Validierung kommen die Änderungen als Fehler, weil die Seiten nicht in HTML5, sondern XHTML geschrieben sind.

Einfach den Doctype auf HTML5 ändern.

[Selo]

Hallo Matt,

benötigt HTML5 nicht zwingend UTF8?
Meine Seiten laufen unter charset=iso-8859-15 oder unter charset=iso-8859-2.

Oder kann ich HTML5 wirklich ohne UTF8 verwenden?

Viele Grüße und schon mal danke für die Antwort
Lothar

[Matt]

HTML5 ist das Charset völlig egal.

[Selo]

Ok, Danke Matt und einen guten Rutsch.