right alignment of text in the text box.

[inquisitivemind]

Hi

I need the text in the textbox should be right aligned and i used
style="text-align:right;" in the input tag.With it the text gets right aligned but when the user clicks a particular textbox it doesnot show cursor there. So it creates inconvenience to the user since he doesnt understand which field he is entering into.
So do suggest some possible solution, i dont want to include javascript in the jsp so refrain from it . I tried all possible ways if there is any other way plz let me know.

[MMcCarthy]

Hi

I need the text in the textbox should be right aligned and i used
style="text-align:right;" in the input tag.With it the text gets right aligned but when the user clicks a particular textbox it doesnot show cursor there. So it creates inconvenience to the user since he doesnt understand which field he is entering into.
So do suggest some possible solution, i dont want to include javascript in the jsp so refrain from it . I tried all possible ways if there is any other way plz let me know.

I am moving this question to the HTML forum where you are more likely to get an answer.

ADMIN

[acoder]

DIR=rtl is a possibility

[AricC]

DIR=rtl is a possibility

What is that? I'm not familiar. Is there any reason you don't want to include javascript. You are probably going to need some language other than HTML to give that control focus.

[acoder]

What is that? I'm not familiar. Is there any reason you don't want to include javascript. You are probably going to need some language other than HTML to give that control focus.

Direction from right to left. Default is left to right. It's probably similar to text-align right, but I thought I'd suggest this if it helped.

[acoder]

You shouldn't need javascript to give a control focus when the user clicks on it as mentioned by the OP. I don't know why he has that problem. If the user clicks on a text box, it should gain focus.

[AricC]

You shouldn't need javascript to give a control focus when the user clicks on it as mentioned by the OP. I don't know why he has that problem. If the user clicks on a text box, it should gain focus.

Lol I think you and I are confused. Inquisitive, are you attempting to add focus to a control? Or are you saying that when someone clicks on your textboxes the textboxes are not gaining focus? Please clarify.

Thanks,
Aric

[inquisitivemind]

Well yes on clicking the textbox its not gaining focus and that too in the case of right aligned text. It should however not happen but its happening.

[drhowarddrfine]

Direction from right to left. Default is left to right. It's probably similar to text-align right, but I thought I'd suggest this if it helped.

This is for those languages that read from right to left, such as Hebrew and Arabic, not for aligning text.

I'm giving my wife my computer and have wiped it clean to send it to her office so don't have any of my dev tools or links available so I'm slow to respond to everything right now.

[drhowarddrfine]

I just tested this and didn't find any problem with the cursor not appearing in the text box when clicked. You do mean <textarea> correct?

[acoder]

This is for those languages that read from right to left, such as Hebrew and Arabic, not for aligning text.

Yeah, you're right. Sorry, my mistake. I should've asked before suggesting it.

[acoder]

Well yes on clicking the textbox its not gaining focus and that too in the case of right aligned text. It should however not happen but its happening.

Perhaps you can give us your code. When I tested with a textbox, it worked fine in Firefox, probably IE too.

[AricC]

Inquisitive, please post your code something must be spelled incorrectly or some other over-sight. This is extremely odd behavior for a browser.

<input type="text" size="25" name="SomeDescriptiveName" />

[inquisitivemind]

Hi

well this is the code I am using and it is showing a strange behaviour.

<input type="text" name="quantities" id="quantities" size="13" maxLength="16" style="text-align:right;" value="<%=StringUtils.formatDecimal(m.getQuantity( i)) %>" onChange="javascript:calcQuantityTotal()" /><br/>


I have again confirmed by testing on my pc that the problem still persist.

[drhowarddrfine]

It is working for me in Firefox and IE7 so I can only assume the script stuff is messing it up.

[acoder]

Hi

well this is the code I am using and it is showing a strange behaviour.

<input type="text" name="quantities" id="quantities" size="13" maxLength="16" style="text-align:right;" value="<%=StringUtils.formatDecimal(m.getQuantity( i)) %>" onChange="javascript:calcQuantityTotal()" /><br/>


I have again confirmed by testing on my pc that the problem still persist.

What is the code for calcQuantityTotal()? That must be the problem. Perhaps it contains an infinite loop or another problem?

[inquisitivemind]

function calcQuantityTotal(decPlaces) {
        var total = 0;
        if (document.forms[0].quantities.length == null) {
            if (isNaN(parseFloat(document.forms[0].quantities.value))) {
            } else {
                total = parseFloat(document.forms[0].quantities.value);
            }
        } else {  
            for (var i = 0; i < document.forms[0].quantities.length; i++)  {
                if (isNaN(parseFloat(document.forms[0].quantities[i].value))) {
                } else {
                    total = total + parseFloat(document.forms[0].quantities[i].value);
                }
            }
 
        }    
        document.forms[0].totalQuantity.enabled = true;
        document.forms[0].totalQuantity.value = " " + total.toFixed(decPlaces);
    } 
 

this is the code for calculate Quantity .plz let me know if it is anyhow creating problem.

[acoder]

function calcQuantityTotal(decPlaces) {
        var total = 0;
        if (document.forms[0].quantities.length == null) {
            if (isNaN(parseFloat(document.forms[0].quantities.value))) {
            } else {
                total = parseFloat(document.forms[0].quantities.value);
            }
        } else {  
            for (var i = 0; i < document.forms[0].quantities.length; i++)  {
                if (isNaN(parseFloat(document.forms[0].quantities[i].value))) {
                } else {
                    total = total + parseFloat(document.forms[0].quantities[i].value);
                }
            }
 
        }    
        document.forms[0].totalQuantity.enabled = true;
        document.forms[0].totalQuantity.value = " " + total.toFixed(decPlaces);
    } 
 

this is the code for calculate Quantity .plz let me know if it is anyhow creating problem.

You are calling calcQuantity without any arguments/parameters, but the function itself expects a number for decimal places.

[inquisitivemind]

<input type="text" name="quantities" id="quantities" style="text-align:right" value="<%=StringUtils.formatDecimal(form.getQuantity(i), 2, Locale.US) %>"  onChange="javascript:calcQuantityTotal('2')"/><br/>

No , i dont think the problem lies there since I have tried with arguements as well.

[acoder]

<input type="text" name="quantities" id="quantities" style="text-align:right" value="<%=StringUtils.formatDecimal(form.getQuantity(i), 2, Locale.US) %>"  onChange="javascript:calcQuantityTotal('2')"/><br/>

No , i dont think the problem lies there since I have tried with arguements as well.

calcQuantityTotal expects a number not a string, so you should use:

onChange="javascript:calcQuantityTotal(2)"

[Atli]

Im not expert on ASP but I would assume a function called like that would return a value?

All I see this function do is add a value to form[0].TotalQuantity

[acoder]

Im not expert on ASP but I would assume a function called like that would return a value?

All I see this function do is add a value to form[0].TotalQuantity

That is not the problem. If you read the first post:

I need the text in the textbox should be right aligned and i used style="text-align:right;" in the input tag.With it the text gets right aligned but when the user clicks a particular textbox it doesnot show cursor there. So it creates inconvenience to the user since he doesnt understand which field he is entering into. So do suggest some possible solution, i dont want to include javascript in the jsp so refrain from it

the cursor doesn't show when the user clicks, which means there must be a problem in the javascript (most probably the page loads fine). Also, it may be JSP, not ASP.

[inquisitivemind]

The problem is not even with calQuantity('3') string or number passed as parameter. I tried with both options but this doesnot solve the problem.

[acoder]

The problem is not even with calQuantity('3') string or number passed as parameter. I tried with both options but this doesnot solve the problem.

Ok, I've looked at your calcQuantity code again, and it seems that the problem is definitely with the javascript.

You cannot use document.forms[0].quantities[i].value, etc. because the quantities field cannot be an array. If you show the form HTML, I can suggest changes to this code that should work.

[inquisitivemind]

I didnot understand what u need as I am very new to all this , can u tell me in detail what do you want, so that I can provide u with and in return u can provide me solution since the problem is still persisting.

[AricC]

I didnot understand what u need as I am very new to all this , can u tell me in detail what do you want, so that I can provide u with and in return u can provide me solution since the problem is still persisting.

Post everything you have pertaining to this problem HTML + Server side code.

[alxgr]

add style='padding-right:1px' to your input tag

[petr709]

@alxgr
this solution perfectly works! Thanks a lot!