Bottone "aggiungi agli amici" nei messaggi


Tutorial Bottone "aggiungi agli amici" nei messaggi

Messaggio Da Teodor il Mer 25 Nov 2015 - 22:23

Bottone "aggiungi agli amici" nei messaggi


Salve a tutti,
Questo tutorial vi permetterà di aggiungere un bottone "aggiungi agli amici" nel profilo utente dei messaggi.

Dimostrazione







Installazione del codice javascript:





andiamo verso Pannello di amministrazione > moduli > HTML& JAVASCRIPT > gestione dei codici Javascript e Creiamo un nuovo Javascript

  • Titolo: a tua scelta
  • Dove: negli argomenti
  • Codice:
    Codice:
      
    $(function() {
     if (!_userdata.session_logged_in) {
     return false;
     }
     var FFinPosts = {
     sFriend: "Aggiungi come amico",
     sFoes: "Aggiungi come ignorato",
     oTarget: $('.post'),
     iLen: 0,
     sUser_name: "",
     oFF_list: null,
     aFF_list: [],
     vTemp: null,
     oThis: null
     };
     FFinPosts.iLen = FFinPosts.oTarget.length;
     $.ajax({
     url: "/u" + _userdata.user_id + 'friends',
     cache: false,
     type: "get",
     dataType: "text",
     success: function(response, status, xhr) {
     if (xhr.status == 200) {
     FFinPosts.oFF_list = $('#profile-advanced-details ol .message-header > a[href^="/u"]', response);
     for (var i = 0; i < FFinPosts.oFF_list.length; i++) {
     FFinPosts.aFF_list[FFinPosts.aFF_list.length] = $(FFinPosts.oFF_list[i]).text();
     }
     for (var i = 0; i < FFinPosts.iLen; i++) {
     FFinPosts.oThis = $(FFinPosts.oTarget[i]);
     FFinPosts.sUser_name = FFinPosts.oThis.find('.author a, .name, .user a[href^="/u"]').text();
     if (FFinPosts.sUser_name !== _userdata.username) {
     FFinPosts.vTemp = FFinPosts.oThis.find('.postprofile dd:last, .postdetails.poster-profile, .user-contact');
     if (FFinPosts.aFF_list.indexOf(FFinPosts.sUser_name) == -1) {
     FFinPosts.vTemp.append(
     '<a class="profile-icon" href="/profile?friend=' + encodeURIComponent(FFinPosts.sUser_name) + '&mode=editprofile&page_profil=friendsfoes">' +
     ' <img title="Aggiungi come amico" alt="Aggiungi come amico" src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-add-user-icon.png" width="25" height="25">' +
     '</a>'
     )
     } else {
     FFinPosts.vTemp.append(
     '<a class="profile-icon" href="/profile?foe=' + encodeURIComponent(FFinPosts.sUser_name) + '&mode=editprofile&page_profil=friendsfoes">' +
     ' <img title="Aggiungi come ignorato" alt="Aggiungi come ingnorato" src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png" width="25" height="25">' +
     '</a>'
     )
     }
     }
     }
     }
     }
     });
    });



Ed ecco fatto!

Modifiche possibili





Per cambiare immagine del bottone, basta modificare il link dell'immagine contenuto nella seguente parte:

Codice:
 '<a class="profile-icon" href="/profile?foe=' + encodeURIComponent(FFinPosts.sUser_name) + '&mode=editprofile&page_profil=friendsfoes">' +
 ' <img title="Aggiungi come ignorato" alt="Aggiungi come ignorato" src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png" width="25" height="25">' +

Codice:
http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png

Questo è tutto, ci vediamo alla prossima. Wink

Buona giornata da Forumattivo.  :good:  

avatar
Teodor
Moderattivo
Moderattivo


Sesso : Maschile
Età : 21
Messaggi : 1763
Località : Cremona


Vedi il profilo dell'utente http://Ilforumditutti.net
Teodor è 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