Forum PHP.pl > [jQuery] Kasowanie obrazka

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Kasowanie obrazka

mrSlowFlow

19.06.2009, 15:53:44

Mam liste obrazków. Po kliknięciu na jeden z nich chce, aby się chował i przekazał do skryptu php nazwę pliku, który zostanie skasowany. Póki co mam coś takiego, ale to nie działa.

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$('.thumbs img').click(function()
{
 
 var img_id = $(this).attr('id');
 
 $.ajax(
 {
 	type: 'POST',
 	url: 'test3.php',
 	data: 'img='+img_id,
 	cache: false,
 	success:
 		function(text)
 		{
 			$('#'+img_id).parent('li').remove();
 		},
 	error: function(XMLHttpRequest, status, errorThrown)
 		{
 			// ...
 		}
 });
});
</script>
</head>
<body>
 <div class="thumbs">
 	<ul id="nav">
 		<li><a href="#"><img src="1.jpg" id="img_1" /></a></li>
 		<li><a href="#"><img src="2.jpg" id="img_2" /></a></li>
 		<li><a href="#"><img src="3.jpg" id="img_3" /></a></li>
 		<li><a href="#"><img src="4.jpg" id="img_4" /></a></li>
 	</ul>
 </div>
</body>
</html>
[HTML] pobierz, plaintext

Rafal Filipek

19.06.2009, 16:57:02

1) starasz sie przypisac jakas akcje do elementu zanim zostanie on zaladowany. Poczytaj o $(document).ready().
2) po co ci ten element <a> skoro i tak akcje nadajesz obrazkowi ?

mrSlowFlow

19.06.2009, 17:27:35

Dzięki. Już działa. Był jeszcze jeden błąd. Przy remove() było parent(), a powinno być parents().

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.