Witam. Tworzę sobie właśnie prosty formularz uploadujący zdjęcia, który po kliknięciu buttonu "Wrzuć zdjęcia" zmienia div na zdjęcie proszę czekać.
Podczas, gdy klikam Wrzuć zdjęcia div zmienia się poprawnie lecz formularz się już nie wykonuje. Czy można jakoś to naprawić?
Oto kod:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$("#submit_add_photos").click(function() 
	{
		$("#upload_body").html("<center><img src="img/pw.gif"></center>");
	});
});
</script>
 
<div id="upload_body">
	<form action="upload.php" method="post" enctype="multipart/form-data">
	<h2>Wybierz zdjęcie(a), a następnie kliknij "Dodaj".</h2>
	<input type="file" name="photos[]" style="margin: 5px;" accept="image/*" /><p>
	<input type="file" name="photos[]" style="margin: 5px;" accept="image/*" /><p>>
	<p>
	<input type="submit" id="submit_add_photos" name="submit_add_photos" value="Wrzuć zdjęcia">
	</form>
</div>
[HTML] pobierz, plaintext 

Teraz działa?

Niestety nie działa, obrazek się ukazuje ale formularz się nie wykonuje

Witam,
a to tak można sobie cały formularz wywalić z drzewa DOM podczas gdy on się ładuje ? Jak chcesz by ten obrazek przykrył cały div#upload_body to wstaw go w ten div na końcu, a po kliknięciu przykryj nim formularz ale nie usuwaj formularza.

W jaki sposób mam przykryć formularz, ponieważ nie bardzo rozumiem?

[CSS] pobierz, plaintext 
#upload_body{ position: relative; }
#load_img{ position: absolute; top:0px; left:0px; display: none;}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready(function()
{
	$("#submit_add_photos").click(function() 
	{
		$("#load_img").show();
	});
});
</script>
 
<div id="upload_body">
	<form action="upload.php" method="post" enctype="multipart/form-data">
	<h2>Wybierz zdjęcie(a), a następnie kliknij "Dodaj".</h2>
	<input type="file" name="photos[]" style="margin: 5px;" accept="image/*" /><p>
	<input type="file" name="photos[]" style="margin: 5px;" accept="image/*" /><p>>
	<p>
	<input type="submit" id="submit_add_photos" name="submit_add_photos" value="Wrzuć zdjęcia">
	</form>
        <img src="img/pw.gif" id="load_img">
</div>
[HTML] pobierz, plaintext 

Taki przykład

Dzięki wielkie, działa jak należy