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.

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źć.

Zamiast id użyj atrybutu class.

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

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"

[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