Hidden Input Felder, erst nach Klick sichtbar
0 
Matti Mäkitalo
0 0
Hidden Input Felder, erst nach Klick sichtbar
Guten Tag,
ich falle einmal direkt mit der Tür in das Haus. Folgendes Problem, ich habe ein Bewerbungsformular, in dem ich sehr viele "gleiche Felder" zur Lebenslaufeingabe habe.
Als Usabilitymaßnahme, würde ich diese gerne etwas einschrumpfen, und dem Nutzer zb. per + Button oder ähnlichem mehr Felder zur Verfügung stellen.
Gibt es hierfür evt. eine Javascritanwendung?
-
Hi,
ich falle einmal direkt mit der Tür in das Haus. Folgendes Problem, ich habe ein Bewerbungsformular, in dem ich sehr viele "gleiche Felder" zur Lebenslaufeingabe habe.
Als Usabilitymaßnahme, würde ich diese gerne etwas einschrumpfen, und dem Nutzer zb. per + Button oder ähnlichem mehr Felder zur Verfügung stellen.Gibt es hierfür evt. eine Javascritanwendung?
Ich behaupte mal, dass es schneller ist, sowas einfach selbst zu entwickeln, da es nicht wirklich komplex ist und man dafür deutlich mehr Möglichkeiten hat, dies auf eigene Bedürfnisse zuzuschneiden.
Bis die Tage,
Matti -
Om nah hoo pez nyeetz, "Alle Mörder sind schon da."!
Als Usabilitymaßnahme, würde ich diese gerne etwas einschrumpfen, und dem Nutzer zb. per + Button oder ähnlichem mehr Felder zur Verfügung stellen.
Gibt es hierfür evt. eine Javascritanwendung?
Das einfachste wäre, die Klassenzugehörigkeit z.B. von
class="unsichtbar"aufclass="sichtbar"zu setzen. Beachte dabei, dass wenn JS nicht aktiviert ist, dass alle Formularfelder sichtbar sind. Das könntest du zum Beispiel erreichen, indem du dem body per JS die Klasseclass="JS_aktiv"verpasst. Wenn kein JS an, dann auch keine Klasse JS_aktiv. Durch geschickten Einsatz des Nachfolgeselektors kannst du dann die beiden Varianten steuern.btw. Usability und JS beißt sich meißt.
Matthias
--
-
Hallo Matthias,
klingt gut. Hast du soetwas schon im Einsatz gesehen?
-
Om nah hoo pez nyeetz, "Alle Mörder sind schon da."!
ganz vereinfacht, könnte es so aussehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title>Titel</title> <style type="text/css"> div {width: 200px; height: 200px; background-color: red;} .js_aus .unsichtbar {visibility: visible;} .js_an .unsichtbar {visibility: hidden;} .js_an .sichtbar {visibility: visible;} </style> </head> <body class="js_aus" onload="document.getElementsByTagName('body')[0].className='js_an';"> <button type="button" onclick="document.getElementsByTagName('div')[0].className='sichtbar';">Knopf zum drücken</button> <div class="unsichtbar">Div, welches seine Sichtbarkeit wechselt.</div> </body> </html>Ansonsten kann ich dir molilys Javascript-Dokumentation empfehlen
Matthias
--
-
-
-
Hello,
ich falle einmal direkt mit der Tür in das Haus. Folgendes Problem, ich habe ein Bewerbungsformular, in dem ich sehr viele "gleiche Felder" zur Lebenslaufeingabe habe.
Als Usabilitymaßnahme, würde ich diese gerne etwas einschrumpfen, und dem Nutzer zb. per + Button oder ähnlichem mehr Felder zur Verfügung stellen.Gibt es hierfür evt. eine Javascritanwendung?
Dafür gibt es eine Lösung.
Sowas ähnliches habe ich für den Upload mal gemacht.
(Leider geht wegen der Same Origin Policy jetzt die Bildvorschau nicht mehr)http://selfhtml.bitworks.de/multiupload.html
Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
