[AJAX,MySQL] Pomóżcie mi z formularzem żuczki, Dodawanie rekordów bez przeładowania Opcje

[graft]

Szukam i szukam i nie mogę znaleźć...

Mam w bazie 2 tabele: użytkownicy, osiągnięcia

Użytkownik po zalogowaniu się na stronie przechodzi do formularza z edycją swoich danych.

No i tu jest problem. Chciałbym, aby użytkownik mógł wpisać nieskończoną liczbę swoich osiągnięć w formularzu edycji, które mógłby edytować lub usuwać.


Podpowiedzcie chociaż czego szukać... Albo jakieś linki z podobnymi rozwiązaniami...

Pozdrawiam

Ten post edytował graft 11.10.2007, 14:31:49

[skowron-line]

http://24ways.org/examples/edit-in-place-with-ajax/
i how 2
http://24ways.org/2005/edit-in-place-with-ajax

[graft]

Nie nie... Musiałem źle zadać pytanie.

Każde osiągnięcie użytkownika, ma trafiać do nowego rekordu tabeli "osiagniecia" w bazie danych.

[mokry]

W takim razie do tabeli osiągnięcia dodaj pole 'user_id' i w nim dodawaj id usera z bazy danych, którego osiągnięcie dotyczy.
Potem już tylko wyciągasz z bazy danych wszystkie rekordy z odpowiednim user_id.
A na liście do dodawania osiągnięci dajesz linka do forma, lub sam form z dodaniem jednej pozycji i wysyłasz zapisując dane jako osobny rekord (jak zrobisz to jeszcze w AJAX'ie to będzie i szybkie i ładnie wyglądało)

Co do samego AJAX'a:
Forma możesz umieścić w jakimś divie razem z pozycjami osiągnięć //form na końcu//. Wysyłasz forma AJAX'em, w tle sie dodaje rekord do bazy po czym odświeżasz DIV'a też AJAX'em. Aby usunąć wystarczy AJAX do strony usuwającej rekord, a przy edycji możesz wykorzystać ładowanie edytowanych danych do jakiegoś DIV'a.
Za pomocą advajax zrobisz to machnięciem ręki.

Ten post edytował mokry 12.10.2007, 12:44:10

[graft]

OK, coś ruszyło....

Używam jQuery, tak na marginesie.

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
 
	$(document).ready(
	function()
	{
		$("#zapisz").click(
		function()
		{
			$.ajax({
			type: "POST",
			url: "zapisz.php",
			success: function(){
			$("#mojdiv").text("działa!");
			}
			});
 
		});
		return nazwa;
	});
</script>
 
<a href="#" id="zapisz">Zapisz zmiany</a>
 
<div>
<p id="element">stary tekst</p>
</div>
[HTML] pobierz, plaintext 

No działa... Po kliknięciu w link "Zapisz zmiany" wykonuje się skrypt "zapisz.php" a do mojego DIV'a trafia tekst "działa!".
Mam natomiast teraz inny problem, ale to już w innym temacie opiszę.

Prosze o uwagi, jeśli mój kod jest kiepski, bo to moje pierwsze kroki w JS i AJAX

Ten post edytował graft 19.10.2007, 16:36:54