Adăugarea butonului "Adăuga ca prieten" in subiecte

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Tutorial Adăugarea butonului "Adăuga ca prieten" in subiecte

Mesaj Scris de Zachary la data de Sam 19 Sept - 13:39

Adăugarea butonului "Adăuga ca prieten" in subiecte
Salutare tuturor,

În tutorialul de astăzi am să vă arăt cum puteți adăuga butonul "Adaugă că prieten" în profilul din mesaje.

Demonstrație:




Instalare:



Intrați in: Panoul de administrare => Module => HTML & JAVASCRIPT => Gestionarea codurilor Javascript, creați un nou cod Javascript și adăugați:
Cod:
$(function() {
 if (!_userdata.session_logged_in) {
 return false;
 }
 var FFinPosts = {
 sFriend: "Adauga ca prieten",
 sFoes: "Adauga ca prieten",
 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="Adauga ca prieten" alt="Adauga ca prieten" 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="Scoate-l din lista de prieteni" alt="Scoate-l din lista de prieteni" src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png" width="25" height="25">' +
 '</a>'
 )
 }
 }
 }
 }
 }
 });
});

In codul de mai sus:
http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-add-user-icon.png - reprezintă icon-ul pentru adăugarea unui prieten nou
http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png - reprezintă icon-ul pentru eliminarea unui utilizator din lista de prieteni

Puteți modifica icon-urile după propriile preferințe.

Setaţi vizibilitatea script-ului doar pentru topicuri. A face cu ochiul

Si asta a fost tot! Grozav


Tutorial scris de JScript, tradus în limba română de către Raykim, completat de Zeus[/url]

Ultima actualizare a fost efectuata in data de 26.10.2015 de catre Zeus

Copyright ˆForumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar

Zachary
Membru activ

Mesaje : 2411
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 195
Niciun avertisment

Vezi profilul utilizatorului https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum