Lydia: Formular

Hallo,

ich hoffe ihr könnt mir helfen und ich krieg mein Problem auch so erklärt, das ihr es versteht...;-)

Folgendes:

Ich hab ein Formular (geht um Kinderbetreuung), als erstes soll die Anzahl der Kinder eingegeben werden. Danach will ich wissen, wie die Kinder heißen, wie alt und ob männlich oder weiblich.
Das Problem is halt, ich weiß ja nicht, wieviele Kinder der User hat.
Also möcht ich gern abfragen, was er in das Feld "Anzahl der Kinder" schreibt und dementsprechend viele Eingabefelder für Name, Alter, Geschlecht haben.

Ich hab schon gesucht wie ne Verrückte, aber bin noch zu keinem Ergebnis gekommen.

Wäre supernett von euch, wenn mir vielleicht jemand helfen könnte.

Grüsse

Lydia

  1. Hi

    deine Lösung ist folgende:

    Wenn dein Client angibt wieviele Kinder er hat, schreibt JavaScript mit einer Schleife den Quelltext für die Eingabefelder in einen DIV.

    Der Nachteil: wenn der User kein JAvascript hat, würde gar nix angezeigt. die Möglichkeit: Du legst als Standard 10 eingabefelder für die Kinder da rein. Beim laden der Seite löscht JAvascript (Wenn aktiviert) erstmal den Inhalt aus dem DIV.

    tOM

    P.S.: Schöne Idee, aber ich wette du willst jezt wissen wie das geht oder? *g

    1. Hi Tom,

      super, genauso hab ich mir das vorgestellt. Das wär ja wirklich einmalig. Aber soweit war ich ja auch schon...;-)

      P.S.: Schöne Idee, aber ich wette du willst jezt wissen wie das geht oder? *g

      Ach, muß nich unbedingt wissen, wie das geht. Die Idee allein reicht mir ja auch schon...;-) Bitte, bitte, sags mir....ich sterbe, wenn du es mir nich verrätst...;-)

      Wär wirklich nett von dir

      Grüsse

      Lydia

      1. Hi Tom,

        Hi Lydia

        super, genauso hab ich mir das vorgestellt. Das wär ja wirklich einmalig. Aber soweit war ich ja auch schon...;-)

        *lol*

        P.S.: Schöne Idee, aber ich wette du willst jezt wissen wie das geht oder? *g

        Ach, muß nich unbedingt wissen, wie das geht. Die Idee allein reicht mir ja auch schon...;-) Bitte, bitte, sags mir....ich sterbe, wenn du es mir nich verrätst...;-)

        *rofl* Ich streng mich an. Gib mir mal 15 min. k?

        Wär wirklich nett von dir

        Ich bin doch immer net :-P

        Grüsse

        Lydia

        tOM

        1. Ok hier - sollte funzen ;)

          Jetzt hab ich aber was gut! *g

          <!doctype html public "-//W3C//DTD HTML 4.0 //DE">
          <html>
          <head>
          <title>
          Lydia's Formular © TOM ;-)
          </title>
          <style type="text/css">
          <!--
          -->
          </style>
          <script type="text/javascript">
                var byid = false;
                var docall = false;
                var doclay = false;
          function init(){
           var Name = "childs";
           if(document.getElementById) this.byid = true;
                      else{
                           if(document.all && !document.getElementById) {this.byid = false; this.docall = true;
                           }else{ if(document.layers) this.doclay = true;
                                 else alert('Fehler beim DOM - Modell!\n\nBitte an den Programmierer wenden!\n(Thomas.Kagerer@erl11.siemens.de oder Webmaster@ngwebdesign.de)');
                           }
                      }
           if (this.docall && !this.byid) {
                         document.all[Name].style.display = 'none';
                     }
                    else if (this.byid){
                         document.getElementById(Name).style.display = 'none';
                     }else if(this.doclay)
                           document[Name].style.display = 'none';
          }
          function setchilds(){
          var Name = "childs";
          var menge;
          var i;
          var div = "";
          menge = document.form.kinder.options[document.form.kinder.options.selectedIndex].value;
          for(i=1; i<=menge; i++){
           div += 'Vorname Kind' + i + ': <input type="text" name="kind' + i + 'V" value=""><br>';
          }
          if (this.docall && !this.byid) {
                         document.all[Name].innerHTML = div;
                  document.all[Name].style.display = 'block';
                     }
                    else if (this.byid){
                         document.getElementById(Name).innerHTML = div;
                         document.getElementById(Name).style.display = 'block';
                     }else if(this.doclay){
                           document[Name].innerHTML = div;
                           document[Name].style.display = 'block';
            }
          }
          <!--
          //-->
          </script>
          </head>
          <body onload="init();">
          <form name="form" action="get">
          Wie viele Kinder haben sie?
          <select name="kinder" onchange="setchilds();">
          <option value="0">Bitte auswählen</option>
          <option value="1">1 Kind</option>
          <option value="2">2 Kinder</option>
          <option value="3">3 Kinder</option>
          <option value="4">4 Kinder</option>
          <option value="5">5 Kinder</option>
          <option value="6">6 Kinder</option>
          <option value="7">7 Kinder</option>
          <option value="8">8 Kinder</option>
          <option value="9">9 Kinder</option>
          <option value="10">10 Kinder</option>
          </select>
          <br>
          <div id="childs" style="display:block;">
          Vorname Kind1: <input type="text" name="kind1V" value=""><br>
          Vorname Kind2: <input type="text" name="kind2V" value=""><br>
          Vorname Kind3: <input type="text" name="kind3V" value=""><br>
          Vorname Kind4: <input type="text" name="kind4V" value=""><br>
          Vorname Kind5: <input type="text" name="kind5V" value=""><br>
          Vorname Kind6: <input type="text" name="kind6V" value=""><br>
          Vorname Kind7: <input type="text" name="kind7V" value=""><br>
          Vorname Kind8: <input type="text" name="kind8V" value=""><br>
          Vorname Kind9: <input type="text" name="kind9V" value=""><br>
          Vorname Kind10: <input type="text" name="kind10V" value=""><br>
          </div>
          </form>
          </body>
          </html>

          Funtzt übrigends in allen Browsern, auch wenn JS deaktiviert ist. Nur halt dass dann alle 10 da stehen ;)

          tOM

          P.S.: Kommt sogar durch den Vali *g

          1. Hi tOM,

            ich danke dir...*aufkniefall*

            mein Retter, mein Held...;-)

            Ich erfüll dir jeden Wunsch...hätt ich dich Macht dazu...*fg*

            Nochmals vielen Dank...

            *immernochknieende* Lydia

            1. Hab noch was vergessen....werds gleich ma ausprobieren und dann schau ma mal, ob ich dir wirklich jeden Wunsch erfüll...;-)))

              1. Hab noch was vergessen....werds gleich ma ausprobieren und dann schau ma mal, ob ich dir wirklich jeden Wunsch erfüll...;-)))

                *g*

                JA? Mhh...

                Natürlich funktioniert das... ;)

                Also wenn du siehst dass es funtzt, kannst mir ja ne mail schreiben, das ich anfangen darf mir Gedanken zu machen, welche Wünsche ich gern erfüllt hätte ;)))

                1. Hi tOM

                  also, es funktioniert. Habs zwar noch a weng anpassen müssen, aber das kostet dich höchstens zwei Wünsche...;-))

                  Also wenn du siehst dass es funtzt, kannst mir ja ne mail schreiben, das ich anfangen darf mir Gedanken zu machen, welche Wünsche ich gern erfüllt hätte ;)))

                  Dann überleg schonmal. Aber bedenke meine begrenzten Möglichkeiten...;-)

                  Grüsse

                  Lydia