Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Bottone "aggiungi agli amici" nei messaggi


Bottone "aggiungi agli amici" nei messaggi

Messaggio Da teo 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:  


teo
Aiutattivo
Aiutattivo


Sesso : Maschile
Età : 20
Messaggi : 1417
Località : Cremona


Vedere il profilo dell'utente http://Ilforumditutti.net
teo è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum