[Erledigt] jquery ajax, event bei nachgeladenem div auslösen

mad · 19.08.2009, 01:17

Hallo,
ich will ein formular bauen welches aus drei teilen generiert wird und je nach auswahl im vorherigen formularteil soll ein anderer im nächsten per ajax nachgeladen werden...

also mein problem ist folgendes:

ich habe eine select box(#select), beim verändern("$('#select').change()....") wird eine php datei per $.ajax ausgeführt welche je nach auswahl einen weiteren teil des formulars nachläd z.b.:

HTML-Code:

<label for="select_2">für geschlecht = m:</label>
            <select id="select_2" class="form_box">
                <option>opt1</option>
                <option>opt2</option>
            </select>            
            <label for="beruf">beruf:</label>
            <select id="beruf" class="form_box">
                <option>dachdecker</option>
                <option>schreiner</option>
                <option>kfz-mech.</option>
            </select>

nun habe ich auch ein anderes jq-event definiert("$('#beruf').change()....")
welches einen dritten teil nachläd, das geht aber nicht.(#beruf befindet sich im nachgeladenen teil)

wenn ich jedoch den ersten und den zweiten teil in meine seite packe geht sie, also vermute ich mal stark das das $('#beruf').change nicht ausgeführt wird weil zum zeitpunkt des fertigladens #beruf noch nicht existiert...

leider habe ich keine ahnung wie bzw. ob ich das umgehen kann, wäre für jeden tipp dankbar

danke

Phoscur · 19.08.2009, 01:36

Das ist eine Grundregel bei AJAX und meiner Meinung nach das nervigste. Asynchrones Nachladen. Du musst das onChange im Callback definieren, also erst wenn der zugehörige DOM auch wirklich da ist.
Ansonsten könntest du noch das relativ neue Events/live - jQuery JavaScript Library ausprobieren.

nikosch · 19.08.2009, 01:40

Zitat:

meiner Meinung nach das nervigste. Asynchrones Nachladen

Kann man ja auch ausschalten.

Zitat:

async Boolean Default: true
By default, all requests are sent asynchronous (i.e. this is set to true by default). If you need synchronous requests, set this option to false. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

Phoscur · 19.08.2009, 01:54

Damit der Browser permanent hängt? Nein, dass es mehrere Threads gibt, ist gut, nur das Handling ist schwierig/nervig.

mad · 19.08.2009, 11:35

Events/live schaut gut aus, werds heute abend mal testen, vielen dank

phpdummi · 19.08.2009, 11:36

Zitat:

Zitat von http://docs.jquery.com/Events/live

Currently not supported: blur, focus, mouseenter, mouseleave, change, submit

Zitat:

Du musst das onChange im Callback definieren, also erst wenn der zugehörige DOM auch wirklich da ist.

mad · 19.08.2009, 19:55

Zitat:

Zitat von Phoscur

Du musst das onChange im Callback definieren, also erst wenn der zugehörige DOM auch wirklich da ist.

mhhh, könnte mir das jemand genauer erläutern, bin noch nicht so firm mit js, jq und ajax...? evtl. nen codeschnipsel

Phoscur · 19.08.2009, 23:01

Code:

$.get('deineUrl', function(data) { // dein Ajaxrequest (jQuery), mit anonymem Callback
// hier sind wir im Callback, der Teil wird ausgeführt sobald der Ajax request abgeschlossen ist, das normale Script läuft unabhängig weiter
    // .. hier solltest du data verarbeiten und an den DOM hängen, damit dann:
    $('#neID').change(function () {
    // hierhin kommt nun was beim onChange passieren soll
    });
});

mad · 20.08.2009, 21:23

ok, ich hab das mal hin und her probiert, leider erfolglos ^^
also ich benutze $.ajax, dann müsste ich es in den "success" parameter schreiben, oder?

PHP-Code:

                  $.ajax({
                    url: 'create_form_1.php',
                    type: 'POST',
                    data: 'vorname=' + vorname + '&nachname=' + nachname + '&geschlecht=' + geschlecht,
           
                    success: function(
                                         //also hier
                                        ) {
                    }
                    
                });

phpdummi · 20.08.2009, 21:39

PHP-Code:

  $.ajax({
                    url: 'create_form_1.php',
                    type: 'POST',
                    data: 'vorname=' + vorname + '&nachname=' + nachname + '&geschlecht=' + geschlecht,
           
                    success: function() {
                     //also hier
                    }
                    
                });

!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQuery mit AJAX ohne ActiceX im IE?	krush	JavaScript, Ajax und mehr	2	11.08.2009 08:54
Ajax + PHP + jquery Accordion zusammenführen.	gamerphil	JavaScript, Ajax und mehr	0	30.04.2009 17:42
[Erledigt] Jquery Ajax Rückgabewert weiterverwenden	heohni	JavaScript, Ajax und mehr	5	26.02.2009 09:52
Drag & Drop via JQuery & Ajax --> Geht nicht :(	Plague	JavaScript, Ajax und mehr	2	23.10.2008 12:19
jQuery: Parameter an onclick Event	ecomeback	HTML, Usability und Barrierefreiheit	1	08.04.2008 11:23

19.08.2009, 01:17
mad Neuer Benutzer Registriert seit: 07.07.2009 Beiträge: 21 PHP-Kenntnisse: Anfänger	[Erledigt] jquery ajax, event bei nachgeladenem div auslösen Hallo, ich will ein formular bauen welches aus drei teilen generiert wird und je nach auswahl im vorherigen formularteil soll ein anderer im nächsten per ajax nachgeladen werden... also mein problem ist folgendes: ich habe eine select box(#select), beim verändern("$('#select').change()....") wird eine php datei per $.ajax ausgeführt welche je nach auswahl einen weiteren teil des formulars nachläd z.b.: HTML-Code: <label for="select_2">für geschlecht = m:</label> <select id="select_2" class="form_box"> <option>opt1</option> <option>opt2</option> </select> <label for="beruf">beruf:</label> <select id="beruf" class="form_box"> <option>dachdecker</option> <option>schreiner</option> <option>kfz-mech.</option> </select> nun habe ich auch ein anderes jq-event definiert("$('#beruf').change()....") welches einen dritten teil nachläd, das geht aber nicht.(#beruf befindet sich im nachgeladenen teil) wenn ich jedoch den ersten und den zweiten teil in meine seite packe geht sie, also vermute ich mal stark das das $('#beruf').change nicht ausgeführt wird weil zum zeitpunkt des fertigladens #beruf noch nicht existiert... leider habe ich keine ahnung wie bzw. ob ich das umgehen kann, wäre für jeden tipp dankbar danke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.08.2009, 01:36
Phoscur Erfahrener Benutzer Registriert seit: 01.12.2008 Beiträge: 450 PHP-Kenntnisse: Fortgeschritten	Das ist eine Grundregel bei AJAX und meiner Meinung nach das nervigste. Asynchrones Nachladen. Du musst das onChange im Callback definieren, also erst wenn der zugehörige DOM auch wirklich da ist. Ansonsten könntest du noch das relativ neue Events/live - jQuery JavaScript Library ausprobieren. __________________

19.08.2009, 01:54
Phoscur Erfahrener Benutzer Registriert seit: 01.12.2008 Beiträge: 450 PHP-Kenntnisse: Fortgeschritten	Damit der Browser permanent hängt? Nein, dass es mehrere Threads gibt, ist gut, nur das Handling ist schwierig/nervig. __________________

19.08.2009, 11:35
mad Neuer Benutzer Registriert seit: 07.07.2009 Beiträge: 21 PHP-Kenntnisse: Anfänger	Events/live schaut gut aus, werds heute abend mal testen, vielen dank

20.08.2009, 21:23
mad Neuer Benutzer Registriert seit: 07.07.2009 Beiträge: 21 PHP-Kenntnisse: Anfänger	ok, ich hab das mal hin und her probiert, leider erfolglos ^^ also ich benutze $.ajax, dann müsste ich es in den "success" parameter schreiben, oder? PHP-Code: $.ajax({ url: 'create_form_1.php', type: 'POST', data: 'vorname=' + vorname + '&nachname=' + nachname + '&geschlecht=' + geschlecht, success: function( //also hier ) { } });

20.08.2009, 21:39
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	PHP-Code: $.ajax({ url: 'create_form_1.php', type: 'POST', data: 'vorname=' + vorname + '&nachname=' + nachname + '&geschlecht=' + geschlecht, success: function() { //also hier } }); ! __________________ "Nobody is as smart as everybody" - Kevin Kelly — The best things in life aren't things