[jQuery] usuwanie rekordu / wpisu z bazy Opcje

[arkoslaw]

Witam, mam problem ze skryptem usuwajacym rekordy z bazy, rzecz wydaje sie banalna ale troche sie komplikuje po podpieciu php pod jQuery...podczas szukania rozwiazania natknalem sie na taki skrypt(link: LINK)

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$('a.delete').livequery('click', function(e) {
		e.preventDefault();
		var parent = $(this).parent();
		$.ajax({
			type: 'get',
			url: 'linki/show_news.php',
			data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
			beforeSend: function() {
				parent.animate({'backgroundColor':'#fb6c6c'},300);
			},
			success: function() {
				parent.slideUp(300,function() {
					parent.remove();
				});
			}
		});
		return false;
	});
});
[JAVASCRIPT] pobierz, plaintext 

+taki skrypt PHP

[PHP] pobierz, plaintext 
if(isset($_GET['delete']))
{
	$query = 'DELETE FROM news WHERE id_news = '.(int)$_GET['delete'];
	$result = mysql_query($query);
}
while($newsy = mysql_fetch_array($query))
		{
echo '<div class="record" id="record-',$newsy['id_news'],'">
			<a href="?delete=%27,$newsy[%27id_news%27],%27" class="delete">Delete</a>
			<strong>',$newsy['tytul'],'</strong>
			<strong>',$newsy['autor'],'</strong>
			<strong>',$newsy['tresc'],'</strong>
			<strong>',$newsy['data'],'</strong>
			<strong>',$newsy['tytul'],'</strong>
			</div>';
[PHP] pobierz, plaintext 

Animacja dziala czyli zwija elegancko rekordy ale nie usuwa z bazy rekordow.
Patrzyłem pod FireBugiem no i zatrzymuje się przy parent.remove ale i tak zwija sie dany rekord. Id danego rekordu tez dobrze odczytuje wiec jest to pewnie wina IFa lub tego dziwnego zapytania...

Chodzi mi o jak najprostszy skrypt zeby go tylko mozna bylo podpiac pod jQuery, probowalem z innymi skryptami ale dzilaja tylko wtedy gdy mam return true czyli przekierowanie do nastepnej strony, a musze zrobic tak zeby to zapytanie bylo wykonywane po stronie przegladarki.

Mam nadzieje, że ktoś sie zainteresuje tym problemem bo siedze nad tym od wczoraj;/
P.S. Możliwe, że wina leży po stronie pluginu LivQuery?

[vokiel]

W FireBug'u jest konsola, w której pojawiają się zapytania, gdy klikniesz na jedno z nich masz tam zakładki: Parametry, Nagłówki, Odpowiedź. Zerknij na parametry, czy są wysłane poprawnie, oraz na odpowiedź, żeby zobaczyć, czy przypadkiem serwer nie sypnął błędem.

Drobne poprawki:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
	$('a.delete').livequery('click', function(e) {
		e.preventDefault();
		var parent = $(this).parent();
		$.ajax({
			type: 'get',
			url: 'linki/show_news.php',
			data: {ajax: 1, delete: parent.attr('id').replace('record-','')},
			beforeSend: function() {
				parent.animate({'backgroundColor':'#fb6c6c'},300);
			},
			success: function() {
				parent.slideUp(300,function() {
					$(this).remove();
				});
			}
		});
		return false;
	});
});
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
if(isset($_GET['delete']) && !empty($_GET['delete'])){
    $query = 'DELETE FROM news WHERE id_news = '.(int)$_GET['delete'];
    $result = mysql_query($query);
}
/* to co tu mialeś nie zadziala */
$query = "SELECT * FROM news";
$result = mysql_query($query);
while($newsy = mysql_fetch_array($result)){
    echo '<div class="record" id="record-',$newsy['id_news'],'">
        <a href="?delete=%27,$newsy[%27id_news%27],%27" class="delete">Delete</a>
        <strong>',$newsy['tytul'],'</strong>
        <strong>',$newsy['autor'],'</strong>
        <strong>',$newsy['tresc'],'</strong>
        <strong>',$newsy['data'],'</strong>
        <strong>',$newsy['tytul'],'</strong>
        </div>';
}
[PHP] pobierz, plaintext 

[arkoslaw]

Vokiel, zmiast "pomógł" zrób sobie opcje "donate";) Nie wiem jak to robisz, że w tak krótkim czasie rozpoznajesz problem i dajesz rozwiązanie, wielkie dzięki wszystko elegancko działa. Nawet nie wiedziałem że $.ajax ma cos takiego jak delete. Mam jeszcze dwa pytania jeśli można:

1. Chodzi o wyświetlanie rekordów z bazy, nie wyświetla mi 1 najstarszego rekordu, wiem dziwny problem:D

2. Nie wiem czy mi się uda ale bede próbował zrobić paginacje w jQuery, jeśli ma ktoś jakiś sprawdzony tutorial jak to zrobić to bardzo bym prosił o linka lub ewentualne wyjaśnienie jak to zrobić pod jQuery żeby nie przeładowywać strony. Wiem że jest do tego plugin ale poza livequery nie moge mieć innych pluginów.

edit// Kurcze w IE niestety wywala błąd i nie działają mi wszystkie ajaxowe linki na stronie, natomiast w FF wszystko w porzadku. W tej linij ce wywala błąd:

[JAVASCRIPT] pobierz, plaintext 
delete: parent.attr('id').replace('schowaj','')
			},
[JAVASCRIPT] pobierz, plaintext 

błąd: "Oczekiwano identyfiaktora, ciągu znaków lub liczby."
Nie ma to jak problemy z badzIEwiem.

Ten post edytował arkoslaw 6.11.2009, 20:33:02

[vokiel]

Sam sobie donate nie zrobię, chyba że w sygnaturce (IMG:style_emoticons/default/winksmiley.jpg) Jednak nie z tego powodu tu pomagam, żeby na tym zarabiać. Kiedyś mi też bezinteresownie pomagano.

Wracając do tematu, to z tym delete to akurat mój błąd. Zapomniałem, że to jest funkcja js, która usuwa właściwość obiektu, to miało być jedno z pól. Trzeba to zmienić np na usun, a następnie po stronie php też.

[JAVASCRIPT] pobierz, plaintext 
$.ajax({
    type: 'get',
    url: 'linki/show_news.php',
    data: {ajax: 1, usun: parent.attr('id').replace('record-','')},
    beforeSend: function() {
        parent.animate({'backgroundColor':'#fb6c6c'},300);
    },
    success: function() {
        parent.slideUp(300,function() {
            $(this).remove();
        });
    }
});
[JAVASCRIPT] pobierz, plaintext 

No i w php:

[PHP] pobierz, plaintext 
if(isset($_GET['usun']) && !empty($_GET['usun'])){
    $query = 'DELETE FROM news WHERE id_news = '.(int)$_GET['usun'];
    $result = mysql_query($query);
}
[PHP] pobierz, plaintext 

Paginacja w jquery polega tylko na tym, aby wysłać do skryptu php numer strony, i otrzymane wyniki wpisać w jakiś kontener.

Do paginacji polecam klasę Nospora: Pager. Co prawda do jQuery trzeba ją troszeczkę przerobić, gdyż opiera się o advAjax. Ale to nie problem, możesz napisać klasę dziedziczącą po Pager, która zaimplementuje swój sposób generowania pagera. W zasadzie wystarczy Ci jedna metoda:

[PHP] pobierz, plaintext 
class Vpager extends Pager{
	protected function createHTMLLink($title, $link, $text,$page) {
		return '<a class="jquery_pager" title="'.$title.'" href="'.$link.'" rel="'.$page.'">'.$text.'</a>';
	}
}
[PHP] pobierz, plaintext 

Tej klasy używasz tak jak pierwotnej Nospora, poza tym, że nie dołączasz advAjax, tylko w jQuery piszesz prostą obsługę:

[JAVASCRIPT] pobierz, plaintext 
$('a.ranking_pager').livequery('click',function(e){
    e.preventDefault();
    var page = $(this).attr('rel');
    if(loading===false){
        loading = true;
        $.ajax({
	url: "paginator.php",
            type: "GET",
	data: ({page: page}),
	success: function(data){
                $('#destination').html(data);
	    loading = false;
            },
            error: function(XMLHttpRequest,error,textStatus){
                loading = false;
            }
        });
    }
});
[JAVASCRIPT] pobierz, plaintext 

[arkoslaw]

Niestety ale nie działa dalej w IE..wyskakuje komunikat że niby błąd jest w pliku jQuery. W nieskompresowanym jest to wiersz 4167, znak 5.

Jeśli nie będzie się dało z tym nic zrobić to chyba napisze formularz w którym sie wpisuje nazwe newsa i submitem sie potwierdza, innego wyjścia dla IE nie widze, chyba, że wpadnie Ci do głowy jakiś inny sposób na obejście tego problemu.

Wklejam kod ze z pliku jQuery może w czyms pomoże:

[JAVASCRIPT] pobierz, plaintext 
_default: function(fx){
			if ( fx.elem.style && fx.elem.style[ fx.prop ] != null )
				fx.elem.style[ fx.prop ] = fx.now + fx.unit;
==>Linia 4167			else
				fx.elem[ fx.prop ] = fx.now;
		}
	}
[JAVASCRIPT] pobierz, plaintext 

P.S. sorki że tak truje ale na dniach muszę to oddać, a gdzie tam do pisania dokumentacji..

[vokiel]

Jaka wersja jQuery? Polecam korzytanie z CND google

Masz FireBuga? W nim też jest błąd, czy tylko w IE?

BTW
Może zmień:

[JAVASCRIPT] pobierz, plaintext 
parent.animate({'backgroundColor':'#fb6c6c'},300);
//na
parent.animate({'background-color':'#fb6c6c'},300);
// albo 
parent.animate({backgroundColor:'#fb6c6c'},300);
parent.animate({background-color:'#fb6c6c'},300);
[JAVASCRIPT] pobierz, plaintext 

Ewentualnie zamiast ręcznego ustawiania koloru, możesz zrobić klasę w css

[CSS] pobierz, plaintext 
.wybrany {background-color: #fb6c6c;}
[CSS] pobierz, plaintext 

A następnie robić addCalass('wybrany'), albo removeClass('wybrany')

Sprawdź czy po zmianie tego animate przestanie pojawiać się błąd, bo coś mi się zdaje, że może być tutaj właśnie, a nie w samej bibliotece jQuery

[arkoslaw]

Po raz kolejny dałeś popis!:D zmieniłem na

[JAVASCRIPT] pobierz, plaintext 
parent.animate({'background-color':'#fb6c6c'},300);
[JAVASCRIPT] pobierz, plaintext 

tak jak zaleciłeś.

I znam juz nawet powod tego. Nie zauwazylem ze do tego skryptu jest dodany plugin color.js bodajze, no i stad ta skladnia backgroundColor...kolorki i tak nie dzialaja podczas zsuwania sie rekordów ale to mnie akurat nie interesuje;] Działa w IE i FF:D Dzięki wielkie mistrzu Robercie;]

OK dzisiaj już się postaram nie truć ale pewnie się kiedyś odezwe, no i też postaram się komuś pomóc:D