Tuesday, November 16, 2010

Fotos Of Before Eye Tint And After

jQuery with asp.net with jQuery

The ranking is as follows:

Everything is armed
with divs with background images, the stored procedure returns database "players" with its score and position in the ranking,

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

ranking is actually stuck in a div with the following style,


width: 438px;
height: 129px;
float: left;
overflow: hidden;
Actually we have the full ranking the top 10 but only will see the first 5 are the only ones that fit inside above div (438px wide) and the overflow hidden the rest (6 to 10), after using jQuery we can use the click on the arrow next to simply move the div's ranking:



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

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


This is much easier to manipulate, avoiding postbacks and saving server resources.

0 comments:

Post a Comment