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:
<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;
});
});
a tutaj form
<?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);
}
?>
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