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

Vezi subiectul anterior Vezi subiectul urmator In jos

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
Administrator
Administrator

masculin

Mesaje : 2298
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 192
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum