Sistema di prefissi nei topic


Tutorial Sistema di prefissi nei topic

Messaggio Da MattiaDes il Ven 10 Nov 2017 - 22:14

Sistema di prefissi nei topic

In questo tutorial ti verrà spiegato come inserire un sistema di prefisso nella pagina di creazione degli argomenti. Questo codice è interessante per i forum che vogliono restare più organizzati.

Installazione Codice JavaScript


Le pagine javascript consentono di inserire script e jQuery per personalizzare il tuo forum. Per implementare questo tutorial è necessario inserire un nuovo codice javascript sul proprio forum. Per farlo, segui questo percorso:


Pannello di amministrazione ► Moduli ► HTML & JAVASCRIPT ► Gestione dei codici Javascript ► Creare un nuovo Javascript

  • Titolo: corrispondente al nome della pagina JavaScript che verrà creata. (Puoi sceglierlo a tuo piacimento)
  • Posizione: Tutte le pagine
  • Codice Javascript:

    Codice:
     /**
             * @name Sistema di prefissi
             * @version 1.0
             * @author Luiz
             * @licence MIT
             */
            (function ($) {
              'use strict';
            
              var config = {
                prefixes: [
                  'Avviso', 'In attesa', 'In corso',
                  'Gioco', 'Tutorial', 'Risolto',
                  'Cestinato'
                ],
            
                lang: {
                  all: 'Nessun prefisso'
                },
            
                engine: {
                  init: function (input) {
                    var self = this;
                    
                    var $input = $(input);
                    var $dummy = $('<option>', { 'class': 'fa-prefix-item' });
                    
                    if (!/^\/post$/g.test(location.pathname) && $input) {
                      return false;
                    }
                
                    var $select = $('<select>', {
                      'class': 'fa-prefix-select'
                    });
            
                    $dummy
                      .clone()
                        .text(config.lang.all)
                        .attr('value', '')
                        .attr('selected', true)
                        .appendTo($select)
                    ;
                
                    $.each(config.prefixes, function (index, prefix) {
                      $dummy
                        .clone()
                          .text('[' + prefix + ']')
                          .attr('value', '[' + prefix + ']')
                          .attr('id', 'fa-prefix-item-' + index)
                          .appendTo($select)
                      ;
                    });
                
                    $select
                      .insertAfter($input)
                      .on('change', function () {
                        var $this = $(this);
                        var value = $this.val();
                
                        self.prefix(value, $this.prev());
                      })
                    ;
                  },
                  
                  prefix: function (value, input) {
                    var $input = $(input);
            
                    if (/^\[.*\]/g.test($input.val())) {
                      $input.val($.trim($input.val().replace(/^\[.*\]/, '')));
                    }
            
                    $input.val($.trim(value + ' ' + $input.val()));
                    
                  }
                }
              };
            
              $(function () {
                var $input = $('input[name="subject"]');
                config.engine.init($input);
              });
            }(jQuery));


Una volta compilati tutti i campi, clicca sul bottone "Convalidare". Questo dovrebbe essere il risultato:

Personalizzazione


È possibile personalizzare, eliminare o aggiungere a proprio piacimento i prefissi. Tutto ciò che bisogna fare è modificare questa parte del codice:

Codice:
prefixes: [
              'Avviso', 'In attesa', 'In corso',
              'Gioco', 'Tutorial', 'Risolto',
              'Cestinato'
],

Al prossimo tutorial!  king
avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 3118
Località : Modena, Italy


Vedi il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto


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