7. Oktober 2009 • trackback
Heute mal wieder was technisches.
Wenn ich auf anderen Blogs kommentiere springe ich mit Hilfe der Tabulator-Taste von Eingabefeld zu Eingabefeld. Leider gibt es aber Blogs wo die Reihenfolge der Eingabefelder ziemlich durcheinander ist, so dass z.B. vom Eingabefeld “Name” nicht zu dem darunter liegenden Feld “E-Mail” gesprungen wird sondern meinetwegen ins Suchfeld. Das nervt mich …
Heute mal wieder was technisches.
Wenn ich auf anderen Blogs kommentiere springe ich mit Hilfe der Tabulator-Taste von Eingabefeld zu Eingabefeld. Leider gibt es aber Blogs wo die Reihenfolge der Eingabefelder ziemlich durcheinander ist, so dass z.B. vom Eingabefeld “Name” nicht zu dem darunter liegenden Feld “E-Mail” gesprungen wird sondern meinetwegen ins Suchfeld. Das nervt mich total, da ich so ganz schnell die Orientierung verliere und meinen Cursor suchen muss.
Als ich Gestern das plugin “Twitterlink Comments” von Andy Baily installiert habe und danach manuell in meiner comments.php einbaute kam ich auf des Rätsels Lösung. Für die Reihenfolge der Eingabefelder ist nämlich der tag “tabindex” verantwortlich. Der Code für die vier Eingabefelder in meiner comments.php sieht z.B. wie folgt aus:
1 2 3 4 5 6 7 8 9 10 11 | <p><input type="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?/>" size="22" tabindex="1" < ?php if ($req) echo "aria-required='true'"; ?> /> <label for="author"><small>< ?php _e('Name', 'kubrick'); ?> < ?php if ($req) _e("(required)", "kubrick"); ?></small></label></p> <p><input type="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?/>" size="22" tabindex="2" < ?php if ($req) echo "aria-required='true'"; ?> /> <label for="email"><small>< ?php _e('Mail (wird nicht veröffentlicht)', 'kubrick'); ?> < ?php if ($req) _e("(required)", "kubrick"); ?></small></label></p> <p><input type="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?/>" size="22" tabindex="3" /> <label for="url"><small>< ?php _e('Website', 'kubrick'); ?></small></label></p> <p><input type="text" name="atf_twitter_id" id="url" value="<?php echo esc_attr($atf_twitter_id); ?/>" size="22" tabindex="4" /> <label for="url"><small>< ?php _e('Twitter Benutzername', 'kubrick'); ?></small></label></p> |
Mit der Angabe des tabindex stellt man also sicher, das nicht irgendwo hin gesprungen wird, wenn die Tabulator-Taste gedrückt wird, sondern schön brav zum nächsten Eingabefeld. Nur ein klein wenig Code aber ganz gewiss eine große Erleichterung für den Kommentierenden.
Ich hoffe, ich konnt wieder einmal zur allgemeinen Verwirrung beitragen!
sagt:
once you start going into the theme code, there are all sorts of things you find out. I’m happy you got your tab index order sorted, it makes it much easier to comment!
.-= Andy Bailey´s aktueller Artikel: New Premium Themes =-.
sagt:
Also ich nutze die automatische Formularfeld Bestückung im Firefox.
Siehe http://support.mozilla.com/de/kb/Formular-Autovervollst%C3%A4ndigung?style_mode=inproduct&s=formularfeld
sagt:
Danke für diese Info, dass es diese Möglichkeit gibt wusste ich bisher noch nicht. Werde meinen Blog mal daraufhin überprüfen ob es bei mir Ordentlich eingehalten wird oder nicht.
Lieben Gruß
Sven
sagt:
@ Andy Baily: thanks!
@ Lutz: sicher auch eine sehr gute Möglichkeit, doch es gibt ja immer noch Leute die mit anderen Browsern unterwegs sind. Und ich will doch alle glücklich machen.
@ Sven: Freut mich wenn ich helfen konnte!