Adding * in textbox as user press enter

Question

1.00/5 (1 vote)

See more:

hello friends,
I was trying to write javascript function, where in I check whether user has pressed enter key. If so then through javascript i want to add * in new line in textbox

here is my aspx code:

<asp:TextBox TextMode="MultiLine" runat="server" Width="80%" Height="100px" ID="txtComments" onkeypress="appendText(event);" Text="* ">
</asp:TextBox>

Here is my javascript code:

function appendText(e) {
            var charChode;
            if (e && e.which) {
                e = e;
                charChode = e.which;
            }
            else {
                e = event;
                charChode = e.keyCode;
            }
            if (charChode == 13) {
                var TheTextBox = document.getElementById("<%=txtComments.ClientID %>");
//                var textValue = document.getElementById("<%=txtComments.ClientID %>").value;
//                textValue = textValue.replace(/\n\r?/g, '<br />* ');
                TheTextBox.value = TheTextBox.value + "<br/> * ";
                return true;
            }
            else {
                return false;
            }

In short:
I want to create bulleted text box, as user press enter bullet should appear on next line

Any solution??

Thanks in advance

Posted 31-May-12 21:38pm

dhage.prashant01

Add a Solution

Comments

Mario Majčica 1-Jun-12 3:45am

What is the problem with the current code? When managing Enter Key do not forget to prevent the default event and cancel bubble.

dhage.prashant01 1-Jun-12 5:00am

no idea
can you give some idea about it?

2 solutions

Solution 1

replace

C#

TheTextBox.value = TheTextBox.value + "<br /> * ";

to

C#

TheTextBox.value = TheTextBox.value + "\n * ";

Posted 31-May-12 21:48pm

Ashok Nalam

Updated 1-Jun-12 1:28am

v2

Comments

dhage.prashant01 1-Jun-12 4:03am

I tired
Its working fine but the output goes this way when i click enter
* asd
*
<- here is where cursor goes

i want cursor next to *

any idea?

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

dhage.prashant01 · Accepted Answer · 2012-06-01T01:24:00

here is what i tried and was successful

function appendText(e) {
            var charChode;
            if (e && e.which) {
                e = e;
                charChode = e.which;
            }
            else {
                e = event;
                charChode = e.keyCode;
            }
            if (charChode == 13) {
                var TheTextBox = document.getElementById("<%=txtComments.ClientID %>");
                if (window.ActiveXObject) {
                    e.returnValue = false;
                    e.cancel = true;
                    TheTextBox.value = TheTextBox.value + "\n* ";
                }
                else {
                    e.preventDefault();
                }     
            }

Hope it helps you.