Jquery eigene Funktionen erstellen

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

Samstag, 20. August 2011, 12:59

Ich wollte mal versuchen das js entwas übersichtlicher zu gestalten und wollte bestimmt aktionen in Fuktionen packen und dann wie unten aufrufen. Leider klappt das nicht so wie ich mir das gedacht hab. Ich glaub das liegt an dem submit oder mach ich da generell was falsch?

Spoiler
Javascript-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
69
70
71
$.fn.addStep1 = function() {
        // Tab1 - Schritt 1
    $("form#submit_shopping_1").submit(function() {   
        var user        = $('#shop_user').attr('value');
        var date        = $('#datepicker').attr('value');
        var shop        = $('#shop').attr('value');
        
        var controlForm =   '<input type="hidden" name="control[user]" value="'+user+'" />'+
                            '<input type="hidden" name="control[date]" value="'+date+'" />'+
                            '<input type="hidden" name="control[markt]" value="'+shop+'" />';
                            
                        
          	if ( (user == "")&&(date !== "")&&(shop !== "") ) {
          		$("#form_user").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
				$("p#false").show().html("Fehler: Kein Käufer vorhaden<br />Bitte Käufer unter Einstellungen anlegen!")
          	}
          	
          	if ( (user !== "")&&(date == "")&&(shop !== "") ) {
          		$("#datepicker").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
				$("p#false").show().html("Fehler: Bitte Datum auswählen!")
          	}
          	
          	if ( (user !== "")&&(date !== "")&&(shop == "") ) {
          		$("#shop").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
				$("p#false").show().html("Fehler: Bitte Shop auswählen!")
          	}
        
            if ( (user !== "")&&(date !== "")&&(shop !== "") ) {

                        $("#tab1_form1").hide();
                        $("p#false").hide();
                        $("#tab1_form2").show("slow");
                        $("#tab1_control").show("slow");
                        $("#submit_control").append(controlForm).show("slow");

            }
            if ( (user == "")&&(date == "")&&(shop == "") ) {
            	$("#form_user").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
            	$("#datepicker").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
            	$("#shop").css({
  					'border-color' 	: 'firebrick',
  					'border-weight' : 'bold',
  					'border-style'	: 'dotted'
				});
            	$("p#false").show().html("Fehler: Kein Käufer vorhaden<br />Bitte Käufer unter Einstellungen anlegen!")
            } 

            
        return false;  
    });
 }

	Javascript-Quelltext
1	$('#form#submit_shopping_1').addStep1();

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »Josephine« (22. August 2011, 15:44)

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Samstag, 20. August 2011, 16:15

mh ich sehe nicht so ganz den sinn darin was du da gemacht hast, Funktionen bei fn anbinden ist für addons. Das ist eher dafür gedacht bestimmten code öfter zu benutzen und möglicherweise an mehreren Elementen. Dein Code ist aber so spezifiziert das das eh kein sinn machen würde. warum nimmst du nicht einfach ne ganz normale Funktion?

-LA

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 624

Montag, 22. August 2011, 15:45

Ja, kannst du mir mir ein einfaches Beispiel geben? Ich will quasie so code Teile auslagern und sie dann in einer anderen Datei wieder includen oder aufrufen.

Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

Dieser Beitrag wurde bereits 5 mal editiert, zuletzt von »Josephine« (22. August 2011, 15:45)

lorenz

Haudegen

Dabei seit: 05.11.2002

Beiträge: 647

Montag, 22. August 2011, 20:29

mh ich sehe nicht ganz was es da groß zu zeigen gibt

ich würde das halt entweder in ganz normalen JS-Funktionen auslagern

	Javascript-Quelltext
1	function setupSubmitShopping(){}

oder halt in Objekten je nach dem wie modular das ganze werden soll

	Javascript-Quelltext
1 2 3	function shopping(name) { this.setupSubmit = function() {} }

-LA

Jquery eigene Funktionen erstellen

Javascript-Quelltext

Javascript-Quelltext

Javascript-Quelltext

Javascript-Quelltext

Ähnliche Themen