Memberlist Widget for Portal

Version: PHPbb3

Details:
If it's really complicated and hard, that's fine, but is it possible to add a widget to my site portal where you can search for a member and it pulls up the member (maybe like the table on memberlist) and you can then click on their profile?

this shouldn't be to hard but theirs two ways to go about this because the only way to search members is the members list

1st way is only get the info from the members list page


2nd way to get the profile link from the members list page then pull the profile info which will be slower

so its up to you which way you want to go with this

either way i need a list of the info you want listed when you search a member

_Twisted_Mods_ wrote:this shouldn't be to hard but theirs two ways to go about this because the only way to search members is the members list

1st way is only get the info from the members list page


2nd way to get the profile link from the members list page then pull the profile info which will be slower

so its up to you which way you want to go with this

either way i need a list of the info you want listed when you search a member

The 1st way please

And their avatar, username, and PM button if that's okay

here u r just add it to a widget

Note: all the css is between the <style></style> tags edit it as you like

Code:

<style>
#memsbutton:hover{background-color:#49c;}
#mavatar img{height:40px;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 5px;
width:40px}
#usrstable {
   width:100%;
   height:80px;
    border: 1px solid #66aaff;
    padding: 5px;
    border-radius: 5px;
}
#memsbutton {
    margin: 5px;
    color: black;
    background-color: #66aaff;
    border: 1px solid black;
    box-shadow: 0px -5px 5px rgba(0,0,0,0.3) inset,0px 5px 5px rgba(255,255,255,0.3) inset;
    font-weight: bold;
    font-size: 12px;
}
#membname{
   width:100%;
   font-weight: bold;
   font-size: 12px;
   padding: 3px 0px;
   border: 1px solid #999;
       color: #000;
    background-color: #cceeff;
    box-shadow: 0px -5px 5px rgba(0,0,0,0.3) inset,0px 5px 5px rgba(0,0,0,0.3) inset;
}
</style>
<center>
             <input id="membname" type="text" /><input id="memsbutton" onclick="findmemb();" value="View Member" type="button" />         
   <table id="usrstable">
                         
      <tbody>
         <tr>
                               
            <td>
                         <span id="mavatar"> </span>         
            </td>
                               
            <td>
                         <span id="musern"> </span>         
            </td>
                               
         </tr>
                            
         <tr>
                               
            <td colspan="2">
                                
               <center>
                        <span id="mpthem"> </span>       
               </center>
                              
            </td>
                               
         </tr>
                              
      </tbody>
   </table>
</center><script>
function findmemb(){
  jQuery.get('/memberlist?submit=Ok&username='+jQuery('#membname').val(),function(data){
  var usrname = jQuery('.avatar-mini',data).eq(0).html().replace(/<img(.*?)>/,'');
    var avtar = jQuery('.avatar-mini',data).eq(0).html().replace(/<span(.*?)span>/,'');
    avtar = avtar.match(/<img(.*?)>/)
    var usrpm = jQuery('#memberlist a[href^="/privmsg?"]',data).eq(0).parent().html();
    jQuery('#musern').html(usrname);
    jQuery('#mavatar').html('<img'+avtar[1]+'>');
    jQuery('#mpthem').html(usrpm);
  });
};
</script>

Thank you so much! It works perfectly

your welcome