How to right-justify input objects in a form? 1

dove85 · Aug 27, 2001

Your help would be appreciated.

1) How to line up (right justify) these numbers?
2) If "13.5" is the value, I want to display "13.50".
I wrote some JavaScript functions to parse the input objects as strings and then pad with zeors. Is there a better way to handle it?
3) I usually have problems displaying the "result of calculations" in proper format (9,999.90). I put the formulas in some JS functions, and use onFocus/onBlur to activate them. Is there a better way?

total_cost = unit_price * qty
open_qty = qty - rec_qty + ret_qty

Thanks.
Dove85
-----------------------------------------

<HTML>
<BODY>
<FORM NAME="OrderedItemsForm" METHOD="post" ACTION="SUBMITxyz.jsp">
<TABLE>
<TR>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=LEFT>&nbsp</TD><TD>&nbsp</TD>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=RIGHT VALIGN=BOTTOM>Unit Price</TD>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=RIGHT VALIGN=BOTTOM>Total</TD>
</TR>
<TR>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=LEFT>Ordered Qty. :</TD>
<TD><INPUT CLASS=INPUTCELL TYPE="text" NAME="qty" SIZE="20"></TD>
<TD><INPUT CLASS=INPUTCELL TYPE="text" NAME="unit_price" SIZE="20"></TD>
<TD><INPUT CLASS=INPUTCELL TYPE="text" NAME="total_cost" SIZE="20"></TD>
<TR>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=LEFT>Received Qty.:</TD>
<TD><INPUT CLASS=INPUTCELL TYPE="text" NAME="rec_qty" SIZE="20"></TD>
<TD><INPUT CLASS=INPUTCELL TYPE="text" NAME="unit_price_rec" SIZE="20"></TD>
<TD><INPUT readOnly CLASS=INPUTCELL TYPE="text" NAME="total_cost_rec" SIZE="20"></TD>
</TR>
<TR>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=LEFT>Returned Qty:</TD><TD ALIGN=RIGHT><INPUT CLASS=INPUTCELL TYPE="text" NAME="ret_qty" SIZE="20"></TD></TR>
</TR>
<TR>
<TD CLASS=TEXTAREACELLGRAYSHADED ALIGN=LEFT>Open Quanty:</TD><TD ALIGN=RIGHT><INPUT readOnly CLASS=INPUTCELL TYPE="text" NAME="open_qty" SIZE="20"></TD>
</TR>
</TABLE>
</TD>
</TABLE>
</BODY>
</HTML>

theEclipse · Aug 27, 2001

1) I suppose you could, but it would be a slow code snippit, most likely.

2) & 3) could you post your code? theEclipse
eclipse_web@hotmail.com
**\\||It was recently discovered that research causes cancer in rats||//**

dove85 · Aug 28, 2001

theEclipse,

I have already figured out 2) & 3) but would like very much to know how to do 1).

Thanks.
Dove85

theEclipse · Aug 29, 2001

dove

I would think that it would be pretty easy to right justify something in a textbox. I would think that ms would have a built in html attribute justify=right or something. oh well, you cant win all the time

Code:

var width=100;

function justify(box){
var siz=box.value.length;
tempwidth=width-siz;
str='';
for (i=0;i<tempwidth;i++){
str+=' ';
}
box.value=str;
}

you might have to play around with the width to get to the right spot

Code:

<input onblur=justify(this) value='' name=rjustified>

theEclipse
eclipse_web@hotmail.com
**\\||It was recently discovered that research causes cancer in rats||//**

aperfectcircle · Aug 29, 2001

I might be misunderstanding, but you can right align text in a text box using css...

<input type="text" style="text-align: right;" value="test" />

This works fine in IE and NN6+, but in NN4.7 it will right align the textbox instead of the actual text.

theEclipse · Aug 29, 2001

well there you go theEclipse
eclipse_web@hotmail.com
**\\||It was recently discovered that research causes cancer in rats||//**

dove85 · Aug 29, 2001

aperfectcircle,

THAT is what I have been looking for! Thank you very much.

theEclipse, thank you for your effort. I do appreciate your help.

Dove85

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to right-justify input objects in a form? 1

dove85

MIS

theEclipse

Programmer

dove85

MIS

theEclipse

Programmer

aperfectcircle

Programmer

theEclipse

Programmer

dove85

MIS

Similar threads

Part and Inventory Search

Sponsor