Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Live search table - Tips24h.Net</title>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
  <script>
   // Write on keyup event of keyword input element
 $(document).ready(function(){
 $("#search").keyup(function(){
  _this = this;
 // Show only matching TR, hide rest of them
 $.each($("#mytable tbody tr"), function() {
 if($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) === -1)
  $(this).hide();
 else
  $(this).show();
 });
 });
});
</script>
  </script>
</head>
<body>
  <br/><br/>
<input type="text" class="form-control pull-right" style="width:20%" id="search" placeholder="Type to search table...">
</div>
 
<table class="table-bordered table pull-right" id="mytable" cellspacing="0" style="width: 100%;">
    <thead>
        <tr role="row">
            <th>Hostname</th>
            <th>Free Filesize Limit</th>
            <th>Free Daily Trafic</th>
            <th>Premium Account</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Dailyuploads.net</td>
            <td>2 GB</td>
            <td>20 GB</td>
            <td>Unlimited</td>
        </tr>
        <tr>
            <td>Depfile.com</td>
            <td>1 GB</td>
            <td>10 GB</td>
            <td>100 GB</td>
        </tr>
        <tr>
            <td>Uploaded.net</td>
            <td>2 GB</td>
            <td>1 GB</td>
            <td>Unlimited</td>
        </tr>
        <tr>
            <td>4shared.com</td>
            <td>Unlimited</td>
            <td>Unlimited</td>
            <td>Unlimited</td>
        </tr>
        <tr>
            <td>2shared.com</td>
            <td>2 GB</td>
            <td>20 GB</td>
            <td>100 GB</td>
        </tr>
        <tr>
            <td>Fshare.vn</td>
            <td>Unlimited</td>
            <td>Unlimited</td>
            <td>Unlimited</td>
        </tr>
        <tr>
            <td>Firedown.co</td>
            <td>-</td>
            <td>-</td>
            <td>-</td>
        </tr>
        <tr>
            <td>Share-online.biz</td>
            <td>1 GB</td>
            <td>2 GB</td>
            <td>100 GB</td>
        </tr>
        <tr>
            <td>Keep2share.cc</td>
            <td>500 MB</td>
            <td>2 GB</td>
            <td>200 GB</td>
        </tr>
    </tbody>
</table>
​
​
​
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers