Inserire un bottone nella Toolbar per cancellare tutte le notifiche

Tutorial Inserire un bottone nella Toolbar per cancellare tutte le notifiche

Messaggio Da Niko Lun 25 Gen 2021 - 0:49

Inserire un bottone nella Toolbar per cancellare tutte le notifiche


Definizione

Questo tutorial vi permetterà di aggiungere un bottone nella Toolbar di Forumattivo per cancellare direttamente tutte le notifiche, senza dover andare nel proprio profilo e cancellarle manualmente, e senza dover cliccare la :eli: notifica per notifica

inserire link - Inserire un bottone nella Toolbar per cancellare tutte le notifiche 2021-031

Installazione

Non dobbiamo fare altro che andare verso Pannello di amministrazione ► Moduli ► HTML & Javascript ► Gestione del codice Javascript, assicurarci che la gestione del codice javascript sia attivata, e creare un nuovo codice :new: con le seguenti impostazioni:
  • Titolo: a tua scelta
  • Dove: In tutte le pagine
  • Codice:
    Codice:
    setTimeout(function(){
    $(document).ready(function () {
         var label = "Cancella tutto";
              $('li.see_all').before('<li class="see_all liRemoveNotif"><a href="#" id="btnremoveNotif">'+label+'</a></li>');
              $('#btnremoveNotif').on('click', function(e){
                e.preventDefault();
        $.ajax({
            type: "POST",
            url: "/profile?mode=editprofile&page_profil=notifications",
            data: {
                id: $(this).val(),
              delete_all: 'Delete all'
            },
            success: function(result) {
              $("ul#notif_list li").not(".see_all").fadeOut();
            },
            error: function(result) {
            }
        });
      });
      });
     }, 2000);


Personalizzazione

  1. Sono possibili alcune modifiche di testo:
    • var label = "Cancella tutto"; permette di modificare il testo visualizzato, vi basterà cambiare la parte tra virgolette con il testo che preferite!


  • Ed è possibile personalizzare il CSS con i seguenti selettori:
    • li.liRemoveNotif fa riferimento alla voce del "menu" (Cancella tutto e Mostra tutte le modifiche sono due voci del menu)
    • a#btnremoveNotif fa invece riferimento al link stesso cliccabile, ed è un elemento figlio del precedente




  • Niko
    Niko
    Moderatore
    Moderatore

    Sesso : Maschio
    Età : 28
    Messaggi : 9576
    Località : Provincia di Varese

    https://www.fmcodes.net/
    Niko è stato ringraziato dall'autore di questo topic.

    Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

    - Argomenti simili

     
    Permessi in questa sezione del forum:
    Non puoi rispondere agli argomenti in questo forum.