Debut Invocation Prayer Samples

Ranking Ranking

The ranking is as FOLLOWS:

Everything is build with divs and background images, the stored procedure returns the players' points and Their position on the
rank

Yellows Are ImageButtons, The Red Labels, blue images and the rest Are pure images and divs.

In FACT, the ranking is on a div with the Following style

                width:438px;
                height:129px;
                float:left;            
                overflow:hidden;

Really we will have the full ranking with the top 10 but only will see the first 5 because they are the only ones who fit into the above div (438px wide) and the overflow hidden hides the rest (6 to 10), then using jQuery we can use Click on the arrow next to simply move the div's rank:

        $("#btnNext").click(function() {
            $("#RankPointsList").css('margin-left', '-450px');
            $("#btnBack").show('fast');
$ ("# btnNext.") Hide ('fast');
});

This jQuery code move the div to the left, visible Leaving only the last 5 ranking as we see in the image:

This way is much Easier to manipulate, Avoiding postbacks and saving server resources