Hallo, und erst einmal vielen Dank für die tolle Erweiterung.
Bei der Erstellung eines Kontaktformulars sind mir ein paar Sachen aufgefallen, die nicht ganz nach YAML umgesetzt werden.
YAMLFRONT
HTML-Code:
<div class="widget ym-fbox-text">
<label class="mandatory" for="ctrl_email">
<span class="invisible">Pflichtfeld</span>
E-Mail
<span class="mandatory"> * </span>
</label>
<input id="ctrl_email" class="text mandatory" type="text" maxlength="128" required="" value="" name="email"></input>
</div>
YAML4
HTML-Code:
<div class="ym-fbox-text">
<label for="email">
E-Mail
<sup class="ym-required" title="This field is mandatory."> * </sup>
</label>
<input id="email" type="text" aria-required="true" size="20" name="email"></input>
</div>
Der Unterschied ist das Tag und die Klasse des Sternchens, somit wird es nicht farblich hervorgerufen. Gut, diese eine Klasse kann man auch in der CSS-Datei ändern, aber der das folgende Beispiel lässt sich leider nicht so leicht mittels CSS beheben.
YAMLFRONT
HTML-Code:
<div class="widget ym-fbox-text">
<label for="ctrl_name" class="mandatory error">
<span class="invisible">Pflichtfeld</span>
Name
<span class="mandatory"> * </span>
</label>
<p class="error">Bitte füllen Sie das Feld "Name" aus!</p>
<input type="text" name="name" id="ctrl_name" class="text mandatory error" value="" required maxlength="64">
</div>
YAML4
HTML-Code:
<div class="ym-fbox-text ym-error" aria-live="assertive" role="alert">
<p class="ym-message">Field «Last name» not properly filled.</p>
<label for="lastname">
Last name
<sup class="ym-required" title="This field is mandatory."> * </sup>
</label>
<input id="lastname" type="text" aria-required="true" size="20" name="lastname"></input>
</div>
Dadurch, dass das <p> nicht von einem <div class="ym-error"> umschlossen ist und nicht die Klasse "ym-message" erhält, zerschießt es das Formular im IE, in den anderen modernen Browsern wird die Errormessage durch ein Infotext interpretiert. Des Weiteren kann man nicht das ganze div hervorheben und umranden, weil eben die Klasse fehlt. Wäre schön, wenn man da noch etwas machen könnte.
LG
Daniel
Lesezeichen