Was muss ich an diesem Script ändern? - javarea.de Forum powered by javarea.de

Hallo,
es ist ersteinmal gut zuwissen, dass das Script soweit deinen Vorstellungen entsprechend ist ;)

Wenn du Auswahlfelder hinzufügen willst sind eigentlich 3 Stellen zu bearbeiten.

1) Der HTML Code

HTML-Quelltext

1: 
2: 
3: 
4:

<select name="stage0" size="1" onclick="redirect(1)"></select>
<select name="stage1" size="1" onclick="redirect(2)"></select>
<select name="stage2" size="1" onclick="redirect(3)"></select>
<select name="stage3" size="1"></select>

2) Das Array mit den Feldnamen

	HTML-Quelltext
1: 2: 3: 4: 5: 6:	var fields = new Array( document.formular.stage0, document.formular.stage1, document.formular.stage2, document.formular.stage3 );

3) Das Array mit den Inhalten

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68:

var group = new Array();

    group[0] = new Array( 
      new Option("Ebene 1"), 
      new Option("Ebene 2"),
      new Option("Ebene 3")
    );

    group[1] = new Array(
      new Array(
        new Option("Ebene 1.1"),
        new Option("Ebene 1.2")
      ),
      new Array(
        new Option("Ebene 2.1"),
        new Option("Ebene 2.2")
      ),
      new Array(
        new Option("Ebene 3.1"),
        new Option("Ebene 3.2")
      )
    );

    group[2] = Array(
      new Array(
        new Array(
          new Option("Ebene 1.1.1", "http://www.javarea.de"),
          new Option("Ebene 1.1.2", "http://www.google.de")
        ),
        new Array(
          new Option("Ebene 1.2.1", "http://www.youtube.de"),
          new Option("Ebene 1.2.2", "http://www.php.net")
        )
      ),
      new Array(
        new Array(
          new Option("Ebene 2.1.1", "http://www.flickr.com"),
          new Option("Ebene 2.1.2", "http://www.studivz.de")
        ),
        new Array(
          new Option("Ebene 2.2.1", "http://www.wikipedia.de"),
          new Option("Ebene 2.2.2", "http://www.javarea.de")
        )
      ),
      new Array(
        new Array(
          new Option("Ebene 3.1.1", "http://www.javarea.de"),
          new Option("Ebene 3.1.2", "http://www.javarea.de")
        ),
        new Array(
          new Option("Ebene 3.2.1", "http://www.javarea.de"),
          new Option("Ebene 3.2.2", "http://www.javarea.de")
        )
      )
    );
    
    group[3] = Array(
      new Array(
        new Array(
          new Array(
            new Option("Ebene 1.1.1.1", "http://www.test.de")
          ),
          new Array(
            new Option("Ebene 1.1.2.1", "http://www.hallo.de")
          )
        )
      )
    );

Du hast es dir im Prinzip auch richtig gedacht nur muss für die neue Ebene auch eine Ebene im Array hinzukommen, also ein new Array() mehr.
Ich weiß, dass ist vielleicht etwas komliziert, schien mir aber gestern die einfachste Methode zu sein.
Wenn man group[2] und group[3] vergleicht, steht überall wo bei group[2] die new Option() sind noch ein new Array bei group[3]. Man muss es sich wie einen Baum mit Ästen vorstellen aus denen neue Zweige kommen.
Ich weiß jetzt nicht genau wie gut du dich mit Arrays und Javascript bzw Programmierung im Allgemeinen auskennst, aber das new Option("Ebene 1.1.2.1", "http://www.hallo.de") aus group[3] könnte man auch wie folgt schreiben

	HTML-Quelltext
1:	group[3][0][0][1][0] = new Option("Ebene 1.1.2.1", "http://www.hallo.de");

Da sieht man den "Pfad" um zu dem Element zu kommen. Halt wie bei Arrays üblich bei 0 beginnend, aber man kann es sich als 1 1 2 1 vorstellen.

Ich hoffe ich konnte das einigermaßen verständlich erklären ;)

	Zitat
	Wie aufwendig ist es eigentlich, würde man das Script dann noch erweitern auf Funktionen wie z.B.: - Am Ende zusammengefasst zu bekommen, was man sich jetzt zusammengestellt hat und eine Nummer dazu?

Das Zusammengefasst zu bekommen ist eigentlich nicht schwer. Hier mal ein kleines Beispiel was die go() funktion ersetzt.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:

function go() {
      text = '';
      for(i=0;i < fields.length; i++) {
        index = fields[i].options.selectedIndex;
        text = text + fields[i].options[index].text + ' - ' + fields[i].options[index].value + ' - ' + index + '\n';
      }
      alert(text);
 }

Was du mit der Nummer meinst versteh ich nicht.

Hoffe dich erstmal ein Stück weitergebracht zu haben
Grüße
Danny

HTML-Quelltext

HTML-Quelltext

HTML-Quelltext

HTML-Quelltext

Zitat

HTML-Quelltext