"Alle Mörder sind schon da.": 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?

  1. 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

  2. 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" auf class="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 Klasse class="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

    --
    http://www.billiger-im-urlaub.de/kreis_sw.gif
    1. Hallo Matthias,

      klingt gut. Hast du soetwas schon im Einsatz gesehen?

      1. 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

        --
        http://www.billiger-im-urlaub.de/kreis_sw.gif
  3. 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

    --
     ☻_
    /▌
    / \ Nur selber lernen macht schlau
    http://bergpost.annerschbarrich.de