Oficjalne forum pomocy serwisu PUN.pl

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

Nie jesteś zalogowany na forum.

#1 2010-12-29 01:47:31

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

Emotki przy pisaniu posta

Kod dodaje emotki pod oknem pisania postu (zarówno zwykła jak i szybka odpowiedź).

Kod należy wyedytować do potrzeb własnego forum, zależnie od wgranych emotek ^^

<script type="text/javascript">
addEventListener('load', function(event) {
function getTextArea(n) {
    return document.getElementsByTagName('textarea')[n];
}
function insertSmiley(){
    var image = this.getElementsByTagName('img')[0].getAttribute("title");
    getTextArea(this.getAttribute("gult")).focus();
    getTextArea(this.getAttribute("gult")).value += ""+image+"";
}
function dip() {
    var smileyarr = new Array();
smileyarr["1a"]="2a";
smileyarr["1b"]="2b";
smileyarr["1c"]="2c";

    var tb = document.getElementsByTagName('textarea');
    for(i=0;i<tb.length;i++){
        text=tb[i];
        if (!text) return;
        c=text.parentNode;
        d=document.createElement("div");
        d.className="T";
        d.style.fontSize="11px";
        d.align="left";
       
            
        d.style.marginTop="10px";
        c.appendChild(d);
       
        for(title in smileyarr){
            mm=document.createElement("a");
            mm.href="javascript:;";
            mm.setAttribute("gult",i);
            mm.innerHTML="<img src='"+smileyarr[title]+"' title='"+title+"'> ";
            mm.addEventListener("click", insertSmiley, true);
            d.appendChild(mm);
        }
    }   
}
dip();
}, false);
</script>

linijkę kodu

smileyarr["1"]="2";

możemy kopiować i wklejać tyle razy aż pomieszczą się wszystkie emoty które chcemy dodać ^^
1 - kod emotikony, np. xD, :) albo :diabelek: warto dodać spację  między cudzysłowami żeby user nie musiał robić tego ręcznie (np. [" :) "])
2 - adres emotikony, np. http://www.pun.pl/img/smilies/smile.png

efekt końcowy powinien wyglądać mniej-więcej tak tak:

smileyarr[" :D "]="http://stadolwiejziemi.pun.pl/_fora/stadolwiejziemi/smilies/%5Bdblpt%5DD";

PS. Nie jestem autorem skryptu, jedynie go zmodyfikowałem, oryginalny skrypt jest autorstwa Praveen, OD i Fenil, początkowo był on przeznaczony dla Greasemonkey - dodatku do Firefoxa ;)

Edit:
Gotowiec zawierający najczęściej używane standardowe standardowe emoty:

<script type="text/javascript">
addEventListener('load', function(event) {
function getTextArea(n) {
return document.getElementsByTagName('textarea')[n]; }
function insertSmiley(){
var image = this.getElementsByTagName('img')[0].getAttribute("title");
getTextArea(this.getAttribute("gult")).focus();
getTextArea(this.getAttribute("gult")).value += ""+image+""; }
function dip() {
var smileyarr = new Array();
smileyarr[" :) "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D)";
smileyarr[" ;) "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bsred%5D)";
smileyarr[" :( "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D(";
smileyarr[" :D "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5DD";
smileyarr[" :P "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5DP";
smileyarr[" :p "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dp";
smileyarr[" :[ "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D%5B";
smileyarr[" :| "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D%5Bpion%5D";
smileyarr[" :/ "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D%5Bslash%5D";
smileyarr[" :* "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5D%5Bstar%5D";
smileyarr[" :angel: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dangel%5Bdblpt%5D";
smileyarr[" :applause: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dapplause%5Bdblpt%5D";
smileyarr[" :beer: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dbeer%5Bdblpt%5D";
smileyarr[" :chleje: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dchleje%5Bdblpt%5D";
smileyarr[" :cool: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dcool%5Bdblpt%5D";
smileyarr[" :cry: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dcry%5Bdblpt%5D";
smileyarr[" :dumny: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Ddumny%5Bdblpt%5D";
smileyarr[" :good: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dgood%5Bdblpt%5D";
smileyarr[" :hug: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dhug%5Bdblpt%5D";
smileyarr[" :huh: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dhuh%5Bdblpt%5D";
smileyarr[" :lol: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dlol%5Bdblpt%5D";
smileyarr[" :mad: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dmad%5Bdblpt%5D";
smileyarr[" :mrgreen: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dmrgreen%5Bdblpt%5D";
smileyarr[" :tak: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dtak%5Bdblpt%5D";
smileyarr[" :nie: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dnie%5Bdblpt%5D";
smileyarr[" :o "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Do";
smileyarr[" :papa: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dpapa%5Bdblpt%5D";
smileyarr[" :please: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dplease%5Bdblpt%5D";
smileyarr[" :rolleyes: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Drolleyes%5Bdblpt%5D";
smileyarr[" :shy: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dshy%5Bdblpt%5D";
smileyarr[" :wkurzony: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dwkurzony%5Bdblpt%5D";
smileyarr[" :zadowolony: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/%5Bdblpt%5Dzadowolony%5Bdblpt%5D";
var tb = document.getElementsByTagName('textarea');
for(i=0;i<tb.length;i++){
text=tb[i];
if (!text) return;
c=text.parentNode;
d=document.createElement("div");
d.className="T";
d.style.fontSize="11px";
d.align="left";
d.style.marginTop="10px";
c.appendChild(d);
for(title in smileyarr){
mm=document.createElement("a");
mm.href="javascript:;";
mm.setAttribute("gult",i);
mm.innerHTML="<img src='"+smileyarr[title]+"' title='"+title+"'> ";
mm.addEventListener("click", insertSmiley, true);
d.appendChild(mm); }}}
dip(); }, false);
</script>

jedyna zmiana, którą musicie wprowadzić to zmienić

smileyarr[" ... "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies/...";

na pasujące do waszego forum :)
Możecie to zrobić np. w notatniku:
1. wklejacie skrypt do pustego pliku w notatniku
2. Klikacie [Ctrl]+[H]
3. W pierwszym polu wpisujecie tutajadrestwojegoforum a w drugim adres waszego forum bez http://www. oraz .pun.pl/ (np. fajneforumomotorach)
4. Klikacie zamień wszystko
5. Kopiujecie kod i wklejacie go do ogłoszenia na swoim forum ^^

Ostatnio edytowany przez xn (2013-05-13 17:49:42)

Offline

#2 2010-12-29 09:16:23

Elian
Użytkownik
Skąd: Rzeszów
Dołączył: 2009-08-20
Liczba postów: 1,379
WWW

Odp: Emotki przy pisaniu posta

Co jak co, ale ten skrypt masakrycznie długo się wczytuje... [dblpt][slash] A mogłoby być całkiem fajnie [dblpt])
Gdyby nie właśnie czas wykonywania, byłbym skory nawet umieścić go na moim forum [dblpt])

W połączeniu z własnymi emotkami można tu zrobić coś fajnego w sumie ^^

Szkoda tylko, że ni jak nie da się przestawić tego diva w inne miejsce (wydaje mi się, że z prawej strony obok pola tekstowego można by go wsadzić, żeby wypełnił tamto puste miejsce). Po użyciu CSS można go jedynie wyrównać z prawą krawędzią pola tekstowego [dblpt][slash]

Gdyby komuś przyszło do głowy kombinować coś ze stylem diva z emotkami, musi on użyć CSS:

.T {Odpowiednie Właściwości}

A czy mógłbyś podrzucić jakiś link do źródła z którego zaczerpnąłeś protoplastę tego skryptu?

Ostatnio edytowany przez Elian (2010-12-29 09:18:30)

Offline

#3 2010-12-29 12:30:00

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

Odp: Emotki przy pisaniu posta

No niestety wiem że długo się wczytuje, szczególnie w połączeniu z dużą ilością emot, ale żeby masakrycznie długo? U mnie emoty pojawiają się od razu po załadowaniu się strony (używam Firefoxa a kod mam w ogłoszeniu).

Skrypt znalazłem na http://userscripts.org/
http://userscripts.org/scripts/review/45538 - modyfikacja, którą delikatnie zmodyfikowałem
http://userscripts.org/scripts/review/12735 - oryginał, myślę że wczytywałby się jeszcze dłużej
niestety część skryptów, które działają z greasemonkey na punbb po wklejeniu ich do stopki/ogłoszenia już nie działa [dblpt][slash]

Edit:
Dla ciekawych, tak wygląda na moim forum efekt użycia skryptu:
http://img813.imageshack.us/img813/7599/skrypt.png

Ostatnio edytowany przez xn (2010-12-29 12:46:57)

Offline

#4 2010-12-29 13:52:24

xladerpl
Użytkownik
Dołączył: 2010-12-28
Liczba postów: 32

Odp: Emotki przy pisaniu posta

Gdzie trzeba to wkleić?


jestemnatak.png

Offline

#5 2010-12-29 14:00:33

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

Odp: Emotki przy pisaniu posta

W ogłoszeniu, w stopce też powinno działać. Pamiętaj że najpierw musisz wstawić swoje emotki, tak jak napisałem wcześniej [sred])

Offline

#6 2010-12-29 14:02:52

xladerpl
Użytkownik
Dołączył: 2010-12-28
Liczba postów: 32

Odp: Emotki przy pisaniu posta

a nie mógł byś dać gotowego kodu żeby było tak jak tu:
skrypt.png

Ostatnio edytowany przez xladerpl (2010-12-29 14:09:26)


jestemnatak.png

Offline

#7 2010-12-29 14:41:21

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

Odp: Emotki przy pisaniu posta

Proszę bardzo, gotowy kod dla leniwych:
http://www.tutajadrestwojegoforum.pun.p … c.php?id=2
instrukcja na stronie, nie zawiera wszystkich emotek, tylko najważniejsze wg. mnie [sred])

dodatkowo wprowadziłem drobną modyfikację kodu:

mm.innerHTML="<img src='"+smileyarr[title]+"' title='"+title+"'> ";

po dodaniu spacji IMO wygląda to schludniej [dblpt])

Offline

#8 2010-12-29 15:10:58

Elian
Użytkownik
Skąd: Rzeszów
Dołączył: 2009-08-20
Liczba postów: 1,379
WWW

Odp: Emotki przy pisaniu posta

No fakt spacja to sie przyda [sred]) Przeglądam tak to userscripts.org i widze, że jest tam mnóstwo ciekawych skryptów, jednak wszystkie wymagają sporej modyfikacji, by działały na forach pun.pl
Ale pomysł niezły [sred]) Mam nadzieje, że podrzucisz więcej takich rozwiązań [sred])

Offline

#9 2010-12-29 16:23:49

xladerpl
Użytkownik
Dołączył: 2010-12-28
Liczba postów: 32

Odp: Emotki przy pisaniu posta

Dziękuje za gotowca.


jestemnatak.png

Offline

#10 2012-12-09 11:52:18

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

Odp: Emotki przy pisaniu posta

Drobna poprawka:

div#punadmin.pun td div.T {display:none}

Do modyfikacji css. [sred])

Offline

#11 2013-05-13 17:00:55

DanJ93
Użytkownik
Dołączył: 2013-05-13
Liczba postów: 15

Odp: Emotki przy pisaniu posta

Próbowałem tego gotowca w ogłoszeniu i w stopce i nie działa ;/
Oczywiście link do mojej str. zmieniłem.
W ogóle nic się nie zmienia przy oknie odpowiedzi

Offline

#12 2013-05-13 17:06:24

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

Odp: Emotki przy pisaniu posta

Usuń

smileyarr[" :zdziwiony: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies

Offline

#13 2013-05-13 17:50:02

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

Odp: Emotki przy pisaniu posta

O właśnie. Zapomniałem usunąć błąd z kodu. Już poprawiony. ^^"

Offline

#14 2013-05-13 17:55:49

DanJ93
Użytkownik
Dołączył: 2013-05-13
Liczba postów: 15

Odp: Emotki przy pisaniu posta

Teraz działa [dblpt])
Jeśli się da dać reputację to powiedz mi jak, to Ci dam

Offline

#15 2016-01-03 04:46:11

florcia
Użytkownik
Dołączył: 2015-11-11
Liczba postów: 11
MacintoshSafari 601.1

Odp: Emotki przy pisaniu posta

Witam. Użyliśmy z dziewczynami na naszym forum powyższych kodów, emotki są, ale... Są pod spodem tzn pod spodem, tu gdzie jest "wyślij." oraz "podgląd." Nie ma ich zachowanych tak jak tutaj, że w jednej "kupie" wszystko. Wyglada to wszystko dość chaotycznie... Czy jest możliwość, by emotki były tak tutaj?

Wiadomość dodana po 02 min 40 s:
2j65nh5.jpg
(Tak wyglądają u nas)

Wiadomość dodana po 04 min 52 s:
ilvqkh.jpg
(Tak chciałabym, by wyglądały. Wszystko zachowane w estetyce)

Wiadomość dodana po 15 h 24 min 16 s:
???

Ostatnio edytowany przez florcia (2016-01-03 04:52:54)

Offline

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

Stopka

Forum oparte na FluxBB

Darmowe Forum
chicagobigcity - vacant - plrpg - myrp - projectpangamic