Problem z wysłaniem url IMG poprzez $_POST, wysyłanie wybranego linku obrazka do bazy danych Opcje

[Soulast]

Podkreślam jestem naprawdę raczkujący w javie i ajaxie Próbuje napisać kod w którym skrypt wyświetla wszystkie obrazki z folderu i poprzez kliknięcie na wybrany obrazek jego link zostaje automatycznie bez odświeżania strony wysłany do bazy danych. Można powiedzieć ze wszystko działa ale problem się pojawia w momencie już gdy klikam na obrazek.
Przykłądowo wybierając pierwszy on zostaje wysłany do bazy lecz okazuje się że to nie jest ten sam link którego się wybrało. A wybierając każdy inny obrazek po za pierwszym to działanie javasriptu nie działa i przerzuca mnie na stronę główną.

Oto część javascriptu:

[HTML] pobierz, plaintext 
<script type="text/javascript">
	$(document).ready(function() {
 
		 $('#obrazsend').click(function(event) {
			 $('form').submit(function() { 
			$.ajax({   
				type: 'POST',
				dataType: 'html',
				data : $(this).serialize(),
					url: 'post.php',
					success: function(response) 
					{
						$('#updateuserrez4').append(response).fadeOut(2800);
					}
					});   		
				return false;					
			});					
		});	
</script>
[HTML] pobierz, plaintext 

a tutaj form

[HTML] pobierz, plaintext 
<form method="post">
<div class="form-group">
 <div id="updateuserrez4"></div></div>	
 
<?php    
 
if ($dir = @opendir("obrazy/"))
{
 
while (false !== ($f = readdir($dir)))
{
 
if ($f != "." && $f != ".." && $f != "index.html" && $f != "Thumbs.db"){
$avatar = "obrazy/" . $f . "";
 
echo '
<input type="hidden" name="obraz" value="obrazy/' . $f . '"/>
<input type="image" src="obrazy/' . $f . '" name="Submit" class="img-circle normal" width="69" height="69" border="0"  id="obrazsend"/>';
 
}
}
closedir($dir);
}
?>
 
                      </div>			  
</form>
[HTML] pobierz, plaintext 

Będę bardzo wdzięczny za wszelką pomoc. Męcze się już z tym drugi dzień ale nie mogę dojść do pozytywnego rezultatu.

Ten post edytował Soulast 25.02.2014, 11:49:19

[vermis]

Nadajesz wielu obrazom ten sam identyfikator 'obrazsend'. Identyfikator powinien być różny, żeby jednoznaczenie określać element.
Poza tym return false musisz mieć w funkcji obsługującej submit, a nie zwrot z ajaksa.

Ten post edytował vermis 25.02.2014, 11:52:03

[Soulast]

Nadajesz wielu obrazom ten sam identyfikator 'obrazsend'. Identyfikator powinien być różny, żeby jednoznaczenie określać element.
Poza tym return false musisz mieć w funkcji obsługującej submit, a nie zwrot z ajaksa.

Dziękuję za podpowiedź. Powiedzmy że do php wrzucę $i++ oraz dodam to i do id="avatarsend' . $i . '" Tak aby było różne ale w jaki sposób dodaje zmienne ID w java script?
Szukałem podpowiedzi w sieci ale nie mogę znaleźć.

[grzes999]

Zamiast id użyj atrybutu class.

[Soulast]

Zamiast id użyj atrybutu class.

Podmieniłem ID na class ale nic wówczas nie działa..

[grzes999]

A w kodzie zmieniłeś odwołanie

[JAVASCRIPT] pobierz, plaintext 
$(".jakas_klasa").click(function(event) {
//instrukcje
});
[JAVASCRIPT] pobierz, plaintext 

[Soulast]

A w kodzie zmieniłeś odwołanie

[JAVASCRIPT] pobierz, plaintext 
$(".jakas_klasa").click(function(event) {
//instrukcje
});
[JAVASCRIPT] pobierz, plaintext 

Dokładnie tak zrobiłem oraz zmieniłem w input submit id="jakas_klasa" na class="jakas_klasa"

[_Borys_]

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function() {
         $('.obrazsend').click(function(event) {
            $.ajax({   
	type: 'POST',
	data : {img_src:$(this).attr('src')},
	url: 'post.php',
	success: function(response) 
	{
	$('#updateuserrez4').fadeIn('slow').append(response).fadeOut(2800);
	}
	});   		
	return false;				
	});
        });	
</script>
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
echo '<input type="image" src="obrazy/' . $f . '" class="obrazsend img-circle normal" width="69" height="69" border="0"/>';
[PHP] pobierz, plaintext 

post.php

[PHP] pobierz, plaintext 
echo $_POST['img_src'];
[PHP] pobierz, plaintext 

Ten post edytował _Borys_ 26.02.2014, 00:29:56