tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
474
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 11.11.03 16:46 #1
    thobikid thobikid ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    5
    Also ich wollte mir sowas machen wie auf dieser Seite:

    Seite

    Also nur die Drop-Liste oben
    Die macht das so, dass wenn man vorne was anwählt sich bei der 2. was ändert.
    und sowas wollte ich auch machen, jedoch ich als (fast) gimp habe noch kA wie ich das hinbekomm

    Bye Thobikid
     
  2. 11.11.03 17:12 #2
    thobikid thobikid ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    5
    Achso und nochwas.
    Wenn man dann bei der 2. Liste was auswählt ändert sich die Seite darunter das wüsst ich auch gerne, wie man das macht
    Wäre nett, wenn mir jmd. sagen kann, wie das geht.
    schon im vorraus
     
  3. 11.11.03 18:38 #3
    Avatar von Razorhawk
    Razorhawk Razorhawk ist offline Webdesigner und MSP
    Registriert seit
    Aug 2002
    Ort
    Berlin
    Beiträge
    1.363
    Das wäre dann mit javascript zu programmieren!
    In HTML geht das nicht.
    Du änderst die 1. Dropliste und durch den Eventhandler OnChange (in dem eine Javascriptfunktion aufgerufen wird) wird die 2 gändert.
    Genauso funktioniert das mit der 2. zur Tabelle.

    Nur wäre der Code für mich jetzt zu komplex als das ich ihn schnell mal schreiben könnte.
     
  4. 11.11.03 18:56 #4
    Avatar von Thomas Lindner
    Thomas Lindner Thomas Lindner ist offline Mitglied Diamant
    Registriert seit
    Dec 2001
    Ort
    Schwarzenbek, Germany
    Beiträge
    5.022
    Hier mal ein Ansatz ( kein fertiges Script ), hatte den CodeSchnipsel grad noch rumliegen, weil ich gerade etwas ähnliches scripte....

    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

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script language="JavaScript1.2" type="text/javascript">
sub_auswahl_1 = new Array
(
"Piratenschiff",
"Abenteuerinsel"
)
sub_auswahl_2 = new Array
(
"Puppenhaus",
"Kaufladen"
)
function tausche()
{
if(document.forms.eingabe.erste.options[1].selected == true)
{
x = document.forms.eingabe.ausgabe.length
if(document.forms.eingabe.ausgabe.length !=  0)
        { 
        var Zaehler = 0;
            while(Zaehler != x)
            {
            document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length-1] = null;
            Zaehler++;  
            }
a = new Option(sub_auswahl_1[0]);
b = new Option(sub_auswahl_1[1]);
document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length] = a;
document.forms.eingabe.ausgabe[0].value = "Zement"
document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length] = b;
document.forms.eingabe.ausgabe[1].value = "Beton"
d = document.forms.eingabe.ausgabe
alert(d[0].value + d[1].value)
return false;
}
}
if(document.forms.eingabe.erste.options[2].selected == true)
{
x = document.forms.eingabe.ausgabe.length
if(document.forms.eingabe.ausgabe.length !=  0)
        { 
        var Zaehler = 0;
            while(Zaehler != x)
            {
            document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length-1] = null;
            Zaehler++;  
            }
c = new Option(sub_auswahl_2[0]);
d = new Option(sub_auswahl_2[1]);
document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length] = c;
document.forms.eingabe.ausgabe.options[document.forms.eingabe.ausgabe.length] = d;
return false;
}
}
return false
}
 
</script>
</head>
<body>
<form name="eingabe">
<select name="erste" size="1" onchange="tausche()">
<option selected value="leer">&nbsp;&nbsp;&nbsp;</option>
<option value="Lego">Lego</option>
<option value="Lego">Playmobil</option>
</select>
 
<select name="ausgabe" size="1">
<option value="">Test 1</option>
<option value="">Test 2</option>
<option value="">Test 3</option>
</select>
 
</form>
</body>
</html>
     
    Die Signatur befindet sich aus Platzgründen auf der Rückseite!
  5. 13.11.03 18:09 #5
    thobikid thobikid ist offline Rookie
    Registriert seit
    Jul 2003
    Beiträge
    5
    Dafür einmal ein großes Dankeschön. Nun hab ich aber nochmal ne Frage, und zwar, ob man das für die 1. Auswahl auch machen kann.
    Nun ist es ja so, dass sobald man etwas von der 1. Liste ausgewählt hat, und man wieder auf den leere Kasten zrückklickt, dass dann das im 2. Kasten stehen bleibt, was man eingtestellt hat. Das will ich net. Ich will, dass wenn man auf das leere Kästchen klickt, wieder der Anfangszustand ist. Naja falls das jmd kapiert, was ich da eben geschrieben hab kann mir auch hoffendlich sagen, ob man das machen kann oder nicht und wenn ja wie man das umgestalten muss.
    Großes Dankeschön schon im Voraus
     
« Liste | Mit MouseOver in Frame1 Bildwechsel in Frame2? »

Ähnliche Themen

  1. Drop-Down-Menü ohne Liste
    Von GTA im Forum CSS
    Antworten: 0
    Letzter Beitrag: 30.08.10, 13:08
  2. Formular mit DER Drop-Down-Liste
    Von Blackhawk50000 im Forum PHP
    Antworten: 7
    Letzter Beitrag: 12.02.08, 11:42
  3. Variablenübergabe bei Drop Down Liste aus Datenbank
    Von dj_honda im Forum PHP
    Antworten: 6
    Letzter Beitrag: 16.10.07, 17:13
  4. multiple Drop-down Liste
    Von xollo im Forum CGI, Perl, Python, Ruby, Power Shell
    Antworten: 1
    Letzter Beitrag: 23.09.04, 11:48
  5. Drop Down Liste dynamisch füllen
    Von angelnb im Forum ASP
    Antworten: 3
    Letzter Beitrag: 27.08.03, 15:05