DVZ Shoutbox | Zmiana tła wiadomości po wzmiance użytkownika (@Nick)

Hej, jeśli posiadacie DVZ Shoutbox to pewnie wiecie, że domyślnie nie ma on funkcji podświetlenia tła wiadomości dla użytkownika, który został w niej wspomniany.

Jest na to sposób! To znaczy, że jeśli masz nick Cyngielek, to jeśli ktoś zawrze w wiadomości "@Cyngielek" - Ty zobaczysz tło tej wiadomości w innym kolorze.

1 Edycja szablonu dvz_shoutbox

Znajdź:

{$javascript}

pod nim dodaj:

<script>
dvz_shoutbox.callbacks['update'].push(function(){
            var textWithMyUserName = document.querySelector("#shoutbox .user ~ .text");

            if (textWithMyUserName.textContent.indexOf(username) !== -1)
               textWithMyUserName.parentElement.style.background = "#0f0f0f";   
})
</script>

Zmiana koloru tła: znajdź i podmień kolor: #0f0f0f

2 Edycja szablonu headerinclude

Znajdź:   

var cookieDomain = "{$mybb->settings['cookiedomain']}";

nad nim dodaj:

var username = "{$mybb->user['username']}";

Efekt z perspektywy użytkownika o nicku Pofciuu:
   

W moim przypadku musiałem trochę przerobić by działało.

<script>dvz_shoutbox.callbacks['update'].push(function(){
var username = "{$mybb->user['username']}";
           var textWithMyUserName = document.querySelector("#shoutbox .entry .text h6");

           if (textWithMyUserName.textContent.indexOf("@" + username) !== -1 ) {
              textWithMyUserName.parentElement.style.background = "#4a57ab8f";  }
});</script>

Rozumiem że edycję przeprowadzamy w ACP ? robiłem wszystko zgodnie z instrukcją i nie działa

Tak w ACP, możliwe że nie wyczyściłeś pamięci podręcznej. Po zmianach w szablonie/stylu powinieneś wejść na stronę (twoje forum) i użyć kombinacji CTRL + F5, wtedy powinno wszystko działać. Jeśli jednak wciąż nie będzie działać to prawdopodobnie zrobiłeś gdzieś błąd.

Rozumiem że edycję przeprowadzamy w ACP ? robiłem wszystko zgodnie z instrukcją i nie działa

Odswież ciastka CTRL+F5
I sprawdź jeszcze raz dokładnie czy gdzieś nie popełniłeś błędu.

Niestety coś jest nie tak, nie chce działać. Użyłem kodu od indovsky i też nic się nie dzieje. Możliwe że to przez to iż mam plugin DVZ Mentions?

Tak dodałem:

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

<div class="thead">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>

<div class="body">

<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px;width: 100%;">
<div class="data">
{$html}
</div>
</div>
{$panel}
</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}
<script>dvz_shoutbox.callbacks['update'].push(function(){
            var textWithMyUserName = document.querySelector("#shoutbox .user ~ .text");

            if (textWithMyUserName.textContent.indexOf(username) !== -1)
               textWithMyUserName.parentElement.style.background = "#528803";  
}</script>
</div>

Niestety coś jest nie tak, nie chce działać. Użyłem kodu od indovsky i też nic się nie dzieje. Możliwe że to przez to iż mam plugin DVZ Mentions?

Tak dodałem:

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

<div class="thead">
<strong>{$lang->dvz_sb_shoutbox}</strong>
<p class="right"><a href="{$mybb->settings['bburl']}/index.php?action=shoutbox_archive">&laquo; {$lang->dvz_sb_archivelink}</a></p>
</div>

<div class="body">

<div class="window" style="height:{$mybb->settings['dvz_sb_height']}px;width: 100%;">
<div class="data">
{$html}
</div>
</div>
{$panel}
</div>

<script type="text/javascript" src="{$mybb->settings['bburl']}/jscripts/dvz_shoutbox.js"></script>
{$javascript}
<script>dvz_shoutbox.callbacks['update'].push(function(){
            var textWithMyUserName = document.querySelector("#shoutbox .user ~ .text");

            if (textWithMyUserName.textContent.indexOf(username) !== -1)
               textWithMyUserName.parentElement.style.background = "#528803";  
}</script>
</div>

Załóż wątek z problemem podając adres forum i konto testowe, możliwe, że Twój shoutbox ma inną strukturę.