Maximize size of the textbox

Question

0.00/5 (No votes)

See more:

Hi,

When i click on the textbox the size of texbox should be increase.. can any one please help on this issue?

Thanks&Regards

Ch.Sukesh Kumar

Posted 6-Jun-12 2:15am

Member 8652316

Add a Solution

Comments

Sergey Alexandrovich Kryukov 6-Jun-12 11:31am

Why?
--SA

2 solutions

Solution 2

Hi,

you can use Javascript to increase size of textbox on click event like,

Your c# code :

C#

TextBox1.Attributes["onclick"] = "clearTextBox(this.id)";

Your Javascript Code :

JavaScript

function clearTextBox(textBoxID)
{
    var someTextBox = document.getElementById("textBoxID");
    var currentWidth = someTextBox.style["width"]; 
    //// now you need to increase currentWidth by 1 to and set it again to textbox.
}

you can do something like above code,

Thanks
-Amit

Posted 6-Jun-12 2:56am

AmitGajjar

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)

taha bahraminezhad Jooneghani · Accepted Answer · 2012-06-06T02:54:00

Solution 1

you can you jquery focus function , that when mouse move to your textbox and click this method fire!
this link work better than your Idea,when the character length go bigger the size increase!
http://www.jacklmoore.com/autosize[^]
and this is the focus document event on jquery website:
api.jquery.com/focus[^]
and this is an example of the script you looking for:

XML

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script>
$(document).ready(function(){
    $('textarea.expand').focus(function () {
        $(this).animate({ height: "1000px" }, 500);
    });
});
</script>

Posted 6-Jun-12 2:54am

taha bahraminezhad Jooneghani

Comments

Member 8652316 6-Jun-12 9:30am

thanks for reply i don't know how to use jquery in textbox click event, Please let me know once..

taha bahraminezhad Jooneghani 6-Jun-12 10:32am

just set the ID of your text box to the line 1!
and my first link is very complete and have a good step by step!

Member 8652316 6-Jun-12 10:55am

hmm.. Thank you very much. its working fine

One more request when i click on textbox it should automatically increase the size(height) with out enter any text in textbox.. Is it possible?

Member 8652316 6-Jun-12 11:01am

I did some javascript but by using this i able to increase width but not height in click event of textbox. please have a look on the code

&<script type="text/javascript">
function Increase_Size()
{
document.getElementsByName('txtID').type.size="40";
}

i called this function in textbox onclick event..

taha bahraminezhad Jooneghani 6-Jun-12 11:34am

try this:
document.getElementsByName('txtID').width = "100px";
if correct accept my solution!

taha bahraminezhad Jooneghani 6-Jun-12 11:36am

I think correct is this:
document.getElementsByName('txtID').style.width = 200;
try both of them!