Da-Real-Monchichi
Mitglied
Hallo
habe ein großes Problem. Ich versuche mir gerade ein Formular zu erstellen. Über Javascript habe ich es mittlerweile hinbekommen, dass user:
1. in ein input feld daten eingeben
2. diese daten werden in einem definierten Bereich ausgegeben
3. user kann seine eigenen angelegten Daten auswählen
4. nach auswählen werden 2 buttons erzeugt einmal edit und einmal delete
5. bei edit kann der user neue daten über ein input feld was dann erzeugt wird wiederrum daten eingeben.
6. diese daten werden wiederrum in einem dafür definierten bereich ausgegeben
7. bei delete kann der user den ersten datensatz löschen, die dazugehörenden daten aus der 2. eingabe sollen ebenfalls gelöscht werden, weil diese gehören ja zum objekt des ersten datensatz.
Und nun zu meinem Problem:
Bis 4. ist alles in Ordnung. Ab 5. stimmt mein Formular nicht mehr. Es soll, wenn der user das 2. mal Daten eingibt, diese geziehl der 1. Auswahl zugeordnet werden.
bei punkt 7 habe ich das problem, wenn ich ein objekt aus der ersten eingabe lösche, dann sollten ja die dazugehörigen daten aus der 2. eingabe mit entfernt werden.
Beisiel:
Der user gibt beim ersten mal "Ferrari" ein.
Ferrari wird im DIV angezeigt
User wählt Ferrari aus
User drückt Button "edit"
Jetzt kann user dem Datensatz Ferrari Autos zuordnen
User gibt F50 an und drückt "add"
Der "F50"" wird jetzt darunter in dem dafür vorgesehenen DIV angezeigt. Jetzt soll aber der F50 nur angezeigt werden, wenn Ferrari ausgewählt ist. Also kurz er soll der Gruppe Ferrari zugewiesen werden.
In meinem Formular klappt das alles schon nur wenn ich einen neuen 1. Datensatz angebe und auf editieren drücke, dann sind die Fahrzeuge für alle Marken zu sehen.
Beispiel:
Ich lege Audi an. Beim 2. Datensatz lege ich a4, a6, a8, s8 usw an.
lege ich jetzt Ferrari an und wähle editieren, dann sehe ich die modelle "a4, a6, a8 usw" auch hier. Das ganze passiert, da der 2. datensatz dem ersten nicht zugeordnet wird.
hier mal mein code:
Würde mich über jede Hilfe freuen. Das Stichwort Array ist mir bekannt. Das Problem ist nur, dass alles dynamisch erzeugt wird. Und ich bin ein ziehmlich großer Rookie!
habe ein großes Problem. Ich versuche mir gerade ein Formular zu erstellen. Über Javascript habe ich es mittlerweile hinbekommen, dass user:
1. in ein input feld daten eingeben
2. diese daten werden in einem definierten Bereich ausgegeben
3. user kann seine eigenen angelegten Daten auswählen
4. nach auswählen werden 2 buttons erzeugt einmal edit und einmal delete
5. bei edit kann der user neue daten über ein input feld was dann erzeugt wird wiederrum daten eingeben.
6. diese daten werden wiederrum in einem dafür definierten bereich ausgegeben
7. bei delete kann der user den ersten datensatz löschen, die dazugehörenden daten aus der 2. eingabe sollen ebenfalls gelöscht werden, weil diese gehören ja zum objekt des ersten datensatz.
Und nun zu meinem Problem:
Bis 4. ist alles in Ordnung. Ab 5. stimmt mein Formular nicht mehr. Es soll, wenn der user das 2. mal Daten eingibt, diese geziehl der 1. Auswahl zugeordnet werden.
bei punkt 7 habe ich das problem, wenn ich ein objekt aus der ersten eingabe lösche, dann sollten ja die dazugehörigen daten aus der 2. eingabe mit entfernt werden.
Beisiel:
Der user gibt beim ersten mal "Ferrari" ein.
Ferrari wird im DIV angezeigt
User wählt Ferrari aus
User drückt Button "edit"
Jetzt kann user dem Datensatz Ferrari Autos zuordnen
User gibt F50 an und drückt "add"
Der "F50"" wird jetzt darunter in dem dafür vorgesehenen DIV angezeigt. Jetzt soll aber der F50 nur angezeigt werden, wenn Ferrari ausgewählt ist. Also kurz er soll der Gruppe Ferrari zugewiesen werden.
In meinem Formular klappt das alles schon nur wenn ich einen neuen 1. Datensatz angebe und auf editieren drücke, dann sind die Fahrzeuge für alle Marken zu sehen.
Beispiel:
Ich lege Audi an. Beim 2. Datensatz lege ich a4, a6, a8, s8 usw an.
lege ich jetzt Ferrari an und wähle editieren, dann sehe ich die modelle "a4, a6, a8 usw" auch hier. Das ganze passiert, da der 2. datensatz dem ersten nicht zugeordnet wird.
hier mal mein code:
Code:
function Hinzufuegen () {
if (document.getElementById("name").value == "") {
alert("error: Insert Squadname");
document.getElementById("name").focus();
return false;}
document.getElementById('ausgabe').style.display="block";
var squads = new Option(document.getElementById("name").value, document.getElementById("name").value, false, true);
mySel=document.getElementById('ihre_squads');
mySel.options[mySel.length]=squads;
document.Formular.squads.value = "";
if (mySel.length>2) {
mySel.size=mySel.length;}}
function member () {
if (document.getElementById("name1").value == "") {
alert("error: Insert Squadmember");
document.getElementById("name1").focus();
return false;}
document.getElementById('ausgabe1').style.display="block";
var squadmember = new Option(document.getElementById("name1").value, document.getElementById("name1").value, false, true);
mySel=document.getElementById('die_squadmember');
mySel.options[mySel.length]=squadmember;
document.Formular.squadmember.value = "";
if (mySel.length>2){
mySel.size=mySel.length;}}
function editSquad(){
document.getElementById('editbtn').style.display=""; document.getElementById('delbtn').style.display=""; document.getElementById('okbtn1').style.display="";}
function editmember(){
document.getElementById('editbtn1').style.display=""; document.getElementById('delbtn1').style.display="";}
function remove (){
document.Formular.ihre_squads.options[document.Formular.ihre_squads.selectedIndex] = null;}
function removemember (){
document.Formular.die_squadmember.options[document.Formular.die_squadmember.selectedIndex] = null;}
function checksquads(){
if (document.getElementById("ihre_squads").innerHTML == "") {
document.getElementById('ausgabe').style.display="none";
document.getElementById('edit-member').style.display="none";
document.getElementById('ausgabe1').style.display="none";}}
function checkmember(){
if (document.getElementById("die_squadmember").innerHTML == "") {
document.getElementById('ausgabe1').style.display="none";}}
function closemember(){
document.getElementById('edit-member').style.display="none";}
function edit () {
var input = document.createElement("input");
input.setAttribute("type","text");
input.setAttribute("name","memberedit");
input.setAttribute("id","edit-member");
document.getElementById('edit-member').style.display="";}
<LI><STRONG>Squads:</STRONG><BR><input type="text" size="20" name="squads" id="name"><input type="button" value="add" onclick="Hinzufuegen();"></LI>
<LI id="ausgabe" name="squadnamen" style="display: none;"> <STRONG>Ihre Squads:</STRONG><BR>
<select name="ihre_squads" id="ihre_squads" size="2" style="width: 155px; overflow: auto;" onclick="editSquad();"></select>
<input type="button" value="edit" id="editbtn" style="display: none;" onclick="edit();"> <input type="button" value="delete" id="delbtn" style="display: none;" onclick="remove(), checksquads();"> <input type="button" value="ok" id="okbtn1" style="display: none;" onclick="closemember();"></li><br>
<LI id="edit-member" style="display: none;"><STRONG>Member des Squads:</STRONG><BR><input type="text" size="20" name="squadmember" id="name1"><input type="button" value="add" onclick="member();"></LI>
<LI id="ausgabe1" name="squadmember" style="display: none;"> <STRONG>Die Squadmember:</STRONG><BR>
<select name="die_squadmember" id="die_squadmember" size="2" style="width: 155px; overflow: auto;" onclick="editmember();"></select>
<input type="button" value="edit" id="editbtn1" style="display: none;" onclick="edit();"> <input type="button" value="delete" id="delbtn1" style="display: none;" onclick="removemember(), checkmember();"></li></UL></DIV>
Würde mich über jede Hilfe freuen. Das Stichwort Array ist mir bekannt. Das Problem ist nur, dass alles dynamisch erzeugt wird. Und ich bin ein ziehmlich großer Rookie!