[PHP][jquery]Działa na jednym elemencie nie na wszystkich. Opcje

[cykcykacz]

Witam,
nie wiem dlaczego ale jak robie update ikonka przeładowania pojawia sie tylko na najwyrzym elemencie z formularz.

Formularz z bazy wyswietlam petlą:

Kod

       <form  id="aad-form2" action="" method="POST">

        <?php foreach($myrows as $a): ?>
   <input id="id" type="text" name="id" value="<?php echo $a->id; ?>">
<input id="name" type="text" name="name" value="<?php echo $a->name; ?>">
<input id="header" type="text" name="header" value="<?php echo $a->header; ?>">
<input id="body" type="text" name="body" value="<?php echo $a->body; ?>">
<input id="urls" type="text" name="urls" value="<?php echo $a->urls; ?>">
<input type="submit" name="aad-submit2" id="aad_submit2" class="button-primary" value="<?php _e('Update', 'aad'); ?>"/>
<img src="<?php echo admin_url('/images/wpspin_light.gif'); ?>" class="waiting" id="aad_loading2" style="display:none;"/>
<br />
<?php endforeach ?>
</form>

Sam update działa na każdym pojedynczym elemecie ale ikona ładowania pojawia sie tylko przy pierwszym elemecie:

Kod

<img src="<?php echo admin_url('/images/wpspin_light.gif'); ?>" class="waiting" id="aad_loading2" style="display:none;"/>

Tak wyglada kod jquery:

Kod

jQuery(document).ready(function($) {
    $('#aad-form2').submit(function(){
        //alert('test');
        $('#aad_loading2').show();
        $('#aad_submit2').attr('disabled', true);
        data = {
            action: 'aad_get_results2',
            form_data: $('#aad-form2').serialize()
            //aad_nonce: aad_vars.aad_nonce
        };
        
        $.post(ajaxurl, data, function (response) {
            $('#aad_results2').html(response);
            $('#aad_loading2').hide();
            $('#aad_submit2').attr('disabled', false);
        });
        
        return false;
    });
});

Jak zrobic aby ta ikona pokazywała się przy każdym elemecie ktory jest klikniety? A nie przy pierwszym.

Sam update do bazy działa na kazdym z osobna.

[nospor]

ID jak sama nazwa wskazuje ma byc unikalne a nie jak u ciebie kazda ikonka ma dokladnie to samo ID.
Ikonke masz pokazywac w zaleznosci od forma, a nie od stalego ID. NIby jakim cudem teraz jquery ma wiedziec ze tobie akurat chodzi o te ikonka z danego forma? Nie wie, wiec bierze pierwsza z brzegu

[cykcykacz]

A jak to zrobić żeby widziało?

Mogę php nadać każdemu unikalne id ale jak teraz od strony jquery miało by to wyglądac?

Kod jquery mam w innym pliku.

Ten post edytował cykcykacz 21.08.2013, 13:16:16

[nospor]

Szukaj poprostu ikonki w danym formie i po sprawie...

jQuery(this).find('img').show();

[cykcykacz]

Dobra postram sie jakos to ogarnoc jak mi sie uda dam znac i klinke pomógł.

[nospor]

Ale co tu ogarniac??

Przeciez podalem ci wszystko na tacy.

Masz dac
jQuery(this).find('img').show();
zamiast
$('#aad_loading2').show();

No juz wiekszej tacy dostac naprawde nie mogles.

[cykcykacz]

Myślałem nad czymś innym i z marszu odpisałem.

Chyba musze na jakiś czas odpocząć od komutera albo nie wiem iść pobiegać ...

Dodałem ale ikona nie znika. Pojawia sie ale nie znika:

[JAVASCRIPT] pobierz, plaintext 
	$('#aad-form2').submit(function(){
		//alert('test');
		jQuery(this).find('img').show();
		$('#aad_submit2').attr('disabled', true);
		data = {
			action: 'aad_get_results2',
			form_data: $('#aad-form2').serialize()
			//aad_nonce: aad_vars.aad_nonce
		};
 
		$.post(ajaxurl, data, function (response) {
			$('#aad_results2').html(response);
			jQuery(this).find('img').hide();
			$('#aad_submit2').attr('disabled', false);
		});
 
		return false;
	});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował cykcykacz 21.08.2013, 14:17:03

[nospor]

No bo w $.post this nie odnosi sie juz do forma tylko do obiektu jquery. Kombinuj (IMG:style_emoticons/default/smile.gif)

[cykcykacz]

Nie wiem jak:
próbuje:

[JAVASCRIPT] pobierz, plaintext 
$('#aad_loading2').find('img').hide();
[JAVASCRIPT] pobierz, plaintext 

Ale nie działa nie chowa sie...

Ten post edytował cykcykacz 21.08.2013, 14:28:44

[nospor]

Toz ci mowilem, ze nie mozesz sie odwolywac do ikonki, gdzie 15 ikonek ma to samo ID, a ty nadal swoje, nadal lecisz po ID.... Po co ja w ogole gadam? Dobry nospor jak da gotowiec, a ja znowu kaze myslec, to znowu wracamy do poczatku i mamy gdzies co nam probowano wpoic....


zapamietaj w zmiennej przed .post ikonke ktora znalazles a potem w .post sie do niej odwoluj. Tylko tym razem skup sie co piszesz.

[cykcykacz]

Zrobiłem w ten sposób:
jQuery('img').hide();

[JAVASCRIPT] pobierz, plaintext 
	$('#aad-form2').submit(function(){
		//alert('test');
		jQuery(this).find('img').show();
		$('#aad_submit2').attr('disabled', true);
		data = {
			action: 'aad_get_results2',
			form_data: $('#aad-form2').serialize()
			//aad_nonce: aad_vars.aad_nonce
		};
 
		$.post(ajaxurl, data, function (response) {
			$('#aad_results2').html(response);
			jQuery('img').hide();
			$('#aad_submit2').attr('disabled', false);
		});
 
		return false;
	});
[JAVASCRIPT] pobierz, plaintext