<< archiwum - przenosi mnie do archiwum
<< Emotki – przenosi mnie do góry
Przecież możesz się zalogować jako ACP
http://mypcforum.cba.pl
<p class="right">
<a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">« {$lang->dvz_sb_archivelink}</a>
<a href="#" id="smilies_modal_open">« Emotki</a>
</p>
Jak to ma chodzić jak link
"« Emotki" to nie powrót top tej samej
href="#"
Nie upubliczniaj kont z dostępem do ACP, to nie jest bezpieczne.
Masz to dodać do szablonu z shoutboxem, nie do index. Co do odsyłacza - jest to obsługiwane przez kod javascript.
Ja już wiem, i to nie tak jak mówisz, ale spoko.
To jest jeszcze jeden myk.
(26.04.2016, 22:48)gloverek napisał(a): [ -> ]Postaram się skrócić poradnik do kilku linii, w którym można wykorzystać funkcję MyBB odnośnie wyświetlanych emotek wraz z akcją onclick.
HTML
Dodajemy kod HTML, który wywoła funkcję modala emotek wbudowaną w MyBB (najlepiej bezpośrednio do szablonu dvz_shoutbox)
Kod:
<a href="javascript:MyBB.popupWindow('/misc.php?action=smilies&popup=true&editor=dvz_shoutbox&modal=1')">Okno z emotami</a>
Javascript
Edytujemy plik jscripts/dvz_shoutbox.js i do obiektu dvz_shoutbox dodajemy nową funkcję
Kod:
insertText: function (emotion) {
jQuery('#shoutbox input.text').val(jQuery('#shoutbox input.text').val() + emotion).focus();
}
To w sumie byłoby wszystko, ale funkcja smilies w skrypcie MyBB pomija zmienną editor(będzie poprawione wraz z nową wersją MyBB 1.8.8)
Wczytujemy do notepad++ plik misc.php i wyszukujemy w nim fragmentu kodu
Kod:
$onclick = " onclick=\"MyBBEditor.insertText(' $smilie_insert ');\"";
I zamieniamy go na
Kod:
$onclick = " onclick=\"".$editor.".insertText(' $smilie_insert ');\"";
[attachment=10323]
gdzie to dokładnie dodać? w sensie, w którym miejscu w dvz_shoutbox.js dać ten kod "insertText: function (emotion) {
jQuery('#shoutbox input.text').val(jQuery('#shoutbox input.text').val() + emotion).focus();
}"
Wyszukaj i wklej nad // actions. Tak będzie ci najprościej.
Dzięki, nie wiem czemu ale mi nie wyświetla wgl emotek sposobem
Witam
Mam pewien problem
Próbowałem kod na otwieranie modal okna z emotkami dawać w różne miejsca i za każdym razem okno otwiera się na samym dolę ..
Ma ktoś z Was pomysł jak to naprawić?
forum.omegaelite.pl
L: mvf_test
H: Test789
Pozdrawiam.
Dzięki
Połowicznie pomogło teraz modal się wyświetla na środku ale. .. jest zbyt mały i nie ma buttonu aby go wyłączyć.
(16.02.2018, 19:42)Drifter napisał(a): [ -> ]Dzięki
Połowicznie pomogło teraz modal się wyświetla na środku ale. .. jest zbyt mały i nie ma buttonu aby go wyłączyć.
Bo o ile dobrze widzę, to w tym poradniku nie jest zawarty przycisk wyłączenia.
(21.04.2016, 19:09)astranaar napisał(a): [ -> ]Pobawiłem się trochę i udało mi się uzyskać coś takiego: http://scr.hu/9v5z/zvhqr
Oczywiście panel jest wysuwany
A oto kod:
Szablony globalne - dvz_shoutbox - head:
Kod:
<a href="#" class="smiles_box"><b>Emotki</b></a>
Następnie pod {$panel}:
Kod:
<div class="wrapper">
<div class="smiles_preview">
<img src="{$theme['imgdir']}/smilies/smile.png" alt=":)" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/wink.png" alt=";)" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/cool.png" alt=":cool:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/biggrin.png" alt=":D" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/tongue.png" alt=":P" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/rolleyes.png" alt=":rolleyes:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/shy.png" alt=":shy:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/sad.png" alt=":sad:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/at.png" alt=":at:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/angel.png" alt=":angel:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/angry.png" alt=":angry:" class="smilie_dvz clickaable">
<img src="{$theme['imgdir']}/smilies/blush.png" alt=":blush:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/confused.png" alt=":s" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/dodgy.png" alt=":dodgy:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/exclamation.png" alt=":exclamation:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/heart.png" alt=":heart:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/huh.png" alt=":huh:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/lightbulb.png" alt=":idea:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/sleepy.png" alt=":sleepy:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/undecided.png" alt=":-/" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/cry.png" alt=":cry:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/sick.png" alt=":sick:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/arrow.png" alt=":arrow:" class="smilie_dvz clickable">
<img src="{$theme['imgdir']}/smilies/my.png" alt=":my:" class="smilie_dvz clickable">
</div>
</div>
i pod {$javascript}
Kod:
<script>
$('.smilie_dvz').click(function() {
var smilie = $(this).attr("alt"),
inputValue = $('#dvz_input').val();
$('#dvz_input').val(inputValue + smilie);
});
</script>
no i oczywiście css:
Kod:
.smiles_preview:before,.smiles_preview:after {
content:" ";
display:table
}
.smiles_preview:after{
clear:both
}
.smiles_preview {
display: none;
background: rgb(29, 29, 29);
padding: 5px;
text-align: center;
}
oraz headerinclude zaraz po {$stylesheets}
Kod:
<script type="text/javascript">
$(document).ready(function(){
$(".smiles_box").click(function () {
$(".smiles_preview").slideToggle('fast');
return false;
});
});
</script>
mam nadzieje, ze sie przyda
A ja mam z tym problem ponieważ wpisują mi się po trzy ikonki
(26.04.2016, 22:48)gloverek napisał(a): [ -> ]Postaram się skrócić poradnik do kilku linii, w którym można wykorzystać funkcję MyBB odnośnie wyświetlanych emotek wraz z akcją onclick.
HTML
Dodajemy kod HTML, który wywoła funkcję modala emotek wbudowaną w MyBB (najlepiej bezpośrednio do szablonu dvz_shoutbox)
Kod:
<a href="javascript:MyBB.popupWindow('/misc.php?action=smilies&popup=true&editor=dvz_shoutbox&modal=1')">Okno z emotami</a>
Javascript
Edytujemy plik jscripts/dvz_shoutbox.js i do obiektu dvz_shoutbox dodajemy nową funkcję
Kod:
insertText: function (emotion) {
jQuery('#shoutbox input.text').val(jQuery('#shoutbox input.text').val() + emotion).focus();
}
To w sumie byłoby wszystko, ale funkcja smilies w skrypcie MyBB pomija zmienną editor(będzie poprawione wraz z nową wersją MyBB 1.8.8)
Wczytujemy do notepad++ plik misc.php i wyszukujemy w nim fragmentu kodu
Kod:
$onclick = " onclick=\"MyBBEditor.insertText(' $smilie_insert ');\"";
I zamieniamy go na
Kod:
$onclick = " onclick=\"".$editor.".insertText(' $smilie_insert ');\"";
[attachment=10323]
Zrobiłem wszystko tak jak powyżej, ale niestety po kliknięciu da wybraną emotkę nie wstawia mi jej do tekstu.