Aggiungere un bottone per modificare l'icona di soggetto

Tutorial Aggiungere un bottone per modificare l'icona di soggetto

Messaggio Da Niko Mer 27 Gen 2021 - 14:13

Aggiungere un bottone per modificare l'icona di soggetto


Descrizione

Questo tutorial vi permetterà di aggiungere un bottone aggiuntivo a fianco di "Nuovo topic" e "Rispondi" per modificare automaticamente l'icona di soggetto del topic stesso.

Aggiungere un bottone per modificare l'icona di soggetto Demost10

Installazione

Andiamo verso Pannello di amministrazione ► , assicuriamoci che la gestione del codice Javascript sia attivata, e creiamo un nuovo codice con queste impostazioni:
  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    $(document).ready(function(){
    var icon_link = 'CONTENUTO';
    var icon_id = 'CONTENUTO';
    var switch_icon = 'CONTENUTO';
    var r='.post:eq(0) .i_icon_edit';if(jQuery('h2.topic-title img[src!="'+icon_link+'"]:eq(0)').length&&jQuery(r).length){jQuery('.buttons').append('  <a href="'+jQuery(r).parent().attr('href')+'&solved=true"><img src="+switch_icon+'"></a>')};if(location.href.match(/&solved=true/)){jQuery('form[name="post"]').append('<input type=hidden name=post_icon value='+icon_id+'>');p=document.getElementById('post_icon_'+icon_id);if(p){p.checked=true};jQuery('input[name="attach_sig"]').attr('checked',false);jQuery('.submit-buttons input[name="post"]').click()};

    });


Modifiche necessarie al codice

Nella prima parte del codice sono presenti tre variabili da modificare secondo le proprie esigenze:
  • switch_icon è il link dell'immagine del bottone da inserire di fianco ai bottoni "Nuovo topic" e "Rispondi"
  • icon_id è l'ID dell'icona di soggetto (partendo da sinistra a destra contando da 0,1,2,...)
  • icon_link è l'immagine stessa dell'icona soggetto da inserire


Modifiche aggiuntive opzionali

Inserire il bottone solo in alcune categorie

All'interno del nostro codice andiamo a trovare jQuery('h2.t [...] e subito prima inseriamo questo:
Codice:
jQuery('.pathname-box a[href*="/cID-"]').length&&

Dovremo quindi modificare cID con il numero della nostra categoria, ad esempio c1, c2, etc...

Inserire il bottone solo in alcuni forum

All'interno del nostro codice andiamo a trovare jQuery('h2.t [...] e subito prima inseriamo questo:
Codice:
jQuery('.pathname-box a[href*="/fID-"]').length&&

Dovremo quindi modificare fID con il numero del forum, ad esempio f24, f102, etc...

Inserirlo in multipli forum e multiple categorie

Per fare questo potete:
  1. Inserire più volte lo stesso codice modificando l'ID del forum o della categoria
  2. Modificare .pathname-box a[href*="/fID-"] inserendo lo stesso ma separato da una virgola:
    Codice:
    .pathname-box a[href*="/fID-"], .pathname-box a[href*="/fID-"], .pathname-box a[href*="/fID-"]


    avendo come risultato l'aggiunta di questa parte, come descritto nel paragrafo precedente:
    Codice:
    jQuery('.pathname-box a[href*="/cID-"], .pathname-box a[href*="/cID-"], .pathname-box a[href*="/cID-"]').length&&




Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9432
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


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