Toon posts:

[javascript] Dropdown menu's

Pagina: 1
Acties:
  • 58 views sinds 30-01-2008

maandag 29 maart 2004 16:50

Acties:

Verwijderd

Topicstarter
hey mensen..
[uitleg]
Ik heb een site waar mensen zich kunnen registreren met hun scooter.
Als deze mensen zich willen registreren dan moeten ze kiezen wat voor merk scooter ze hebben en wat voor type.
Wat ik wil doen is dat als men een merk kiest dat daarbij de bijbehorende type's worden geladen en niet dat je eerst naar een andere pagina moet.
Een vergelijkbaar voorbeeld kun je vinden op:

http://www.scooter-freaks.nl/persoscoots/persolisting.php

Nou kees waarom jat je hem gewoon niet daarvan?

Dat kan ik ook maar het probleem is dat hun net ietsjes anders werken dan ik wil.
Hun werken met nummers en ik wil het echte merk in de POST headers mee krijgen en geen nummer.

schone code van sf.nl:
code:
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133

<script language="javascript"> 


array = new Array( 

                new Array( 
          new Array("Jet", 1),new Array("Supersonic", 2)),
                new Array( 
          new Array("AF1", 7),new Array("Amico", 8),new Array("Area", 9),new Array("Gulliver AC", 10),new Array("Gulliver LC", 11),new Array("Habana", 12),new Array("Rally AC", 13),new Array("Rally LC", 14),new Array("Scarabeo", 15),new Array("Sonic AC", 16),new Array("Sonic LC", 17),new Array("SR 2000", 18),new Array("SR Sport", 19),new Array("SR Ditech", 20),new Array("SR Max Biaggi", 21),new Array("SR Netscaper", 22),new Array("SR Peace & Love", 23),new Array("SR Racing", 24),new Array("SR Replica AC", 25),new Array("SR Replica LC", 26),new Array("SR Stealth", 28),new Array("SR Urban Kid", 29),new Array("SR ValeRossi", 30),new Array("SR Viper", 31),new Array("SR WWW", 32),new Array("RS", 33),new Array("Red Rose Classic", 282),new Array("RX", 285)),
                new Array( 
          new Array("Byte AT", 3),new Array("Hacker AT 12", 4),new Array("Hacker LC", 5),new Array("Skeggia", 6)),
                new Array( 
          new Array("491 GT", 34),new Array("491 LC", 35),new Array("491 RR", 36),new Array("491 ST", 37),new Array("491 Sport", 38),new Array("Replica", 39),new Array("Sport", 40),new Array("K2 AC", 41),new Array("K2 LC", 42),new Array("Naked", 43),new Array("Velvet", 44)),
                new Array( 
          new Array("Ark AC", 45),new Array("Ark LC", 46),new Array("Chrono", 47),new Array("Quadra", 48),new Array("Eikon", 49),new Array("RR50", 50)),
                new Array( 
          new Array("Atlantis", 51),new Array("Easy", 52),new Array("GP", 53),new Array("GPR", 54),new Array("Hunter", 55),new Array("Predator LC", 56),new Array("Predator AC", 57),new Array("Senda", 58)),
                new Array( 
          new Array("Challenger", 59),new Array("Sierra Ranger", 60),new Array("Tornado", 61),new Array("Yukon", 62),new Array("Viper", 63)),
                new Array( 
          new Array("Citta", 64),new Array("GP", 65),new Array("GSM", 66),new Array("DNA", 67),new Array("ICE", 68),new Array("Runner 180", 69),new Array("Runner 200", 70),new Array("Runner SD", 71),new Array("Runner SP", 72),new Array("Runner SP Pro", 73),new Array("Runner Poggiali", 74),new Array("Runner Purejet", 75),new Array("Stalker DD", 76),new Array("Stalker SD", 77),new Array("Storm", 78),new Array("Zulu", 79),new Array("DNA 180", 259),new Array("RCR", 267),new Array("SMT", 268),new Array("Runner DD", 271)),
                new Array( 
          new Array("Camino", 80),new Array("MB", 81),new Array("MT5", 82),new Array("MTX", 83),new Array("Ns-1", 84),new Array("NSR", 85),new Array("SFX", 86),new Array("SH New", 87),new Array("SH Scoopy", 88),new Array("SJ Bali", 89),new Array("Vision", 90),new Array("Wallaroo", 91),new Array("X8RS", 92),new Array("X8RX", 93)),
                new Array( 
          new Array("Rush", 94),new Array("SF Racing", 95)),
                new Array( 
          new Array("Dragster", 96),new Array("Dragster 125/180", 97),new Array("Formula AC", 98),new Array("Formula LC", 99),new Array("Velocifero", 100)),
                new Array( 
          new Array("Dink", 101),new Array("DJ", 102),new Array("Heroism", 103),new Array("K12", 104),new Array("KB Manboy", 105),new Array("LX/Filly/Easy", 106),new Array("Super", 107),new Array("Sniper", 108),new Array("Top Boy", 109),new Array("ZX Scout", 110)),
                new Array( 
          new Array("Centro SL", 111),new Array("Crosser", 112),new Array("F Jet Line", 113),new Array("FireFox DD", 114),new Array("FireFox SD", 115),new Array("Phantom AC", 116),new Array("Phantom LC", 117),new Array("Yesterday", 118)),
                new Array( 
          new Array("Booster Next", 119),new Array("Booster Spirit", 120),new Array("Nitro", 121),new Array("Ovetto", 122),new Array("Stunt", 123)),
                new Array( 
          new Array("Minibike", 277)),
                new Array( 
          new Array("RX", 124),new Array("Furia", 283)),
                new Array( 
          new Array("Buxy", 125),new Array("Elyseo", 126),new Array("Fox", 127),new Array("Jet Force", 128),new Array("Looxor", 129),new Array("Metal X", 130),new Array("Speedake", 131),new Array("Speedfight", 132),new Array("Speedfight I LCD", 133),new Array("Speedfight I M", 134),new Array("Speedfight I Prost", 135),new Array("Speedfight I XTeam", 136),new Array("Speedfight II AC", 137),new Array("Speedfight II LCD", 138),new Array("Speedfight II LCDP", 139),new Array("Speedfight II Prost", 140),new Array("Speedfight II WRC", 141),new Array("Speedfight II XRace", 142),new Array("SPX", 143),new Array("Squab", 144),new Array("SV", 145),new Array("Trekker MetalX", 146),new Array("Trekker Off Road", 147),new Array("Trekker Road", 148),new Array("Vivacity", 149),new Array("Vivacity Sportline", 150),new Array("Vivacity VSX", 151),new Array("Vivacity XRace", 152),new Array("Zenith", 153),new Array("Speedfight II Silversport", 262),new Array("Viva City Silversport", 263),new Array("Viva City Universe", 264),new Array("Speedfight II Furious", 265),new Array("Elystar", 266),new Array("Rapido", 273),new Array("103", 275)),
                new Array( 
          new Array("Tornado", 154),new Array("T-Rex", 155)),
                new Array( 
          new Array("Diesis", 156),new Array("Free", 157),new Array("Liberty", 158),new Array("NRG", 159),new Array("NRG Extreme", 160),new Array("NRG Mc2", 161),new Array("NRG Mc3", 162),new Array("NTT", 163),new Array("Quartz", 164),new Array("Sfera", 165),new Array("Typhoon", 166),new Array("Zip 25", 167),new Array("Zip AC", 168),new Array("Zip LC", 169),new Array("Ciao", 269),new Array("Zip SP", 286)),
                new Array( 
          new Array("Maxi", 170),new Array("MV50", 171),new Array("Z Two", 172),new Array("NRG", 231),new Array("NRG Extreme", 232),new Array("NRG Mc2", 233),new Array("NTT", 234),new Array("Typhoon", 235),new Array("Zip 25", 236),new Array("Zip AC", 237),new Array("Zip LC", 238)),
                new Array( 
          new Array("RR", 173),new Array("RS", 174),new Array("MRX", 175),new Array("SMX", 176)),
                new Array( 
          new Array("AP50", 177),new Array("Estilete", 178),new Array("Katana", 179),new Array("RMX", 180),new Array("StreetMagic", 181),new Array("TS", 182),new Array("TSX", 183),new Array("Zillion", 184),new Array("ZR 50", 281)),
                new Array( 
          new Array("Attila", 185),new Array("Jet", 186),new Array("Shark", 187),new Array("Jungle", 270)),
                new Array( 
          new Array("Classic", 188),new Array("Flezer", 189),new Array("Quadro", 190),new Array("Revival", 191),new Array("Sport R", 192),new Array("Standard", 193)),
                new Array( 
          new Array("203", 194),new Array("303", 195),new Array("303 R", 196),new Array("303 RS", 197),new Array("Akros", 198),new Array("F409", 199),new Array("Laser", 200),new Array("Trigger", 201)),
                new Array( 
          new Array("Bravo", 202),new Array("Boxer", 203),new Array("Ciao", 204),new Array("ET2", 205),new Array("ET4", 206),new Array("Si", 207)),
                new Array( 
          new Array("Aerox", 208),new Array("Aerox 100", 209),new Array("Aerox Chesterfield", 210),new Array("Aerox Jaguar", 211),new Array("Aerox Max Biaggi", 212),new Array("Aerox R", 213),new Array("Aerox Tech 3", 214),new Array("Aerox Toyota", 215),new Array("Aerox Ultimate", 216),new Array("Axis", 217),new Array("Belluga", 218),new Array("Breeze", 219),new Array("BWs", 220),new Array("FS1", 221),new Array("Jog", 222),new Array("Mint", 223),new Array("Neos", 224),new Array("Slider", 225),new Array("Spy", 226),new Array("Why", 227),new Array("Zest", 228),new Array("TZR", 254),new Array("Aerox PlayStation", 272),new Array("DT", 274),new Array("Aerox Killerbee", 276),new Array("Aerox GP1", 284)),
                new Array( 
          new Array("-", 229)),
                new Array( 
          new Array("-", 230),new Array("Minibike", 278))
); 



function loadList(ctrl, fname) { 
    
        var Field = document.getElementById(fname); 

        for (var i = Field.options.length; i >= 0; i--) Field.options[i] = null; 


        if(ctrl > 0) 
        { 
            for(var i = 0; i < array[ctrl-1].length; i++ ) 
            { 
                Field.options[i] = new  Option(array[ctrl-1][i][0]); 
                Field.options[i].value = array[ctrl-1][i][1];
    
                    if(Field.options[i].value == '')
                { 
                                var selected = Field.options[i]; 
                                Field.options[i].selected = true; 
                                } 
            } 
        }
    




} 
</script>
<BODY onLoad="javaScript:loadList(, "t")">
<form action="" method="get">
  <select name="m" onChange='loadList(this.value, "t")' size="1">
    <option value="">-- Merk -- 
    <option value="1">Adly 
    <option value="2">Aprilia 
    <option value="3">Atala 
    <option value="4">Benelli 
    <option value="5">Beta 
    <option value="6">Derbi 
    <option value="7">Eton 
    <option value="8">Gilera 
    <option value="9">Honda 
    <option value="10">Hyosung 
    <option value="11">Italjet 
    <option value="12">Kymco 
    <option value="13">Malaguti 
    <option value="14">MBK 
    <option value="15">Minibike 
    <option value="16">Motorhispania 
    <option value="17">Peugeot 
    <option value="18">PGO 
    <option value="19">Piaggio 
    <option value="20">Puch 
    <option value="21">Rieju 
    <option value="22">Suzuki 
    <option value="23">Sym 
    <option value="24">Tomos 
    <option value="25">TGB 
    <option value="26">Vespa 
    <option value="27">Yamaha 
    <option value="28">Overige 
    <option value="29">Zelfbouw 
  </select>
  <select name="t" size="1">
    <option value="">-- Type -- 
  </select>
</form>


Ik kan de values van de merken nog wel veranderen :P maar van type's helaas niet.. Althans ik weet niet hoe het moet.

Mijn javascript kennis is lettertlijk 3x0 ofterwijl nooberig.
Overigens staat er een bug je op regel 95:
code:
1

</script>

weet iemand misschien waar dat aan ligt?
Zou iemand me dus willen helpen met het converteren van de values?
Of weet iemand een goed alternatief.

Alvast bedankt...

[ Voor 46% gewijzigd door Verwijderd op 29-03-2004 16:52 ]

maandag 29 maart 2004 17:03

Acties:
  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 10:12

djluc

Probeer even over je probleem na te denken:
je maakt een array met daarin alle merken en alle typen. Zodra een merk gekozen is laat je JS in die array de typen ophalen en toevoegen aan de selectbox. Hoe je dat precies doet kun je vrijwel allemaal in tutorials vinden.

Een voorbeeldstructuur voor je array:
JavaScript:
1
2
3

var merktypen=new Array();
merktypen['racert']=new Array;
merktypen['racert'][]='supertype';

[ Voor 24% gewijzigd door djluc op 29-03-2004 17:04 ]

maandag 29 maart 2004 17:12

Acties:
  • stp_4
  • Registratie: Maart 2003
  • Laatst online: 22-05 12:07

stp_4

Gezien de willekeur van scooters en verschillende types, zou je misschien kunnen overwegen om dit een database te zetten. Je code wordt er namelijk ook niet echt knap en overzichtelijk van.

stp - PSN ID: stp_4

maandag 29 maart 2004 17:19

Acties:
  • djluc
  • Registratie: Oktober 2002
  • Laatst online: 10:12

djluc

stp_4 schreef op 29 maart 2004 @ 17:12:
Gezien de willekeur van scooters en verschillende types, zou je misschien kunnen overwegen om dit een database te zetten. Je code wordt er namelijk ook niet echt knap en overzichtelijk van.
Dat heeft toch verder weinig relevantie met zijn vraag? Het gaat er om zonder een nieuwe pagina of reload toch de 2de select te kunnen vullen met de juiste gegevens.

Er zit trouwens een javascript error in het linkje die je gaf, erg irri.

[ Voor 8% gewijzigd door djluc op 29-03-2004 17:32 ]

maandag 29 maart 2004 18:56

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 12:05

crisp

Devver

Pixelated

Dus jij ript een script van een site en dan mogen wij het voor je gaan aanpassen?
Dat noemen wij een scriptrequest, en daar doen we hier dus niet aan...

Intentionally left blank

Dit topic is gesloten.