Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

[AWESOMEBB]Ajout d'ami rapide

2 participants

Aller en bas

Icône par defaut [AWESOMEBB]Ajout d'ami rapide

Message par Self Jeu 30 Sep 2021 - 0:54

Hello tout le monde !

J'ai développé rapidement un petit truc et je me suis dit qu'il serait bien de vous faire partager. Voici l'aperçu :

[AWESOMEBB]Ajout d'ami rapide Friend10

Ceci vous permettra de faire vos demandes d'ami directement dans le menu utilisateur de votre forum et pour ce faire allez dans votre template overall_footer_end et avant la balise fermante collez y le code suivant :
si vous n'êtes pas le fondateur du forum ce code peut être ajouter dans la gestion des codes javascript sur toutes les pages en enlevant les balises html et
Code:
<script>
$(function(){
   let s = `<li>
      <div id="searchfriends">
         <i class="material-icons">person_add</i>
         <input id="addfriends" type="text" name="addfriends" maxlength="45" placeholder="Ajouter un ami">
      </div>
   </li>`, searchfriends = function(user){
      $.get('/profile?friend='+user+'&mode=editprofile&page_profil=friendsfoes').done(function(d){
         if(d.indexOf('Cet utilisateur n\'existe pas') != -1){
            $('#searchfriends').css('color', 'red');
            $('#addfriends').val('').attr('placeholder', 'Cet utilisateur n\'existe pas');
         }else if(d.indexOf('Demande déjà faite') != -1){
            $('#searchfriends').css('color', 'red');
            $('#addfriends').val('').attr('placeholder', 'Demande déjà envoyée');
         }else{
            $('#searchfriends').css('color', 'green');
            $('#addfriends').val('').attr('placeholder', 'Votre invitation a été envoyée');
         }
      }).fail(function(){
         $('#searchfriends').css('color', 'red');
         $('#addfriends').val('').attr('placeholder', 'Un problème est survenu !');
      });
   };
   setTimeout(function(){
      $('#main-user-menu ul:first').append(s);
      $('#addfriends').keyup(e =>{
         let k = e.which, v = $('#addfriends').val();
         if(k == 13){ searchfriends(v); }
      });
   }, 600);
}, (jQuery));
</script>


Pensez à enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:

Code:
#searchfriends{
   padding: 16px 32px;
   color: #fff;
}
#addfriends{
   background: transparent;
   color: #fff;
   font-size: 14px;
   font-family: Open Sans, Arial, sans-serif;
}


Pensez à cliquer sur le bouton [AWESOMEBB]Ajout d'ami rapide Sans_t10
Self
Self
Développeur



https://www.milouze14.com/

Milouze14, Morane et MathisB aiment ce message

Revenir en haut Aller en bas

Icône par defaut Re: [AWESOMEBB]Ajout d'ami rapide

Message par Milouze14 Jeu 30 Sep 2021 - 6:54

@Self .
Merci Maxime pour ce partage ,
c'est effectivement plus rapide .


Message envoyé via la réponse rapide par: @Milouze14
Milouze14
Milouze14
Fondateur



https://www.milouze14.com

Revenir en haut Aller en bas

Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum