Webboard

wersja skryptu MyBB: 1.8.6
adres forum: www.utysia.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
dodałem przycisk do dvz shoutbox który wyświetla popup z emotikonami, ale gdy klikam w emotikony nie przenoszą się one do dvz shoutbox
drugi problem brzmi następująco: dźwięk powiadomień w dvz shoutbox nie działa na wszystkich przeglądarkach (Firefox działa, Chrome nie działa)
problem trzeci kodzie przycisku jest wartość "value", jak mogę się tego pozbyć i zastąpić font awesome, wpisując kod ikony z font awesome przycisk nie działa

wiem że można tylko jeden problem na wątek ale wszystko kręci się wokół shoutboxa więc można to potraktować jako jeden problem, po co zasyfiać forum trzema oddzielnymi wątkami

css:

Kod:
/* DVZ Shoutbox */

#shoutbox {

    margin-bottom: 10px;

    border: solid 2px rgba(54, 54, 54, 0.28);

}

#shoutbox .head {

    background: url(http://vpx.pl/i/2015/12/26/tlo.png); 

    color: #ddd; 

    padding:10px; 

    height:25px; 

    font-size: 13px; 

    font-style: normal; 

    font-weight: bold; 

    text-align: middle;

}

#shoutbox.front .head { 

    cursor: pointer;

}

#shoutbox .head .right { 

    float: right; 

    margin: 0; 

    font-size: 13px; 

}

#shoutbox.collapsed .head { 

    opacity: 0.6; 

}

#shoutbox.collapsed .body { 

    display: none;

}

#shoutbox .panel { 

    border-top: solid 2px rgba(0,0,0,0.1); 

}

#shoutbox input.text { 

    margin: 0; 

    padding: 10px 8px; 

    width: 96%; 

    box-sizing: border-box;

    border: none;

    border-bottom: 2px solid rgba(35, 35, 35, 0.80); 

    box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); 

    font-family: Arial, sans-serif; 

    font-size: 12px; 

    color: #EAEAEA; 

    background: rgba(0,0,0,0.38);

}

#shoutbox .minposts, #shoutbox .blocked { 

    padding: 6px; 

    font-size: 11px; 

}

#shoutbox .panel.minposts { 

    background: #FFFED8; 

    color: #727250; 

}

#shoutbox .panel.blocked { 

    background: #FCEFEF; 

    color: #543A3A; 

}

#shoutbox .panel p { 

    margin: 0; 

}

#shoutbox .window { 

    border-top: solid 2px rgba(0,0,0,0.1); 

    overflow-y: scroll;

}

#shoutbox .data { 

    display: table; 

    width: 100%; 

    border-top: solid 2px rgba(0,0,0,0.1); 

    font-family: Arial, sans-serif; 

    font-size: 12px; 

}

#shoutbox.front .data { 

    border-top: none; 

}

#shoutbox .entry { 

    display: table-row !important; 

    width: 100px !important; 

    background-color: rgba(0, 0, 0, 0.25); 

}

#shoutbox .entry:nth-child(even) { 

    background-color: rgba(0, 0, 0, 0.18); 

}

#shoutbox .entry.new { 

    background-color: rgba(0, 0, 0, 0.25);

}

#shoutbox .entry > div { 

    border-bottom: dashed 1px #262626; 

}

#shoutbox .entry:last-child > div { 

    border-bottom: none; 

}

#shoutbox .entry > div { 

    display: table-cell; 

    padding: 6px; 

}

#shoutbox .avatar img { 

    margin: 0 auto; 

    vertical-align: middle; 

    max-height: 20px; 

    max-width: 20px; 

    border: solid 1px rgba(255,255,255,0.1);

    box-shadow: 0 0 2px rgba(0,0,0,0.1); 

    cursor: pointer;

}

#shoutbox .user { 

    border-right: solid 1px rgba(0,0,0,0.05); 

    text-align: left; 

    white-space: nowrap; 

}

#shoutbox .text { 

    width: 100%; 

    color: #AAA; 

    text-align: left;

}

#shoutbox .info { 

    font-size: 11px; 

    color: #AAA; 

    white-space: nowrap; 

    text-align: right;

}

#shoutbox .mod { 

    padding: 6px 8px; 

    font-size: 9px; 

    font-weight: bold; 

    color: #AAA;

    text-decoration: none; 

}

#shoutbox .mod:nth-of-type(2) { 

    margin-right: 5px; 

    border-left: solid 1px rgba(0,0,0,0.1); 

}

#shoutbox  .ip { 

    margin-right: 10px; 

    color: #CECECE; 

}

#shoutbox .button_sb {

    background:#212121 url(/images/ipboard/login_button.png) repeat-x top;

    border:1px solid #212121;

    border-width:1px 1px 0 1px;

    color:#fff;

    text-shadow:0 -1px 0 #191919;

    font:300 12px/1.3 Helvetica, Arial, sans-serif;

    line-height:30px;

    text-align:center;

    display:inline-block;

    cursor:pointer;

    width: 4%;

}

/* DVZ Shoutbox */

dvz_shoutbox:

Kod:
<div id="shoutbox" class="front{$classes}">

<div class="head">

    <strong>{$lang->dvz_sb_shoutbox}</strong>

<a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive"> <i class="fa fa-archive" style="color: white;"></i></a></strong></span>

</div>

<div class="body">

{$panel}

<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px">

<div class="data">

{$html}

</div>

</div>

</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>

{$javascript}

<script>

dvz_shoutbox.callbacks['update'].push(function(){

    if ($('#shoutbox .entry.new').length) {

        var audio = new Audio(rootpath + '/images/dvz_shoutbox.mp3');

        audio.volume = 0.2;

        audio.play();

    }

});

</script>

</div>

dvz_shoutbox_panel:

Kod:
<div class="panel">

<form>

<input type="text" class="text" placeholder="{$lang->dvz_sb_default}" maxlength="{$maxlength}" autocomplete="off" />

    <input class="button_sb" value="Emoji"  onclick="javascript:MyBB.popupWindow('/misc.php?action=smilies&amp;popup=true&amp;editor=shout_text', 'sminsert');" type="button" style="float: right;">

<input type="submit" style="display:none" />

</form>

</div>

konto testowe:
l: test1234
h: test123

Qurczax