tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
293
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 14.11.11 11:44 #1
    Avatar von 123123123
    123123123 123123123 ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    177
    Guten Morgen,

    ich versuche mit Javascript zu arbeiten. Meine Übung besteht darin, mit switch die verschiedenen Formulare auszugeben!
    Hier das hab ich schon mal gemacht:

    HTML-Code:
    <html>
	<head>
		<title>Formulare</title>
				<script>
					
				</script>
	</head>
<body>
	<form name="Form1">
		<input type="text" name="Eingabe" /> 
	</form>
	
	<form action="input_radio" name = "Form2">
		<input type="radio" name="Getraenke" value="Cola" /> Cola<br>
		<input type="radio" name="Getraenke" value="Fanta" />Fanta<br>
	</form>
	  
	<form action="input_checkbox" name = "Form3">
		<input type="checkbox" name="essen" value="hackbraten" /> Hackbraten<br>
		<input type="checkbox" name="essen" value="suppe" /> Suppe<br>
		<input type="checkbox" name="essen" value="sandwich" /> Sandwich
	</form>

	<form action="textarea" name = "Form4">
		<textarea name="user_eingabe" cols="50" rows="10"></textarea>
	</form>
	 
	 <input type="button" value="Auslesen" />
	
</body>
</html>
    Es muss so machen, dass wenn ich zB bei Radio-Buttons auf Fanta drücke, so muss es, wenn ich Auslesen drücke, im "alert" - Fensterchen erscheinen,
    genau so mit dem Textfeld und Checkboxen (sie müssen einzeln im Fensterchen erscheinen).

    Geht das überhaupt mit "switch?"
     
    Zitieren Zitieren
  2. 14.11.11 11:58 #2
    Avatar von Lime
    Lime Lime ist offline frisch fruchtig
    Registriert seit
    Jul 2011
    Beiträge
    369
    Hallo,

    also zuerst solltest du dir überlegen javascript/jquery einzubinden.

    Weiters weis ich nicht, was genau du mit switch machen willst...
    Ich lege dir mal diesen Beitrag von jQuery ans Herz: http://api.jquery.com/change/

    Innerhalb der Funktion gibst du dann einfach ein alert-Fensterchen aus.

    Gruß
     
    Zitieren Zitieren
  3. 14.11.11 13:08 #3
    Avatar von 123123123
    123123123 123123123 ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    177
    Also am besten mach ich eine Fallunterscheidung, aber ich weiß nicht wie das mit switch geht!
    Hab mal mit functionen mal gemacht, kann man die nicht in "switch" - Befehl dann schreiben?
    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

    <html>
    <head>
        <title>Formulare</title>
                <script>
                
                    function Start1() 
                    {
                        var texteingabe = document.Form1.Eingabe.value;
                        alert(texteingabe);
                    }
                    
                    function Start2 ()
                    {
                            var Getraenke = "Getränk: ";
                            if  (document.Form2.Getraenke1.checked == true)
                            {   
                                Getraenke += "Cola ";
                            }
                            if( document.Form2.Getraenke2.checked == true)
                            {
                                Getraenke += "Fanta ";
                            }
                        
                            if  (Getraenke != "Getränk: ")
                            {   
                                alert(Getraenke);
                            }
                    }
                    
                    function Start3() 
                    {
                        var Bestellung = "Bestellung: ";
                            if  (document.Form3.Checkbox1.checked == true)
                            {   
                                Bestellung += "Hackbraten ";
                            }
                            if( document.Form3.Checkbox2.checked == true)
                            {
                                Bestellung += "Suppe ";
                            }
                            if  (document.Form3.Checkbox3.checked == true)
                            {
                                Bestellung += "Sandwich";
                            }
                            if  (Bestellung != "Bestellung: ")
                            {   
                                alert(Bestellung);
                            }
                    }
                    
                    function Start4 ()
                    {
                        var text = document.Form4.Eingabe.value;
                        alert(text);
                    }
                
                </script>
    </head>
<body>
    <form name="Form1">
        <input type="text" name="Eingabe" /> 
    </form>
    
    <form action="input_radio" name = "Form2">
        <input type="radio" name="Getraenke1" value="Cola" /> Cola <br>
        <input type="radio" name="Getraenke2" value="Fanta"/>Fanta <br>
    </form>
      
    <form action="input_checkbox" name = "Form3">
        <input type="checkbox" name="Checkbox1" value="hackbraten" /> Hackbraten<br>
        <input type="checkbox" name="Checkbox2" value="suppe" /> Suppe<br>
        <input type="checkbox" name="Checkbox3" value="sandwich" /> Sandwich
    </form>
 
    <form action="textarea" name = "Form4">
        <textarea name="Eingabe" cols="50" rows="10"></textarea>
    </form>
     
     <input type="button" value="Auslesen" onclick = "Start1 ()" />
     
     
    
</body>
</html>
    Geändert von 123123123 (14.11.11 um 13:12 Uhr)
     
    Zitieren Zitieren
  4. 14.11.11 15:54 #4
    Avatar von Lime
    Lime Lime ist offline frisch fruchtig
    Registriert seit
    Jul 2011
    Beiträge
    369
    Einfacher wäre es, wenn du einfach abfragst, ob eine Änderung vorliegt bei den radiobuttons Getraenke und danach die aktuell-select value ausliest und ausgibst...

    $('#getraenk').change(function{

    });

    da reinschreiben...
     
    Zitieren Zitieren
  5. 14.11.11 16:03 #5
    Avatar von 123123123
    123123123 123123123 ist offline Mitglied Gold
    Registriert seit
    Aug 2011
    Beiträge
    177
    Hab mir doch anders überlegt, ich lasse einfach alles in einem Fensterchen auftauchen.
    Geht das? Also das alle "function (s)" im einem "alert" Fensterchen auftauchen? Also muss so Ausehen:
    Form1 : Auswahl
    Form2 : Getränk Cola
    Form3 : Bestellung: Hackbraten
    Form4 : Lecker

    (Ohne davor Form 1,2,3,4, hab einfach um verständis halber geschrieben.)
    hab jetzt nur sowas hingekriegt:

    Code :
    1
2
3
4
5
6
7
8

    function ausgeben () 
                    {   
                        alert(Start1 () + Start2 () + Start3() + Start4 () );
                    }
                    ....
 
 
                    <input type="button" value="Auslesen" onclick = "ausgeben ()" />
     
    Zitieren Zitieren
« Mit Javascript in <input> "Value" schreiben | jquery url: - verschleiern »

Ähnliche Themen

  1. switch meint "{" == "$"
    Von SAK im Forum PHP
    Antworten: 3
    Letzter Beitrag: 29.10.07, 17:20
  2. Frage zu "switch"+"include"
    Von NemoFinder im Forum PHP
    Antworten: 23
    Letzter Beitrag: 04.10.05, 00:54
  3. "Server" PC durch Hardware Router ersetzen - Switch wo?
    Von Der O im Forum Netzwerke
    Antworten: 3
    Letzter Beitrag: 19.02.05, 14:45
  4. Anfängerproblem: "enum" und switch
    Von Gismo im Forum Java
    Antworten: 2
    Letzter Beitrag: 23.01.05, 14:36
  5. Blende wie bei "Switch" v. Pro7
    Von Schmitt100 im Forum Videoschnitt, Videotechnik & -produktion
    Antworten: 3
    Letzter Beitrag: 20.05.03, 18:29