Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] Kasowanie obrazka
mrSlowFlow
post 19.06.2009, 15:53:44
Post #1





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 19.03.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <script type="text/javascript" src="js/jquery.js"></script>
  8. <script type="text/javascript">
  9. $('.thumbs img').click(function()
  10. {
  11.  
  12.  var img_id = $(this).attr('id');
  13.  
  14.  $.ajax(
  15.  {
  16.  	type: 'POST',
  17.  	url: 'test3.php',
  18.  	data: 'img='+img_id,
  19.  	cache: false,
  20.  	success:
  21.  		function(text)
  22.  		{
  23.  			$('#'+img_id).parent('li').remove();
  24.  		},
  25.  	error: function(XMLHttpRequest, status, errorThrown)
  26.  		{
  27.  			// ...
  28.  		}
  29.  });
  30. });
  31. </script>
  32. </head>
  33. <body>
  34.  <div class="thumbs">
  35.  	<ul id="nav">
  36.  		<li><a href="#"><img src="1.jpg" id="img_1" /></a></li>
  37.  		<li><a href="#"><img src="2.jpg" id="img_2" /></a></li>
  38.  		<li><a href="#"><img src="3.jpg" id="img_3" /></a></li>
  39.  		<li><a href="#"><img src="4.jpg" id="img_4" /></a></li>
  40.  	</ul>
  41.  </div>
  42. </body>
  43. </html>
[HTML] pobierz, plaintext


Ten post edytował mrSlowFlow 19.06.2009, 16:02:02
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Rafal Filipek
post 19.06.2009, 16:57:02
Post #2





Grupa: Zarejestrowani
Postów: 274
Pomógł: 54
Dołączył: 2.05.2006
Skąd: Nadarzyn

Ostrzeżenie: (0%)
-----

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 ?
Go to the top of the page
+Quote Post
mrSlowFlow
post 19.06.2009, 17:27:35
Post #3





Grupa: Zarejestrowani
Postów: 19
Pomógł: 0
Dołączył: 19.03.2009
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

Dzięki. Już działa. Był jeszcze jeden błąd. Przy remove() było parent(), a powinno być parents().
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:08
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn