✔ Dynamische Formularfelder?!

S

SpidersPoison

Grünschnabel
Hallo ich suche dringend Hilfe da ich mich daran bereits versuche aber einfahc nicht vorran komme...


Ich hab eine Seite die wie folgt aufgebaut ist!

Name: [EINGABEFELD]
Haben sie bereits einen Charakter? [CHECKBOX (nicht angewählt)]
Name des Charakters: [EINGABEFELD DISABLED weil CHECKBOX nicht AKTIV]

Also wenn die Checkbox angeklickt wird soll es mögklich sein die eingaben unten zu viollizehen oder eben nicht...

Das setzen eines Eingabefeldes auf inaktiv ist ja nicht weiter schwer...
HTML: 
<input type="text" name="name" disable>

für die die es nicht wissen...

Allerdings sollen auch gemachte einträge stehenbleiben... nur wenn man das formular abschickt... drüfen die sachen die zwar eingetragen wurden und dann inaktiv sind nicht übertragen werden! Kann mir da jemand weiterhelfen?


Eine Grafik zur Veranschaulichung meines Wunsches hängt an!
 

Anhänge

  • beispiel.JPG
    beispiel.JPG
    35,8 KB · Aufrufe: 90
Zuletzt bearbeitet:
SpidersPoison hat gesagt.:
Allerdings sollen auch gemachte einträge stehenbleiben... nur wenn man das formular abschickt... drüfen die sachen die zwar eingetragen wurden und dann inaktiv sind nicht übertragen werden! Kann mir da jemand weiterhelfen?
Zum Vergrößern anklicken....
Bitte führe doch das noch weiter aus, ist nämlich zumindest für mich unverständlich und deine Grafik hilft da auch nicht, die machen das nämlich im Normalfalls immer so.

Auch hast du übrigens auf deiner Tastatur über den beien Strg-Tasten jeweils eine Taste mit so nem komischen Pfeil nach oben, wäre schön wenn du die mal benutzten könntest - ist sowieso laut Nutzungsbedingungen hier Pflicht....
 
Zuletzt bearbeitet:
Ich weiss nicht wie es sich mit den inaktiven Eingabfeldern verhällt. Das Problem ist eigentlich nur das aktivieren und wieder deaktivieren der Felder mit der Checkbox.

Was ich mit den eingegebenen Informationen meinte bezieht sich auf die Tatsache das ich das Formluar per Mail versenden wollte mit einem PHP Skirpt... aber das kann hier komplett ausgelassen werden.

Ich würde mich freunen wenn ihr mir helfen könntet das Problem mit der Checkbox hinzubekommen!

PS: Entschuldigt die Fehler... sowohl Rechtschreibung als auch alle anderen :-)
 
Wo ist das Problem? Rufe im onclick der Checkbox eine Funktion auf, die die Felder auf disabled = "true" setzt, wenn sie nicht disabled sind und ansonsten auf disabled = "false". Wirst wohl die Id der Felder als Parameter übergeben müssen.
 
Gut. Klingt ziemlich einfach, aber ich bin auch ziemlich neu und wie ich bereits sagte bekomme ich das einfach nicht hin.

Kann jemand vielleicht ein Codebeispiel posten?
Am besten eine Checkbox und 2 Eingabefelder die Aktiviert bezw. deaktiviert werden.
Vielen Dank schonmal für die bisherige Hilfe!
 
HTML: 
<html><head>
  
  <script type="text/javascript"><!--
  	function swap(name) {
  		var arr = document.getElementsByName(name);
  		for (i=0;i<arr.length;i++) {
  			arr[i].disabled = (arr[i].disabled) ? false : true;
  		}
  	}
  //--></script>
  
  </head><body>
  
  	<input type="checkbox" onClick="swap('tf')"><br>
  	<input type="text" name="tf"><br>
  	<input type="text" name="tf">
  	
  	<br><br><br>
  	
  	<input type="checkbox" onClick="swap('ttf')"><br>
  	<input type="text" name="ttf"><br>
  	<input type="text" name="ttf">
  
 </body></html>
Hier müssen die Textfelder, die zur gleichen Checkbox gehören allerdings auch den gleichen Namen haben, der der Funktion swap() dann als Parameter übergeben wird (im Beispiel ist das 'tf' bzw. 'ttf').
 
Zuletzt bearbeitet:
Nein das ist PERFEKT! :-)

Vielen Dank!

Man kann in OnClick die Aufrufe doch häufen!

HTML: 
<input type="checkbox" onclick="swap('box1');swap('box2');swap('box3');"/>

Funktioniert einwandfrei!
Vielen Dank nochmal!
 
Gern geschehen!

Mir war noch ein kleiner Fehler aufgefallen, den ich in meinem letzten Beitrag inzwischen ausgebessert habe.

Du kannst natürlich in einem onclick auch mehrere Aufrufe durch Semikola ( ; ) getrennt durchführen - hättest es nur ausprobieren müssen und du hättest gesehen, dass es geht.
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück