[jQuery] prompt, jesli puste lub anulowane Opcje

[deha21]

Witam,
Robię edycję nazwa kategorii. Najszybszym rozwiązaniem wydał mi się prompt z ajaxem.

[JAVASCRIPT] pobierz, plaintext 
	$(".edit").click(function(){
		var id = $(this).attr("id");
		var name = $(this).attr("title");
		var type = $("#type").val();
		var answer = prompt("Wpisz nazwę kategorii:",name);
		if ((answer != "") || (answer != "null")) {
			$.ajax({
			type: "POST",
			url: "a_editcategory.php",
			data: "id="+id+"&name="+answer+"&type="+type});
		} else { alert("Nazwa kategorii nie może być pusta"); }
	});
[JAVASCRIPT] pobierz, plaintext 

Szczerze mówiąc nie wiem jakie są operatory w javie ale IF w przykładnie ze zwykłym confirmem działa dobrze, a tutaj nie. Mianowicie chodzi o to, że gdy anulujemy prompt to wpisuje się wartość NULL. Chciałbym zrobić tak, że gdy gdy wartość z prompt jest pusta wyskakuje alert (to działa), natomiast przy anulowaniu nicnie powinno się dziać... a dzieje się - wpisuje się NULL.

[230005]

Zamiast

[JAVASCRIPT] pobierz, plaintext 
if ((answer != "") || (answer != "null")) {
 
[JAVASCRIPT] pobierz, plaintext 

daj

[JAVASCRIPT] pobierz, plaintext 
 
if ((answer != "") || (answer != null)) {
 
[JAVASCRIPT] pobierz, plaintext 

I nie java, tylko javascript...

[vokiel]

Może tak:

[JAVASCRIPT] pobierz, plaintext 
$(".edit").click(function(){
    var $this = $(this);
    var id = $this.attr("id");
    var name = $this.attr("title");
    var type = $("#type").val();
 
    if (answer = prompt("Wpisz nazwę kategorii:",name)){
        $.ajax({
            type: "POST",
            url: "a_editcategory.php",
            data: {id: id, name: answer, type: type}, /* tak się przekazuje parametry POST */
            function (data){
                /* nie chcesz odbierać wyników z serwera? */
            }
        });
    } else { 
        alert("Nazwa kategorii nie może być pusta"); 
    }
});
[JAVASCRIPT] pobierz, plaintext 

[deha21]

Nie działa niestety.
Wiem, że nie java, tak mi się z rozpędu tylko napisało.

EDIT: Rozwiązałem. Dla potomnych

[JAVASCRIPT] pobierz, plaintext 
	$(".edit").click(function(){
		var id = $(this).attr("id");
		var name = $(this).attr("title");
		var type = $("#type").val();
		var answer = prompt("Wpisz nazwę kategorii:", name);
		if (answer=="") { alert("Nazwa kategorii nie może być pusta");}
		else if (answer) {
			$.ajax({
			type: "POST",
			url: "a_editcategory.php",
			data: {id: id, name: answer, type: type},
			});
		} else { return false; }
	});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował deha21 17.12.2009, 20:04:02

[vokiel]

Nie działa niestety.

Co nie działa, jak nie działa, co pokazuje FireBug?

[deha21]

Sorki, twoje działa. Dopiero teraz zobaczyłem Twojego posta.
Przesyłanie zmiennych które pokazałeś jest lepsze - prostrze i czytelniejsze

Hmm a jak zrobić, żeby po alercie, że nazwa nie może być pusta pojawiło się ponownie zapytanie o zmianę nazwy? Zrobić to ja tak zrobiłem, tyle że if'y już go nie obejmują.

Co do odbierania wyników przez serwer to miałem problem w IE7 ale udało mi się go rozwiązać. Czy to dobry sposób?

[JAVASCRIPT] pobierz, plaintext 
		$(".edit").click(function(){
		var id = $(this).attr("id");
		var name = $(this).attr("title");
		var type = $("#type").val();
		var answer = prompt("Wpisz nazwę kategorii:", name);
		if (answer=="") { alert("Nazwa kategorii nie może być pusta"); return false;}
		else if (answer) {
			$.ajax({
			type: "POST",
			url: "a_editcategory.php",
			data: {id: id, name: answer, type: type},
			});
			window.location.reload();
		} else { return false; }
	});
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował deha21 17.12.2009, 20:37:45

[vokiel]

Hmm a jak zrobić, żeby po alercie, że nazwa nie może być pusta pojawiło się ponownie zapytanie o zmianę nazwy? Zrobić to ja tak zrobiłem, tyle że if'y już go nie obejmują.

Stworzyć oddzielną funkcję, która w przypadku, gdy użytkownik nic nie napisze wywoła samą siebie, aż do skutku.

W FF bezproblemu przeładowuje mi aktualną stronę, chodzi o to, żeby się odświeżyła z nowymi wynikami. Natomiast w IE7 nie działa. Próbowałem z tego co napisałeś, z onsuccess i complete :/

Możesz wywołać następne zapytanie ajaxowe, które pobierze od nowa zawartość tego co zmienia pierwsze. Przeładowanie strony nie ma tu sensu, bo tracisz cały myk z tym ajaxem w pierwszej funkcji. Jeśli akcje wykonujesz ajaxem, a później przeładowujesz stronę, to po co ten ajax w pierwszej kolejności, prawda? Ja czasem robię tak, że jako callback dla success daję drugie zapytanie, które pobiera zmienioną treść.

[deha21]

Możesz wywołać następne zapytanie ajaxowe, które pobierze od nowa zawartość tego co zmienia pierwsze. Przeładowanie strony nie ma tu sensu, bo tracisz cały myk z tym ajaxem w pierwszej funkcji. Jeśli akcje wykonujesz ajaxem, a później przeładowujesz stronę, to po co ten ajax w pierwszej kolejności, prawda? Ja czasem robię tak, że jako callback dla success daję drugie zapytanie, które pobiera zmienioną treść.

Masz racje. Mógłbyś mi to głębiej wytłumaczyć? Jestem w miarę nowy z jquery, a tym bardziej z ajaxem. A callbacka nie rozumiem... czytam, czytam i nie rozumiem

[vokiel]

Funkcja wywołująca samą siebie nie jest przypisana do jQuery, javascript, php czy innych, to ogólny wzorzec postępowania.

[JAVASCRIPT] pobierz, plaintext 
function DoMeAgain(parametr){
    if (parametr>0){
        // ok kontynuuj
    }else{
        parametr++;
        DoMeAgain(parametr);
    }
}
[JAVASCRIPT] pobierz, plaintext 

Callback jest wywołaniem zwrotnym, do którego przekazywane jest dalsze działanie aplikacji.

jQuery ma takie coś, że każda funkcja może przyjmować jako jeden z parametrów nazwę funkcji zwrotnej - tzw callback. Zatem mógłbyś zrobić coś na wzór:

[JAVASCRIPT] pobierz, plaintext 
function updateFields(){
    $("#tabelka").load("pobierzTabelet.php");
}
$.ajax({
    type: "POST",
    url: "a_editcategory.php",
    data: {id: id, name: answer, type: type},
    success: function(){
        updateFields();
    }
});
[JAVASCRIPT] pobierz, plaintext 

[deha21]

Aha, czyli pobierzTabelet.php pobiera zmienną którą wywołuje ajax. Myślałem, że to będzie trudniejsze
Co do funkcji load() to ostatnio z nią kombinowałem i niestety są z nią problemy w IE :/

Odnośnie funkcji wywołującą samą siebie ponownie to móbyłm zrobić tak?

[JAVASCRIPT] pobierz, plaintext 
$(".edit").click(function(){
	var id = $(this).attr("id");
	var name = $(this).attr("title");
	var type = $("#type").val();
	function Zapytanie() {
		var answer = prompt("Wpisz nazwę kategorii:", name);
		if (answer=="") { alert("Nazwa kategorii nie może być pusta"); Zapytanie();}
		else if (answer) {
			$.ajax({
			type: "POST",
			url: "a_editcategory.php",
			data: {id: id, name: answer, type: type},
			});
			window.location.reload();
		} else { return false; }
	}
});
[JAVASCRIPT] pobierz, plaintext 

Już wyłączyłem serwer i nie sprawdziłem czy działa, ale to chyba coś na takiej zasadzie?

[vokiel]

To zależy co masz na tej stronie, co te .edit edytuje. Możesz to zrobić live w js, czyli po prostu podmienić wartość na tą edytowaną, bądź po wykonaniu zapytania załadować od nowa. Napisz co ten skrypt robi będzie mi łatwiej opisać.

Raczej w ten deseń:

[JAVASCRIPT] pobierz, plaintext 
function Zapytanie() {
    var answer = prompt("Wpisz nazwę kategorii:", name);
    if (answer) { 
        return answer;
    }else{
        //alert("Nazwa kategorii nie może być pusta"); 
        Zapytanie();
    }
}
 
 
$(".edit").click(function(){
    var id = $(this).attr("id");
    var name = $(this).attr("title");
    var type = $("#type").val();
    var answer = Zapytanie();
    $.ajax({
	type: "POST",
	url: "a_editcategory.php",
	data: {id: id, name: answer, type: type},
            success: function(data){
                window.location.reload();
            }
    });
});
[JAVASCRIPT] pobierz, plaintext 

[deha21]

Oba działają. Zastosowałem jednak swój zapis bo jest dla mnie czytelniejszy - wszystko mam w jednym miejscu. A funkcja i tak będzie działać w obrębie tylko tej akcji.
Mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
	$(".edit").click(function(){
		var id = $(this).attr("id");
		var name = $(this).attr("title");
		var type = $("#type").val();
		function Edycja() {
		var answer = prompt("Wpisz nazwę kategorii:", name);
		if (answer=="") { alert("Nazwa kategorii nie może być pusta"); Edycja();}
		else if (answer) {
			$.ajax({
			type: "POST",
			url: "a_editcategory.php",
			data: {id: id, name: answer, type: type},
			success: function(){window.location.reload();},
			});
		} else { return false; }
		}
		Edycja();
	});
[JAVASCRIPT] pobierz, plaintext 

Z tym, że teraz w IE7 (nie wiem jak inne) nie chce wywoływać się prompt. Strona przeładowuje się a właściwie to ładuje plik index.php. Dziwne bo nigdzie nie ma do niego odwołania, poza tym, że jest <a href="#">. Ale to raczej nie to.
I jeszcze jedna rzecz., Da się zrobić w IE żeby prompt wyglądał jakoś inaczej? W FF jest spoko, w miare ładny, pojawia się na środku natomiast w IE wygląda jak sprzed wojny I na dodatek pojawiasię w rogu ekranu (żeby chociaż to się dało zmienić). Aha, nie chce stosować żadnych customowatych wyglądów jakie oferuje jquery. Chodzi mi tylko o zwykły komunikat z tekstem do wpisania.

To zależy co masz na tej stronie, co te .edit edytuje. Możesz to zrobić live w js, czyli po prostu podmienić wartość na tą edytowaną, bądź po wykonaniu zapytania załadować od nowa. Napisz co ten skrypt robi będzie mi łatwiej opisać.

A więc tak... Jest to strona z kategoriami, .edit to <a href>:

[HTML] pobierz, plaintext 
<a href='' class='edit' id='".$row['id']."' title='".$row['name']."'>[edytuj]</a>
[HTML] pobierz, plaintext 

Po kliknięciu uruchamia się okienko z nazwą i po wpisania jest ona updatowana w bazie.

Ten post edytował deha21 18.12.2009, 14:54:28