To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

Archiwum - [beta] 1.12.7 - Ajax jQuery Shoutbox

lui754 - 23-02-2010, 17:51
Temat postu: [beta] 1.12.7 - Ajax jQuery Shoutbox
Ajax jQuery Shoutbox

Kod:
##############################################################
## MOD Title:      1.12.7 - Ajax jQuery Shoutbox
## MOD Author:       Lui < lui754@gmail.com > (Łukasz Dąbrowski) http://lui.vot.pl
## MOD Description: Jest to shoutbox, specjalnie napisany na potrzeby wersji 1.12.7 phpbb modified by przemo
## MOD Version:      1.4
##               
## 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
##############################################################
##############################################################


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:
Kod:
{"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:
Kod:

:arrow: 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 ;]

:arrow: 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:
- http://lui.vot.pl/testowe

Lista Zmian:
- http://lui.vot.pl/zmianySB.html

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ę!

______________________________________________________________________________

EDIT BY MAJKELO:


Jako, że ten shoutbox jest już w standardzie wersji 1.12.7, wszelkiego rodzaju problemy z nim związane proszę zgłaszać w dziale OGÓLNE
.

kam821 - 23-02-2010, 19:55

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 ;)

lui754 - 23-02-2010, 19:59

powinien scrollować wiadomości. Możesz założyć usera testowego? rozwiążemy problem :)
kam821 - 23-02-2010, 20:01

login: test
hasło: test123

lui754 - 23-02-2010, 20:07

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

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

kam821 - 23-02-2010, 20:15

Dzięki. Za chwileczkę się poprawi, jeszcze swój mały shoutboxowy panelik muszę podstosować :)
krzysiek16ino - 23-02-2010, 20:28

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ć?

lui754 - 23-02-2010, 20:46

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ć:

Kod:
padding: 2px;


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

krzysiek16ino - 23-02-2010, 21:11

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


Ale pole nie jest wyższe od emotki. Chodzi o to, że pole jest takiej wysokości jak emotka, ale tekst jest przesunięty w górę...może najlepiej wstawię screena:



Szczególnie widać w ostatniej wypowiedzi...

adrian507120 - 23-02-2010, 21:40

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 - 23-02-2010, 21:45

Zmieniane ? Prawie wszystko, łącznie z templatkami :)
adrian507120 - 23-02-2010, 21:49

kam821, chodzi mi jakie frazy zostały zmieniane w shoutbox.php i shoutbox_view.php w templatkach już wiem
MagicalFire - 23-02-2010, 22:11

adrian507120, wszystko
adrian507120 - 23-02-2010, 22:15

MagicalFire, dzięki przerobiłem go sobie i jest git :)
Sexpress - 23-02-2010, 22:15

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


Powered by phpBB modified by Przemo © 2003 phpBB Group