Forum PHP.pl > [AJAX or JS + PHP] odświeżanie zawartości div-a

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [AJAX or JS + PHP] odświeżanie zawartości div-a

puz219

13.01.2008, 17:29:03

Witam.

Mam formularz i w tym formularzu mam listę rozwijaną (<select>) i teraz do tej listy wczytują mi sie rekordy z pola języki w bazie danych mysql.

Tylko, że jeśli w bazie nie ma potrzebnego języka trzeba go tam dodać, więc obok listy rozwijanej zrobiłem link <DODAJ NOWY JĘZYK>. Po kliknięciu w link otwiera mi sie okienko pop-up, w którym jest formularz do dodania języka do bazy.

I teraz czy da się zrobić tak, żeby po dodaniu języka odświeżyło mi automatycznie listę na stronie.

Wydaje mi się, że już gdzieś coś takiego widziałem i żeby coś takiego zrobić potrzebna będzie java (javascript

), tylko, że problem polega na tym, że kompletnie nie znam tego języka, a bardzo potrzebuje coś takiego zrobić.

Prosiłbym o pomoc lub jakieś wskazówki jak rozwiązać taki problem, będę bardzo wdzięczny.

Pozdrawiam.

sticker

13.01.2008, 17:46:48

mozesz pobrać selecta jako element i dac mu option poprzez appendChild

puz219

14.01.2008, 13:24:17

Pokombinowałem trochę i wymyśliłem pewien sposób na odświeżenie tej listy rozwijanej, a mianowicie, że tą listę wezmę w diva i pod spodem dam przycisk, po kliknieciu na który będzie mi sie odświeżała zawartość diva.

Więc poszperałem trochu w internecie i okazało sie, żeby osiągnąć taki efekt muszę skorzystać z AJAX-a, więc google -> kurs ajax -> i... katastrofa, zanim cokolwiek z tego zrozumiem, to miną ze 3 miesiące.

Więc zwracam się z prośbą do was, bardzo proszę o kawałek kodu jak odświeżyć zawartość diva, tylko to niestety musi być gotowe rozwiązanie, gdyż nawet jeśli mi dacie jakąś wskazówkę, to nawet sie w tym nie połapię, na chwilę obecną, to nawet javascriptu nie znam za dobrze, a właściwie w ogóle, a ajax to już dla mnie kosmos.

Bardzo proszę o pomoc, gdyż jest mi to bardzo potrzebne.

Z góry dzięki.

Pozdrawiam

lord_t

24.01.2008, 00:16:15

Do katalogu gdzie masz stronkę dajesz 2 pliki js:

1. advajax.js -sciagnij z http://advajax.anakin.us
2. funkcjeaa.js - o następującej zawartości

[HTML] pobierz, plaintext 
function aktualizujSelecta()
{
 advAJAX.get({
    url: "ABCD.php",
    "param":document.getElementById('sel')[document.getElementById('sel').selectedIndex].value,
    onSuccess : function(obj)
    			{
    			document.getElementById('zmieniany').innerHTML=obj.responseText;
	      		}  
 });
}
[HTML] pobierz, plaintext

Uwaga: ABCD.php w powyższym pliku zamień na stronę php, która po uruchomieniu wyświetla to co chcesz mieć w drugim divie.

W sekcji <head> </head> swojej strony dodaj:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="advajax.js"></script>
<script type="text/javascript" src="funkcjeaa.js"></script>
[HTML] pobierz, plaintext

Gdzieś na twojej stronie:

[HTML] pobierz, plaintext 
<select id='sel'>
<option value='yyy'>YYY</option>
<option value='xxx'>XXX</option>
 </select>
 
<button onclick='aktualizujSelecta();'>Przycisk</button>
 
<div id='zmieniany'></div>
[HTML] pobierz, plaintext

Select ('sel') to Twój pierwszy select.
Po przyciśnięciu Przycisku, uruchomiona zostanie funkcja aktualizujSelecta(); która wpisze do diva('zmieniany') to co zwróci ABCD.php (jak pisałem wyżej ABCD.php zamień na swoja stronę).

Uwagi do ABCD.php:
Strona przyjmuje przez $_GET parametr 'param'. Wartość ta jest wartością wybranego tagu option z pierwszego selecta.
(tak możesz przekazać do ABCD.php parametr jaki chcesz)

PS. Funkcja ajaxa w tej wersji jaka napisałem nie obsługuje błędów, ponawiania połączenia, akcji na rozpoczęcie (initialization) i na zakończenie(finalization) itp.
PS.2. Zamiast tworzyć plik funkcjeaa.js można zamiennie wpisać jego zawartość w pliku Twojej strony. Jeśli chodzi o to umieszczanie to odsyłam do googla.
PS.3. Mam nadzieję, że nie piszę za późno;)

kraks

17.07.2008, 09:44:24

Witam, problem podobny wiec prosze o pomoc w tym temacie. Mam diva o id="odswiezaj_mnie" a w nim tabele z danymi pobieranymi z bazy Mysql. Chcialbym aby div w ktorym znajduje sie ta tabela odswiezal sie automatycznie np co 5 sekund, czyli w momencie kiedy dodam do tabeli jakis rekord aby ta zmiana odswiezyla sie na stronie. Odrzucam mozliwosc odswiezania calej strony, odswiezana ma byc tylko zawartosc diva. Prosze o pomoc i z gory dziekuje za odpowiedzi. Pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.