[Javascript] Tạo nút thêm bạn bè

Demo:

[You must be registered and logged in to see this image.]

Hướng dẫn:

1. Tạo Javascript

(ACP >> HTML & JAVASCRIPT >> Javascript codes management >> Creat a new javascript)
- Title: Add as friend
- Placement: In the topic
- Codes:

Code:

$(function() {
      if (!_userdata.session_logged_in) {
          return false;
      }
      var FFinPosts = {
          sFriend: "Add As Friend",
          sFoes: "Add To Foes",
          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="Add As Friend" alt="Add As Friend" src="https://cdn2.iconfinder.com/data/icons/gnomeicontheme/16x16/apps/im-msn.png" width="16" height="16">' +
                            '</a>'
                        )
                      } else {
                        FFinPosts.vTemp.append(
                            '<a class="profile-icon" href="/profile?foe=' + encodeURIComponent(FFinPosts.sUser_name) + '&mode=editprofile&page_profil=friendsfoes">' +
                            '  <img title="Add To Foes" alt="Add To Foes" src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-list-remove-user-icon.png">' +
                            '</a>'
                        )
                      }
                  }
                }
            }
          }
      });
    });

2. Xem kết quả