Home
2015-03-01, 11:37
![[Javascript] "Add as friend" option in topic Alerte10](https://i.servimg.com/u/f66/15/86/37/09/alerte10.png) | Tutorial: "Add as friend" option in topic |
This tutorial will allow you to add people as friends from the topics, rather than visiting their profiles and clicking add as friend button.
Credits: @JScript
--> Tutorials, tips and tricks <--
"Add as friend" option in topic
"Add as friend" option in topic
1º - Javascript
Placement In the topic
- Code:
[panda=js]$(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º - Preview
![[Javascript] "Add as friend" option in topic Fsg9G3U](https://i.imgur.com/fsg9G3U.png)
© PunBB Design
![[Javascript] "Add as friend" option in topic Act_bottom](https://www.forumeiros.com/i/img/act_bottom.png) | If you have any questions related to this topic create a topic with the following title: "Add as friend" option in topic |
![[Javascript] "Add as friend" option in topic Left1011](https://i.servimg.com/u/f57/17/68/86/50/left1011.png){kind=small}
![[Javascript] "Add as friend" option in topic Middle10](https://i.servimg.com/u/f72/17/48/02/71/middle10.png){kind=small}
![[Javascript] "Add as friend" option in topic Right10](https://i.servimg.com/u/f72/17/48/02/71/right10.png){kind=small}
