- <a href="http://mysteemitfriends.online">My Steemit Friends Tool website.</a><br> 
- <a href="http://github.com/Bulletproofmonk/MySteemitFriends">Github repository.</a> 
- <a href="https://github.com/Bulletproofmonk/MySteemitFriends/commit/1908f73c7070190518d3b7da8cbdd2455ed33347">Commit for this update.</a><br><br>

### New Feature - Contributor Name Search

On the "All Contributors Ranking" page in My Steemit Friends (located at http://mysteemitfriends.online/contributors.php), I have built a new instant search feature, which will help users find their contributor really quickly in the ranking table. 

To test this feature, firstly enter your user name and click "Show Contributors" button. 

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519373540/jzsk3hchydrsqernqbye.png)

You will see a list of who has contributed towards your articles, ranked in order of contribution amount in descending order. Now, think of a friend who has contributed to your article and type it in the "Search for user in contributor table" textbox. 

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519374113/wgqypit3li7huzuf5qkn.png)

As soon as you type some letters in, you will see that the list immediately gets filtered using what you have typed. Every single name remaining in the table will contain the letters you have typed.

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519374170/xtbzrj7bmsxi7pawcler.png)

You will still see the original ranking of each user so you still know where they stand in your contributor table.  Continue to type and you should see your targeted user very soon.

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519374461/vrkndfzjvm8c2kue38jp.png)

### New Feature - Hyperlinked results

If you click on any of the Usernames, you will be directed to that user's Steemit blog. If you want you can also click with your middle mouse button and it will open in a new tab, so you don't have to close the contributor ranking. 

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519374637/smusfmqs1u2xjgn5zkhj.png)

If you click on any of the Contribution amounts, you will be able to display that specific user's contribution ranking. If you click the links with your middle mouse button, they will open in a new tab.

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1519427727/ps5ddt7s6pmaath2ckes.png)

- How did you implement it/them?
<br>
<a href="https://github.com/Bulletproofmonk/MySteemitFriends/commit/1908f73c7070190518d3b7da8cbdd2455ed33347">Relevant Commit</a>
<br>
<a href="https://github.com/Bulletproofmonk/MySteemitFriends/blob/master/contributors.php">contributors.php</a>: Prior to this update, the SQL result is printed to a table as soon as its retrieved in PHP. Now, the SQL result is encoded into a JSON string and passed to Javascript. Using Javascript/Jquery I then display the data onto the table. I have decided to switch to pass the data to Javascript because I can then search through the data and update the table immediately, without reloading the page. I also added the links to the usernames and contribution amounts in the table using Javascript.



<br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@magicmonk/my-steemit-friends-update-instant-search-in-contributors-list-hyperlinked-results">Utopian.io -  Rewarding Open Source Contributors</a></em><hr/>