{"id":185,"date":"2011-12-14T16:23:57","date_gmt":"2011-12-14T15:23:57","guid":{"rendered":"https:\/\/torstenzimmermann.de\/wp\/?p=185"},"modified":"2011-12-14T16:23:57","modified_gmt":"2011-12-14T15:23:57","slug":"formulare-mit-dem-firefox-dom-inspector-andern","status":"publish","type":"post","link":"https:\/\/torstenzimmermann.de\/wordpress\/formulare-mit-dem-firefox-dom-inspector-andern\/","title":{"rendered":"Formulare mit dem Firefox DOM Inspector \u00e4ndern"},"content":{"rendered":"

Hin und wieder passiert es, dass man im Web auf Formulare st\u00f6\u00dft, die man ohne Tricks nicht so ausf\u00fcllen kann, wie man es gerne h\u00e4tte. Beispiele daf\u00fcr sind Formulare, die einen Namen mit Umlauten als falsch ansehen oder Textfelder, die den eingegebenen Text automatisch umbrechen, obwohl man den Zeilenumbruch lieber selbst setzen m\u00f6chte.<\/p>\n

Der konsequente Weg w\u00e4re dann wohl, den Webmaster der Seite zu informieren und zu bitten, das Formular zu fixen.<\/p>\n

Falls der Weg aber nicht klappt, kann man auch versuchen, sich selbst zu helfen. Ein n\u00fctzliches Werkzeug daf\u00fcr ist das Addon „DOM Inspector<\/a>“ von Firefox. Damit l\u00e4sst sich der DOM-Baum des angezeigten HTML-Dokuments ansehen und bearbeiten.<\/p>\n

Nehmen wir ein kleines Beispiel: Ein Formular enth\u00e4lt ein Textarea mit automatischem Umbruch nach 80 Zeichen. Ich m\u00f6chte gern mehr als 80 Zeichen sehen und den Zeilenumbruch manuell vornehmen. Im HTML-Quelltext w\u00fcrde das Original so aussehen.<\/p>\n

<textarea wrap=\"hard\" name=\"content\" cols=\"80\" rows=\"25\">\n<\/textarea><\/pre>\n
Wir wollen aber<\/p>\n
<textarea name=\"content\" cols=\"160\" rows=\"25\">\n<\/textarea><\/pre>\n
Um den Parameter wrap zu l\u00f6schen und cols auf 160 zu erh\u00f6hen \u00f6ffnen wir den DOM Inspector, nachdem das HTML-Dokument in Firefox geladen wurde. Nun klicken wir den DOM-Baum solange auf bis wir den Knoten „textarea“ mit dem passenden Namen „content“ gefunden haben. Jetzt brauchen wir nur noch den wrap-Parameter zu l\u00f6schen und den Parameter cols auf 160 zu setzen.<\/p>\n
Das Formular k\u00f6nnen wir nun ganz normal in Firefox editieren und abschicken.<\/p>\n
Leider gibt es ein paar Einschr\u00e4nkungen: Die \u00c4nderung im DOM Inspector ist nur tempor\u00e4r. F\u00fcr immer wiederkehrende Anpassungen ist das Addon Greasemonkey<\/a> und ein eigenes Userscript die bessere Wahl.<\/p>\n
Au\u00dferdem k\u00f6nnte es sein, dass der Server oder ein Javascript die Formulardaten aus dem ge\u00e4nderten Formular mit Fehlermeldungen ablehnen.<\/p>\n
\n                \n             <\/div>
\"ajax<\/div><\/div>","protected":false},"excerpt":{"rendered":"
Hin und wieder passiert es, dass man im Web auf Formulare st\u00f6\u00dft, die man ohne Tricks nicht so ausf\u00fcllen kann, wie man es gerne h\u00e4tte. Beispiele daf\u00fcr sind Formulare, die einen Namen mit Umlauten als falsch ansehen oder Textfelder, die den eingegebenen Text automatisch umbrechen, obwohl man den Zeilenumbruch lieber selbst setzen m\u00f6chte. Der konsequente […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":0,"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"wp:attachment":[{"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/torstenzimmermann.de\/wordpress\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}