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
Good job 😉
Aha, test:
🙂 :hahaha
:lol:taniec!!
btw. po co przycisk „dodatkowe tagi”?
@blażej bo jak rozbuduje sobie liste [skrypt] emotikon to się przyda
: ):D 🙁 :[ :/ :czerwony :> :debil :hahaha :lol :taniec :uklon !!
Chciałłem zobaczyć wszystkie :p
A ja nie lubie emotek ;>
a Ja tam lubięę i too bardzoo__ 😀 :lol :taniec
:debil
IGUFYFH
Chciałabym sie dowiedziec o emotikony do fotka.pl :D:D
: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
:taniec
:D:D:D:hahaha:debil:taniec:lol:uklon:debil:debil:debil:faja:piwo
: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:>!!!!!!
:hahaha:lol:lol:lol:lol