Forum PHP.pl > [ajax] Dynamiczna zmiana zawartości form

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [ajax] Dynamiczna zmiana zawartości form

chomiczek

4.04.2006, 00:03:53

Mam taki problem, a mianowice w koszyku chciałbym zmieniać ilość produktów, a następnia chciałbym, zeby mi sie automatycznie zmieniła zawartośc wygenerowaniej tabeli.. tzn. cena łączna za określoną ilośc produktyów i cena za całą zawartośc koszyka.

Znalazłem http://advajax.anakin.us/phpsolutions/3.php wprawdzie nie działa, ale można pobrać wersje offline i tam jest ok.

Pytanie jak robić lepiej, tzn. w XMLu generować całą nową tabele i ją wyświetlać, czy tylko generować te pola, które się zmieniły.

W drugimy przypadku musiałbym dynamicznie zmieniać zawartosc JS, wprawdzie nie ma z tym problemu, ale pytanie czy to ma sens??

Może ma ktoś jakieś gotowe rozwiązanie?

escaflowne

4.04.2006, 08:28:33

Z moich zabaw ("czystym" AJAXem) wynika, że:
nie da się np. wstawić dodatkowego rzędu (<tr></tr>) do tabeli (<table></table>) poprzez JavaScriptowe .innerHTML. Przeglądarka (przynajmniej Mozilla Suite, nie testowałem pod innymi) nie interpretuje kodu tabeli po raz wtóry i to co miało być dodatkowym wierszem, pojawia się u góry strony (jako treść poza tabelą).
Niemniej przyznam się szczerze, że nie testowałem czy można np. zmienić zawartość jednej pojedyńczej komórki (<td></td>) poprzez .innerHTML, niemniej wydaje mi się, że taka modyfikcja zawartości strony zostałaby poprawnie wyświetlona.

chomiczek

4.04.2006, 08:34:53

sądze, że nie masz racji, bo przecież nie musisz mieć w kodzie tabeli, a np. znacznik

[HTML] pobierz, plaintext 
<div id="tutajBedzieTabela"></div>
[HTML] pobierz, plaintext

a następnie w JS podmieniać zawartość 'tutajBedzieTabela' i w JS preparowac układ tabeli etc.

hawk

4.04.2006, 08:58:00

PPK na quirksmode zamieścił kiedyś obszerne zestawienie, jak można generować w JS tabele, wraz z pomiarami wydajności i testami przeglądarek.

Jeżeli nie zmieniasz struktury tabeli, to najlepszy będzie innerHTML oczywiście. Jeżeli zmieniasz (np. dodajesz wiersze), to już zależy od przeglądarki i trzeba wybrać najbardziej optymalny sposób.

escaflowne

4.04.2006, 09:14:48

Cytat(chomiczek)

sądze, że nie masz racji, bo przecież nie musisz mieć w kodzie tabeli, a np. znacznik

[HTML] pobierz, plaintext 
<div id="tutajBedzieTabela"></div>
[HTML] pobierz, plaintext

a następnie w JS podmieniać zawartość 'tutajBedzieTabela' i w JS preparowac układ tabeli etc.

Możliwe, że wyraziłem się zbyt skrótowo, przydałby się przykład. Miałem na myśli modyfikację zawartości tabeli np. takiej:

[HTML] pobierz, plaintext 
<table>
<tr>
<td>Id</td>
<td>Imie</td>
<td>Nazwisko</td>
</tr>
<div id="tab_wiersz">
</div>
</table>
[HTML] pobierz, plaintext

Plus kod w JS:

[HTML] pobierz, plaintext 
tresc  = '<tr><td>1</td><td>Jan</td><td>Kowalski</td></tr>\n';
tresc += '<tr><td>2</td><td>John</td><td>Smith</td></tr>';
 
document.getElementById('tab_wiersz').innerHTML = tresc
[HTML] pobierz, plaintext

Tak jak wspominałem, taka "konstrukcja" w Mozilli się rozjeżdża.

LBO

4.04.2006, 09:55:36

nie znam sie na AJAXIE, ale moze za kazdym razem do diva cala tabele "wpisuj"? a nie wiersz... cos takiego nie przejdzie (szczegolnie walidacji..:/)

chomiczek

4.04.2006, 10:01:58

Ciekawe dlaczego miałoby nie przejść walidacji??
Przecież kod jaki będzie widoczny to:

[HTML] pobierz, plaintext 
<div id='tutajBedzieTabela'></div>
[HTML] pobierz, plaintext

* tutajBedzieTabela nie jest informacją o tym, ze tam zostanie wklejony kod tabeli, a okresla w jakim ID ta tabele będzie się miała pojawić, tzn. w tym przypadku jesli w JS odwołam sie do tutajBedzieTabela to tabela za pomocą inner.HTML zostanie włożona w środek tego diva

[HTML] pobierz, plaintext 
<div id='tutajBedzieTabela'>TU BDZIE WŁOŻONA TABELA</div>
[HTML] pobierz, plaintext

, jednak podglądając kod zobaczymy pustego DIVa z określonym ID.

LBO

4.04.2006, 12:02:01

Cytat

</tr>
<div id="tab_wiersz">
</div>
</table>

to to jest mozliwe? DIV pomiedzy </tr> a </table>

sorcia, escaflowne cos takiego wkleil.. myslalem, ze ty... sorki jeszcze raz

escaflowne

4.04.2006, 12:16:50

Cytat(LBO)

Cytat

</tr>
<div id="tab_wiersz">
</div>
</table>

to to jest mozliwe? DIV pomiedzy </tr> a </table> [...]

Prawdę mówiąc, nie mam na chwilę obecną innego pomysłu jak dopisać JavaScriptem kilka wierszy do tabeli.

chomiczek

4.04.2006, 12:23:51

Hmm.. div był przykładem, równie dobrze możesz napisać <tr id="dynamicznie>TUTAJ BDĄ INNE TD</tr>
jeśli jednak w JS dynamicznie otrzyma wartosc np. <td>x</td><td>sds</td> to zostanie nadpisane TUTAJ BDĄ INNE TD

i niechodzi o to do czego schodzimy, bo wygenerowanie całej tabeli w XMLu to nie problem, problem jest wtedy kiedy chce żeby zmienila mi sie tlyko jedna zawartość..

nospor

4.04.2006, 12:36:33

Tak czytam i czytam i juz nie wiem o co chodzi

Chcesz zmienic tylko daną komórkę w tabeli? Zaden problem w js. Zalozmy ze chcesz zmienic drugą komorke w ostatnim wierszu:

[HTML] pobierz, plaintext 
<script language="javascript" type="text/javascript">
 
function changeTable(){
 
table = document.getElementById('tab');
size = table.rows.length;
lastRow = table.rows[size - 1];
cells = lastRow.cells;
cells[1].innerHTML = 'zmieniam';
 
}
 
</script>
 
 
 
<table id="tab">
<tr>
<td width="50%">1,1</td>
<td width="50%">1,2</td>
</tr>
<tr id="a2">
<td width="50%">2,1</td>
<td width="50%">2,2</td>
</tr>
</table>
<input type="button" onclick="changeTable()" />
[HTML] pobierz, plaintext

edit: ale chyba nie oto ci chodzilo...

chomiczek

4.04.2006, 12:51:55

no własnie ja tez tak czytam i czytam.. i też doszedłem do wniosku, ze jednak nie o to mi chodziło.. a mianowicie.. hmm.. moze inaczej.. tutaj mam linke:
http://karamanski.pl/sklepik/koszyk.php?kosmetyk=168||add dodany zostanie od razu dodany do koszyka jeden produkt.. chodzi mi o to, żeby móc np. wpisać wartość 2 i poprzez wciśnięcie enteru powinni się zmienic ceny:
ZAWARTOŚĆ KOSZYKA: lewy róg
cena łącz: tabela
DO ZAPŁATY: te kwoty powinny się przeliczć, a w bazie oczywiście powinna znaleźć się informacja o 2 produktach tego typu.

nospor

4.04.2006, 12:59:47

Teraz i ja rozumiem

mozesz dodac wpis do bazy ajaxem, i zwrocic ajaxem nową sumę. Tę wartośc zapodać do funkcji co napisalem (bądź też do innej podobnej)i nią zmienic wartośc tej komórki.

chomiczek

6.04.2006, 15:29:34

Udało mi sie w końcu napisać (4 godziny snu to jednak za mało... i jak ktoś napisał chyba na php.pl - nie kazuj programistą pracować po godzinach, w celu szybszego zakończenia projektu, bo projekt nie będzie zakończony na czas.)

Wracając do myśli przewodniej:
pod FF działa, a pod IE mam komunikat: NIEZNANY BŁAD CZASU WYKONYWANIA (?)

linka: http://karamanski.pl/sklepik/koszyk.php?kosmetyk=221||add

matheush

24.08.2006, 12:59:13

Cytat(chomiczek @ 6.04.2006, 14:29 )

pod FF działa, a pod IE mam komunikat: NIEZNANY BŁAD CZASU WYKONYWANIA (?)

Witam,
być może niepotrzebnie odgrzewam kotleta, ale komuś może się przydać.

W testowym, nowym projekcie też miałem ten problem i nie mogłem znaleźć rozwiązania.

Otórz IE wywala ten komunikat kiedy jest błąd składni HTML (o dziwo!)

Zauważyłem to kiedy przerabiałem strone z html, na xhtml + css.

Morał: bałagan kodu przy budowie strony jest zły.

pozdrawiam,
matheush

gWd

5.03.2007, 02:34:03

Właśnie męczę się z tym problemem od dłuższego czasu. Znalazłem wyjaśnienie (może komuś się przyda):

"Okazuje sie ze IE nie pozwala na przypisywanie wartosci poprzez innerHTML dla elementow tabeli innych niz:
CAPTION
TD
TH"

gebp

5.03.2007, 16:26:09

a czy z div'ami nie ma tego problemu

? Bo właśnie się z tym męczę.
Próbka
Hasło i Login : test

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.