Oficjalne forum pomocy serwisu PUN.pl

Niestety, nikt nie powie Ci czym jest FluxBB - musisz go poznać sam!

Nie jesteś zalogowany na forum.

#1 2013-02-22 11:58:49

QxV
Użytkownik
Dołączył: 2013-02-21
Liczba postów: 10

[jQuery] Mała modyfikacja ChatBboxa

Witam.

Wzorując się na "skrzyne krzyku" z phpBB, postanowiłem urozmaicić trochę chat z puna. Nie jest to coś wielkiego, ale ułatwia pisanie. A mianowicie, mam na myśli znak "@" przed nickiem użytkownika, po którego kliknięciu w polu, w którym piszemy wiadomość wyświetla się "@NickUsera".

Na początek musimy lekko zmodyfikować formę wyświetlania wiadomości (Administracja--->ChatBox--->Wyświetlanie wiadomości).

Tag:

<pun_username>

Zamieniamy na:

<div class="username"><pun_username></div>

I przed powyższą linijką wstawiamy:

<div class="malpa" style="display: inline;">@ </div>

Kolejnym krokiem jest dodanie biblioteki jQuery do forum:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

A następnie do stopki/ogłoszenia wstawiamy ten oto kod:

<script>
jQuery(function(){

jQuery(".malpa").click(function(){

var nick = jQuery(".malpa").next().html();

var poleval = jQuery("input[id='req_message']").val();

jQuery("input[id='req_message']").val(poleval + "[html]@" + nick + "[/html]" + " ");


});

})
</script>

Na koniec włączamy możliwość korzystania z HTML w postach dla wszystkich grup (Administracja--->Pozwolenia HTML)

Gotowe [dblpt])

Ostatnio edytowany przez QxV (2013-02-22 14:35:48)

Offline

#2 2013-02-22 14:32:35

Daroi
Użytkownik
Dołączył: 2012-07-05
Liczba postów: 156

Odp: [jQuery] Mała modyfikacja ChatBboxa

Mógłbyś wspomnieć o dodaniu biblioteki jQuery przed kodem. ;p  Bo pierwszy lepszy user może o tym nie wiedzieć.
Modyfikacja bardzo dobra, sam kiedyś chciałem zrobić coś takiego, ale nie umiem aż tak dobrze kodować. [dblpt]p

Offline

#3 2013-02-22 14:36:33

QxV
Użytkownik
Dołączył: 2013-02-21
Liczba postów: 10

Odp: [jQuery] Mała modyfikacja ChatBboxa

Faktycznie, zapomniałem o tym ^ ^ Dzięki.

Offline

#4 2013-02-23 20:10:18

xn
Użytkownik
Dołączył: 2010-08-09
Liczba postów: 455

Odp: [jQuery] Mała modyfikacja ChatBboxa

Fajnie by było, gdyby się dało zrobić to bez tagu [html], bez czyli samo @Nick.
Jest taka możliwość w ogóle? [dblpt])

Offline

#5 2013-02-23 20:39:05

QxV
Użytkownik
Dołączył: 2013-02-21
Liczba postów: 10

Odp: [jQuery] Mała modyfikacja ChatBboxa

Możliwość jest, ale miałem z tym problem, więc zdecydowałem się użyć jednak tagu html. Po pobraniu wartości tekstowej loginu użytkownika, pokazywał się on w polu tyle razy, ile pojawił się na chacie. Zdaje mi się, że wiem jak to naprawić, więc niedługo wstawię nowy kod,

Offline

#6 2013-03-02 11:11:33

ukaszf9
Użytkownik
Dołączył: 2011-08-01
Liczba postów: 1,335

Odp: [jQuery] Mała modyfikacja ChatBboxa

Może tak:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('.name').click(function() {
     var nick_wklej=jQuery(this).children().html();
     var poleval = jQuery("input[id='req_message']").val();
     jQuery("input[id='req_message']").val(poleval + "@" + nick_wklej + " ");
});
});
</script>

Do ogłoszenia.

<div class="name">@<pun_username></div>

Do wyświetlania wiadomości w chatboxie zamiast <pun_username>.

Offline

#7 2013-05-02 21:07:32

blurey
Użytkownik
Dołączył: 2010-11-13
Liczba postów: 58

Odp: [jQuery] Mała modyfikacja ChatBboxa

U mnie niestety wyświetla sie tak:
wwsi.jpg

Gdzie błąd ?

Offline

#8 2013-05-03 16:19:35

ukaszf9
Użytkownik
Dołączył: 2011-08-01
Liczba postów: 1,335

Odp: [jQuery] Mała modyfikacja ChatBboxa

Najprawdopodobniej kod css się nie nastąpił. Spróbuj dodać !important wszędzie gdzie występuje tutaj css.

Offline

#9 2013-05-17 14:39:59

beniek
Użytkownik
Dołączył: 2013-03-07
Liczba postów: 87

Odp: [jQuery] Mała modyfikacja ChatBboxa

ukaszf9, a jak można zrobić by po kliknięciu był także wyświetlany kolor rangi?
W sensie kolor nicku, taki w jaki kolor ma się rangę, czyli np, red, blue itd...

Edit: Właściwie to jest jeszcze jeden problem, że można tylko raz kliknąć, następnie jeśli chcemy wybrać czyjś nick za pomocą @ to musimy odświerzyć stronę.

Ostatnio edytowany przez beniek (2013-05-17 14:42:47)

Offline

#10 2013-05-17 16:50:07

Rakshi
Użytkownik
Dołączył: 2013-05-13
Liczba postów: 174
WWW

Odp: [jQuery] Mała modyfikacja ChatBboxa

hmm to może przy okazji zapytam [dblpt]P

da się jakoś przenieść chatbox a jakieś inne miejsce? np w jakimś konkretnym forum albo do któregoś posta?


t411.png

Offline

#11 2013-05-17 20:22:42

xn
Użytkownik
Dołączył: 2010-08-09
Liczba postów: 455

Odp: [jQuery] Mała modyfikacja ChatBboxa

Możesz umieścić chatboxa np. w stopce, ale pojawiałyby się w nim WYŁĄCZNIE nowe wiadomości.

Offline

Użytkowników czytających ten temat: 0, gości: 1
[Bot] claudebot

Stopka

Forum oparte na FluxBB

Darmowe Forum
protetyk - vacant - projectpangamic - akwatuberzy - plrpg