Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

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

Założony przez Poftorek.

07.08.2018, 19:05 (Ten post był ostatnio modyfikowany: 14.10.2019, 12:56 przez Poftorek. Powód edycji: Poprawa kodu, dodanie `)` za callbackiem - https://webboard.pl/thread-76539-post-327730.html#pid327730 )
#1
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:
   
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08

Informacje

  • Opublikowano: 07.08.2018, 19:05
  • Ostatnia edycja: 14.10.2019, 12:56

Spis treści

11.12.2018, 20:13 (Ten post był ostatnio modyfikowany: 06.01.2019, 00:30 przez Łukasz.)
#2
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>
Młody front-end, młody raper. Aktualnie robię sobie forum o rapie.
5!
21.07.2019, 16:46
#3
Rozumiem że edycję przeprowadzamy w ACP ? robiłem wszystko zgodnie z instrukcją i nie działa
21.07.2019, 16:57 (Ten post był ostatnio modyfikowany: 21.07.2019, 16:57 przez ettan.)
#4
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.
21.07.2019, 17:04
#5
(21.07.2019, 16:46)pomponik napisał(a): 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.
21.07.2019, 18:07 (Ten post był ostatnio modyfikowany: 21.07.2019, 18:23 przez pomponik.)
#6
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>
21.07.2019, 19:04
#7
(21.07.2019, 18:07)pomponik napisał(a): 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ę.
Poradnik - Jak zbadać element na stronie internetowej?  
Cytat:w pół dnia stałeś się lepszym pytonistą niż kawenanowo kiedykolwiek programisto :3 ~ Riess 13.11.2018 16:28
Cytat:ale z tą nazwą to fyeem ma racje  ~ Divir 29.07.2019 16:08



Użytkownicy przeglądający ten wątek:

1 gości