Variablenschwund?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Variablenschwund?

    Hallo, ich habe eine Klasse geschrieben, in der ein mehrdimensionales Array Daten beinhalten soll, die allerdings erst nach Objektanlage gefüllt werden.
    Im Nachfolgenden stelle ich meine Ideen kurz vor,
    ich bin leider nicht sonderlich profiliert was Javascript-Arbeit angeht, aber ich hoffe, man versteht meine Ideen.

    Quellcode

    1. function newProject() {
    2. this.categories = new Array; // Variable in der Werte gespeichert werden sollen
    3. this.newCategoryOption = newCategoryOption; // Funktion zur Einpflegung der Werte in this.categories.
    4. this.selectCategories = selectCategories; // Auslesung der Werte
    5. }
    8. function newCategoryOption(projectid, id, title) {
    9. var category = new Array(2);
    10. category["id"] = id;
    11. category["title"] = title;
    13. if (!this.categories[projectid])
    14. this.categories[projectid] = new Array();
    16. this.categories[projectid].push(category);
    18. }
    20. function selectCategories() {
    21. var selectedValue = document.getElementById("reference_view").selectProject.options[document.getElementById("reference_view").selectProject.selectedIndex].value;
    22. var showCategories = document.getElementById("displayCategory").style.display = "none";
    23. var parent = document.getElementById("selectCategory");
    24. var categories;
    25. if ( categories = this.categories[selectedValue]) // überprüfung ob ein array existiert?
    26. {
    27. //tudiesoderdas
    28. }
    29. }
    Alles anzeigen




    So jetzt kommt mein Problem:

    Das funktioniert alles super, bis zu einem Punkt:
    Die select-Auswahl welche selectedValue übergibt kann per Knopfdruck in ein input-Feld umgebaut werden und dies funktioniert auch rückgängig.
    Wieso bekomme ich bloß nach doppelter Umwandlung, also nach Umwandlung in ein input-field und zurück in die selectBox die Fehlermeldung:" Fehler: this.categories has no properties"
    DIe Zeile ist (

    Quellcode

    1. if ( categories = this.categories[selectedValue])
    ).


    Hilfe?

  • also in #4 hast du das array falsch initialisiert - da fehlen die klammern

    könnte schon der fehler sein, aber generell musst du erst überprüfen ob das objekt existiert, und danach kannst du prüfen ob der index existiert

    Quellcode

    1. if (this.category != null) {
    2. if(this.categories[selectedValue] == null) {


    ist das beabsichtigt, dass du in #27 eine zuweisung statt eines vergleichs machst?


    btw: assoziative arrays sind schon in ordnung:
    http://www.validome.org/doc/HTML_ge/javascript/objekte/array.htm#assoziative_arrays

  • Der gesamte Code der Klasse sind mittlerweile 130 Zeilen und ich kann mir nicht vorstellen, dass es keine Zumutung ist, sich das reinzuziehen, zumal ich kein geübter Programmierer bin in Sachen javascript.

    Aber ich kann es gerne posten, eine HTML ausgabe gibt es eigentlich nur dahingehend, wie oben erwähnt. Sprich über eine Funktion werden Werte einem Array übergeben.

    Ich kann versuchen mein Problem nochmals zu definieren :

    Ein Objekt mit folgenden Methoden und Variablen wird über folgende Klasse angelegt :

    Quellcode

    1. function newProject() {
    2. this.currentvalue = "selectProject";
    3. this.projects_id = new Array;
    4. this.projects_title = new Array;
    5. this.categories = new Array;
    7. this.switchField = switchField;
    8. this.newProjectOption = newProjectOption;
    9. this.newCategoryOption = newCategoryOption;
    10. this.selectCategories = selectCategories;
    11. this.selectType = selectType;
    12. this.displayBankform = displayBankform;
    14. this.type = new Array;
    15. this.type[1] = new Array("linktext", "titletag", "target", "max", "expired");
    16. this.type[2] = new Array("linktext", "titletag", "target", "max", "expired");
    17. this.type[3] = new Array("linktext", "titletag", "target", "max", "expired");
    18. this.type[4] = new Array("linktext", "titletag", "target", "max", "expired");
    19. this.type[5] = new Array("linktext", "titletag", "target", "max", "expired", "myurl", "personaldata", "insertlink");
    20. this.type[6] = new Array("linktext", "titletag", "target", "max", "expired", "myurl", "personaldata", "insertlink", "bankdata", "paymentmethod", "paymentpattern", "patternbegins");
    21. this.type[7] = new Array("linktext", "titletag", "target", "max", "expired", "myurl", "personaldata", "insertlink", "bankdata", "paymentmethod", "paymentpattern", "patternbegins");
    22. }
    Alles anzeigen


    Die relevanten Funktionen, die ich zur Problembehebung einschließe sind folgende:

    Quellcode

    1. function switchField() {
    2. // parent
    3. var element = document.getElementById("switchProject");
    5. var oldField = document.getElementById(this.currentvalue);
    6. var oldRef = document.getElementById("switchRef");
    7. if ( this.currentvalue == "selectProject" )
    8. {
    9. // replaceWith
    10. var replaceField = document.createElement("input");
    11. replaceField.setAttribute("type", "text");
    12. replaceField.setAttribute("name", "newProject");
    13. replaceField.setAttribute("value", "Neues Projekt");
    14. replaceField.setAttribute("id", "newProject");
    16. oldRef.firstChild.data = "Zurück zur Auswahl?";
    17. }
    18. else if ( this.currentvalue == "newProject")
    19. {
    20. // replaceWith
    21. var replaceField = document.createElement("select");
    22. replaceField.setAttribute("name", "selectProject");
    23. replaceField.setAttribute("id", "selectProject");
    24. replaceField.setAttribute("onChange", "selectCategories()");
    26. // array durchlaufen
    27. for ( index in this.projects_id) {
    28. var newOption = document.createElement("option");
    29. newOption.appendChild(document.createTextNode( this.projects_title[index] ));
    30. newOption.setAttribute("value", this.projects_id[index] );
    31. replaceField.appendChild(newOption);
    32. }
    34. oldRef.firstChild.data = "Neues Projekt anlegen?";
    35. }
    37. // replace
    38. element.replaceChild(replaceField, oldField);
    39. if ( this.currentvalue == "selectProject")
    40. this.currentvalue = "newProject";
    41. else
    42. this.currentvalue = "selectProject";
    43. }
    45. function newCategoryOption(projectid, id, title) {
    46. category = new Array;
    47. category["title"] = title;
    48. category["id"] = id;
    50. if ( !this.categories[projectid])
    51. {
    52. this.categories[projectid] = new Array;
    53. }
    54. this.categories[projectid].push(category);
    55. }
    57. function selectCategories() {
    58. var selectedValue = document.getElementById("reference_view").selectProject.options[document.getElementById("reference_view").selectProject.selectedIndex].value;
    59. var project;
    60. document.getElementById("displayCategories").style.display = "none";
    62. if ( ( this.categories ) && ( selectedProject = this.categories[selectedValue]) )
    63. {
    64. var parent = document.getElementById("selectCategories");
    66. for ( index in parent.childNodes)
    67. {
    68. if ( (parent.childNodes[index].nodeName == "SELECT") || (parent.childNodes[index].nodeName == "OPTION") )
    69. parent.removeChild(parent.childNodes[index]);
    70. }
    72. document.getElementById("displayCategories").style.display = "";
    74. var selectBox = document.createElement("select");
    75. selectBox.setAttribute("name", "selectCategory");
    77. for ( category in selectedProject)
    78. {
    79. var newOption = document.createElement("option");
    80. newOption.appendChild(document.createTextNode( selectedProject[category]["title"] ));
    81. newOption.setAttribute("value", selectedProject[category]["title"] );
    82. selectBox.appendChild(newOption);
    83. }
    85. parent.appendChild(selectBox);
    86. }
    88. }
    Alles anzeigen



    Kurz :

    Sobald ich die Funktion switchFields ausgeführt habe, ist die Variable this.categories leer und nichts lässt sich für eine Liste daraus entnehmen.

    Vielleicht hilft das Zeug.


    Ich kann mir nicht vorstellen, dass es an #4 liegt, da es a) egal ist, ob ich die Klammern verwende, wenn ich keine Elemente mit übergebe und b) funktioniert alles, bis ich eben switchFields() ausführe.

    Gruß Lars