Prosta obsługa kategorii, (dodawanie, pobieranie) Opcje

[Master Miko]

Witam,
Mam mało doświadczenia z AJAXem, ale spróbuję wytłumaczyć o co mi chodzi. Jak osiągnąć taki efekt:
Jest <select> w którym znajdują się wszystkie dane o kategoriach z bazy danych. Obok przycisk lub link (dodaj nową), który po naciśnięciu generuje małego diva z formularzem do wstawienia nowej nazwy kategorii. Po wypełnieniu i naciśnięciu jakiegoś przycisku np. dodaj powinien walidować nazwę i sprawdzić czy taka istnieje, jeśli nie to dodaje, jeśli tak to informuje że operacja nie udana...

Może jest coś takiego gdzieś gotowego?

Czy to tak trzeba zrobić, że trzeba napisać 2 funkcję (1 walidującą - wiem jak) i drugą dodającą (chyba też wiem). Ale jak połączyć je dwie? W onsuccess w walidacji dać odrazu inicjacje funkcji dodającej? A jak potem zrobić odświerzenie listy?

Ten post edytował Master Miko 12.12.2006, 14:02:40

[php programmer]

A jak potem zrobić odświerzenie listy?

Typowy problem Ajaxowy.
Za pomocą Ajaxa pobierasz z serwera uaktualnioną liste kategorii,
a następnie w JavaScript modyfikujesz Selecta

Ten post edytował php programmer 12.12.2006, 14:57:46

[Master Miko]

Ok. Już wiem czego szukać (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Znalazłem to: http://forum.php.pl/index.php?showtopic=20...=refresh+select
Jak najlepiej pobierać dane z ajaxa i przekazywać je do tego refresha?


Teraz... tworzenie DIVa... jakoś zupełnie mi nie wychodzi. Znalazłem jakiś tutorial... wpisałem, przeanalizowałem... i jakoś nie działa.

[HTML] pobierz, plaintext 
<button onClick="zrob_div();">Dodaj </button>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
function zrob_div() {
    var div = document.createElement('DIV');
    div.innerHTML = "test test test"; 
 
div.style.border = '1px solid #CCC';  
div.style.margin = '5px';
div.style.top = '30px';    
div.style.left = '100px'; 
div.style.cursor = 'pointer';  
div.onclick = function() {   alert("waw");}
}
[HTML] pobierz, plaintext 

Ten post edytował Master Miko 13.12.2006, 15:50:26