BIO
Jestem poszukiwaczem prawdy. Spaceruję tam i z powrotem i poszukuję prawdziwej prawdy. Kontempluję życie. Fotografuję. Podróżuje. Zadaję pytania. Robię to co lubię i jestem wolnym człowiekiem.

Wszystkie prawdy, które wam tutaj wyłożę, są bezwstydnymi kłamstwami.

Toolbar dodawania emotikon w Joggerze

Postanowiłem urozmaicić troche wygląd pola dodawania komentarzy
na moim joggerze. Dodałem toolbar dzięki któremu można jednym
kliknięciem dodać emotikone do komentarza. Zmodyikowałem troche
kod. Oto jak otrzymałem taką możliwość:

Najpierw używamy kodu:
http://koval.jogger.pl/files/quicktags.js

Zmieniamy odpowiednio według swoich potrzeb fragment kodu:

edButtons.push( new edButton('ed_1', 'Uœmiech', ':)',
':)', '', -1) );
edButtons.push( new edButton('ed_1', 'Uœmiech', ':D', ':D', '', -1)
);
edButtons.push( new edButton('ed_1', 'Smutek', ':(', ':(', '', -1)
);
edButtons.push( new edButton('ed_1', '£zy', ':[', ':[', '', -1)
);
edButtons.push( new edButton('ed_1', 'Kwaœny', ':/', ':/', '', -1)
);
edButtons.push( new edButton('ed_1', 'Czerwony', ':czerwony',
':czerwony', '', -1) );
edButtons.push( new edButton('ed_1', 'Chytry', ':>', ':>',
'', -1) );
edButtons.push( new edButton('ed_1', 'Debil', ':debil', ':debil',
'', -1) );
edButtons.push( new edButton('ed_1', 'Œmiech', ':hahaha',
':hahaha', '', -1) );
edButtons.push( new edButton('ed_1', 'Lol', ':lol', ':lol', '', -1)
);
edButtons.push( new edButton('ed_1', 'Taniec', ':taniec',
':taniec', '', -1) );
edButtons.push( new edButton('ed_1', 'Uk³on', ':uklon', ':uklon',
'', -1) );
edButtons.push( new edButton('ed_1', 'Wykrzyknik', '!!', '!!', '',
-1) );

Następnie w tagach head wstawiamy:
<script src="quicktags.js"
type="text/javascript"></script>

i w odpowiednim miejscu:

<div class="body"><dl><div id="tb"
class="toolbar"></div>
<script type="text/javascript">var edCanvas =
document.getElementById("body"); edToolbar();</script><div
class="tools"> </div>
<dt class="one"><label
for="tags"></label></dt></dl>

I dodatkowo jak ktoś chce w pliku css można dodać:

div.toolbar input {
background: #FFF;
border: 1px solid #ccc;
font: normal 0.8em Verdana, Tahoma, Arial, Helvetica,
sans-serif;
padding: 3px 5px;
margin: 0 5px 5px 0;
cursor: pointer;
}

div.toolbar input:hover {
border-color: #888;
}

Inspiracja: panel administracyjny joggera

14 komentarzy

  1. Aha, test:

    🙂 :hahaha

  2. Błażej Stokwisz

    :lol:taniec!!

    btw. po co przycisk „dodatkowe tagi”?

  3. @blażej bo jak rozbuduje sobie liste [skrypt] emotikon to się przyda

  4. : ):D 🙁 :[ :/ :czerwony :> :debil :hahaha :lol :taniec :uklon !!

    Chciałłem zobaczyć wszystkie :p

  5. A ja nie lubie emotek ;>

  6. a Ja tam lubięę i too bardzoo__ 😀 :lol :taniec

  7. Chciałabym sie dowiedziec o emotikony do fotka.pl :D:D

  8. :hahaha:lol:(:czerwony:pisze:niewiedza:niewiedza:czyta:drugs:muzyka:muzyka:zakaz:taniec:faja:muzyka:piwo:debil:drugs:>!!:/:taniec:>:):(:hahaha:hahaha:lol:czerwony:taniec!!:uklon:debil!!:uklon:czyta:):taniec:>:/:[:(:D:hahaha:lol:czerwony

  9. :taniec

  10. :D:D:D:hahaha:debil:taniec:lol:uklon:debil:debil:debil:faja:piwo

  11. :D:(:[:/:[:czerwony:>:debil:debil:debil!!:uklon:czerwony:czerwony:taniec:taniec:taniec:lol:hahaha:czyta:pisze:pisze:piwo:piwo:piwo:piwo:piwo:faja:muzyka:drugs:drugs:drugs:drugs:drugs:drugs:drugs:lol:lol:lol:taniec:czerwony:czerwony:czerwony:czerwony:debil:uklon:debil:uklon:niewiedza:muzyka:muzyka:>!!!!!!

  12. :hahaha:lol:lol:lol:lol

Skomentuj.