phpBB2 by Przemo

lui

Ajaxowy shoutbox

Code:

##############################################################
## MOD Title: 1.12.7 - Ajaxowy shoutbox
## MOD Author: lui754 < lui754@gmail.com > (Łukasz Dąbrowski) http://symbiane.pl
## MOD Description: Jest to shoutbox, specjalnie napisany na potrzeby wersji 1.12.7 phpbb modified by przemo
## MOD Version: 1.0 FINAL
##
## Installation Level: Easy
## Installation Time: 5 min
## Files To Edit: 5
## Included Files: 8
## License: GPL2
##############################################################
## Author Notes:
## Modyfikacja jest w wersji beta, proszę o robienie kopii zapasowej edytowanych plików, oraz tych podmienianych
##############################################################
## MOD History:
## 27.08.2010 - Wydanie SB w wersji Finalnej
## 23.02.2010 - Wydanie SB w wersji beta 1.0.1
##############################################################

Informacje techniczne:
:arrow:

Dane z shoutboxa do AJAX'u są przesyłane za pomocą JSON, jest to alternatywa dla XML. JSON jest szybszy, prostszy, wydajniejszy od XML. Dzięki temu, zaoszczędziłem na transferze oraz przyśpieszyłem wczytywanie shoutboxa.
Przykład:

Code:

{"d":[
{"i":"1","t":"[Dzisiaj 13:00]","u":"profile.php?mode=viewprofile,u,2","c":"color:#EE0000","n":"lui754","m":"wiadomość","x":1,"e":1,"l":1,"h":"0"}
]}

gdzie:
d - Nazwa tablicy.
i - ID wiadomości.
t - Czas napisania wiadomości.
u - Link do profilu piszącego usera.
c - Kolor nicka oraz jego styl (podkreślenie, tło, pogrubienie).
n - Nick usera oraz prefix.
m - Wiadomość.
x - czy user może usunąć tą wiadomość, gdy x = 1, to pokazuje się obok shouta X do usuwania.
e - czy user może edytować tą wiadomość, gdy e = 1, to pokazuje się obok shouta e do edytowania.
l - nick jako link l = 1 lub l = 0, wtedy nick jest jedynie tekstem.
h - jeżeli wartość wynosi 1 to shoutbox się wyłącza.

:arrow:

Jeżeli odpowiedź serwera jest pusta to skrypt przesyła same nagłówki bez żadnych informacji:

Code:

Wiadomości są doklejane do listy, a nie jak w przypadku wielu takich modyfikacji odświeżana cała lista, co jest bardzo nieoptymalne. Jedyny minus jest taki, że każda edycja czy usuwanie jest widoczne dopiero po odświeżeniu całej strony, ale nie przeszkadza to w żaden sposób. Przecież nikt nie siedzi ciągle na stronie głównej

Konfiguracja shoutboxa w Panelu Administracyjnym jest taka sama jak w przypadku wersji przema po za dwoma ulepszeniami:
- Częstotliwość odświeżania SB
- Widok SB dla wybranych grup
:arrow:

Wygląd wpisów zmieniamy w CSS, a klasy to table0, sb1, sb2.

Jeżeli o czymś nie wspomniałem, proszę pytać w temacie, chętnie odpowiem.

Demo:
- w załączniku

Osoby, które pomagały mi w testowaniu, optymalizacji oraz w sytuacjach gdy nie potrafiłem sam rozwiązać problemu
Pomoc techniczna:
Przemo, RuseK, warna
Podziękowania dla kam821 za przepisanie całego kodu na jQuery oraz drobną poprawę pliku PHP.
Pomoc w zakresie testowania i optymalizacji:
arcy, Gilu, MagicalFire, INIM, Polaczek, Matteo, xlesiu, Boltex

Dziękuję!

19387380.png
PA

109 Time(s) 65.19 KB

13276423.png

137 Time(s) 20.39 KB

2sb by lui754.png

820 Time(s) 24.17 KB

sb by lui754.png

672 Time(s) 25.81 KB

AJAX Shoutbox Final by lui754.rar
Wersja Final z jQuery

Download 588 Time(s) 37.79 KB

#kam821 · **Helped:** 10 times Posts: 145 Location: Warszawa

Hm, to normalne, że gdy dostajemy nowe wiadomości to całość rozjeżdża się w dół
Niezbyt mi takie rozwiązanie pasuje, wolałbym mieć na stałe wysokość i możliwość przewijania

Ale i tak gratulacje za moda

lui · Posted: 23-02-2010, 19:59 **Forum address:** [ http://symbiane.pl ]

powinien scrollować wiadomości. Możesz założyć usera testowego? rozwiążemy problem

#kam821 · **Helped:** 10 times Posts: 145 Location: Warszawa

login: test
hasło: test123

lui · Posted: 23-02-2010, 20:07 **Forum address:** [ http://symbiane.pl ]

nieźle przerobiłeś moje SB.
Nie scrolluje ponieważ dałeś height="100%"

musi być stała wysokość, aby to działało.

#kam821 · **Helped:** 10 times Posts: 145 Location: Warszawa

Dzięki. Za chwileczkę się poprawi, jeszcze swój mały shoutboxowy panelik muszę podstosować

krzysiek16ino · **Helped:** 1 Posts: 33

U mnie wszystko działa świetnie

ale mam dwa pytania...

1. Jeśli piszę w wiadomości tekst i emotkę to wyrównuje tekst i emotkę do górnej krawędzi (tekst jest nieco wyżej kiedy emotka jest ciut większa) a chciałbym żeby wyrównywało do dolnej...da radę to zrobić??

2. Poprawki do zwykłego sb typu call user będą działać?

lui · Posted: 23-02-2010, 20:46 **Forum address:** [ http://symbiane.pl ]

krzysiek16ino,
ad1. Dla klasy table0 ustaw wysokość lub padding, wtedy, gdy pole będzie wyższe od emotki, będzie poprawnie przesuwało na sam dół.

ad2. Będą napisane nowe, na podstawie starych.

Edit:

Do klasy .table0 w NazwaStylu.css wystarczy dodać:

Code:

padding: 2px;

wartość 2 zmieniamy na tyle ile chcemy. W moim przypadku 2px rozwiązywało problem

krzysiek16ino · **Helped:** 1 Posts: 33

adrian507120 · **Helped:** 24 times Posts: 716

lui754, a mógłbyś podać co było zmieniane w plikach od sb bo nie chcę usuwać całego mojego sb pozamieniałbym tylko odpowiednie wpisy.

#kam821 · **Helped:** 10 times Posts: 145 Location: Warszawa

Zmieniane ? Prawie wszystko, łącznie z templatkami

adrian507120 · **Helped:** 24 times Posts: 716

kam821, chodzi mi jakie frazy zostały zmieniane w shoutbox.php i shoutbox_view.php w templatkach już wiem

MagicalFire · R.I.P. **Helped:** 943 times Posts: 4234 Location: cybinka

adrian507120, wszystko

adrian507120 · **Helped:** 24 times Posts: 716

MagicalFire, dzięki przerobiłem go sobie i jest git

Sexpress · **Helped:** 1 Posts: 18

Czy można jakieś live demo ? Chciałbym zobaczyć jak to funkcjonuje przed zainstalowaniem tego u siebie.