Pitched Table

by Christopher O

HTML

<div id="pitched">

</div>

CSS

.tlft{
	text-align:left;
}

.plist:hover {
	background-color: #eee;
	cursor:pointer;
	text-decoration:underline;
}

div#pitched {
    position: fixed; 
	top: 140px; 
	left: 10px; 
	right: 0px;
	z-index:10;
    
	width:150px;
}
.sbdr{
    border:1px solid #000;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.phead{
    border:0;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #00f;
    color:#fff;
    padding:5px 10px;
    font-weight:bold;
}

JavaScript

var jsonData = '[{"n":"Brucewane Willisonon","h":"5","c":"111"},{"n":"John Goodman","h":"9","c":"222"}]';

$.ajax({
    url: '/echo/json/',
    type: 'POST',
    data: {
        json: jsonData
    },
    success: function (response) {
        var fnd = 0;
        var trHTML = '';
        
        trHTML += '<div class="sbdr"><div class="phead">My Pitched</div><table border="0" cellpadding="4" width="100%"><tr><th scope="col" class="tlft">Client</th><th scope="col" class="tlft">Hrs</th></tr>';
        $.each(response, function (i, item) {
            trHTML += '<tr class="plist" id="' + item.c + '"><td>' + item.n + '</td><td>' + item.h + '</td></tr>';
            fnd++;
        });
        trHTML += '</table></div>';
       
        if(fnd){
            $('#pitched').html(trHTML);
        }else{
            $('#pitched').html('No pitched!');
        }
    }
});

/* Click function  */
$(document).on('click', '.plist', function(){
    var id = $(this).attr("id");
    alert('ok: ' + id);
});

// http://manos.malihu.gr/jquery-custom-content-scroller