Tuesday, July 8, 2008

Change Target



Sign-up form

Click on the labels and drag to adjust values



Code for First Form:
$(".label1").pls(
{
foreachpixel:10,
changevalue:50,
downlimit:100,
uplimit:1000,
changetarget:$(".input1"),
}
);


Sign-up form

This is the basic look of my form without table



Code for First Form:
$(".label2").pls(
{
foreachpixel:10,
changevalue:50,
downlimit:100,
uplimit:1000,
changetarget:$(".input2"),
}
);


$(".label2:eq(2)").pls(
{
foreachpixel:1,
changevalue:500,
downlimit:100,
uplimit:100000,
changetarget:$(".input2:eq(2)"),
}
);
Change target will specify nodes that the sliding process will change their values. You will pass a logical jquery wrapper according to your form and your needs. The most important points to care about are the wrapper length and the changevalue wrapper length must be equal and you shouldn't pass anything rather than a jquery wrapper to changevalue property. As shown in second form example, you may overwrite the property values by specifying another statement for the desired form labels.

No comments:

Post a Comment