Nie jesteś zalogowany na forum.
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
Co jak co, ale ten skrypt masakrycznie długo się wczytuje... A mogłoby być całkiem fajnie
Gdyby nie właśnie czas wykonywania, byłbym skory nawet umieścić go na moim forum
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
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
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
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
Offline
W ogłoszeniu, w stopce też powinno działać. Pamiętaj że najpierw musisz wstawić swoje emotki, tak jak napisałem wcześniej
Offline
Offline
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
dodatkowo wprowadziłem drobną modyfikację kodu:
mm.innerHTML="<img src='"+smileyarr[title]+"' title='"+title+"'> ";
po dodaniu spacji IMO wygląda to schludniej
Offline
No fakt spacja to sie przyda 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 Mam nadzieje, że podrzucisz więcej takich rozwiązań
Offline
Offline
Drobna poprawka:
div#punadmin.pun td div.T {display:none}
Do modyfikacji css.
Offline
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
Usuń
smileyarr[" :zdziwiony: "]="http://www.tutajadrestwojegoforum.pun.pl/_fora/tutajadrestwojegoforum/smilies
Offline
O właśnie. Zapomniałem usunąć błąd z kodu. Już poprawiony. ^^"
Offline
Teraz działa
Jeśli się da dać reputację to powiedz mi jak, to Ci dam
Offline
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:
(Tak wyglądają u nas)
Wiadomość dodana po 04 min 52 s:
(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