javascript under code behind

Question

1.20/5 (2 votes)

See more:

Please help me to call this JS in a TextBox text changed event

HTML

<script type="text/javascript">
Sys.Application.add_load(function() {
var t = document.getElementById('scrollable-content');
t.scrollTop = t.scrollHeight;
});
</script>

Posted 27-May-13 0:37am

Athulk

Updated 27-May-13 1:58am

Sunasara Imdadhusen

v2

Add a Solution

Comments

Sunasara Imdadhusen 27-May-13 8:00am

try..<input type="text" önchange="Sys.Application.add_load();" />

3 solutions

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)

David_Wimbley · Answer 1 · 2013-05-27T06:33:00

I am making the assumption that you know how to load jquery/where to get jquery. But below are two options...a "javascript" way (on change) and a jquery method of doing what you are asking (or what i think you are asking).

XML

1) Using Jquery

<script type="text/javascript">
    $("#textbox").keyup(function(){
        var t = document.getElementById('scrollable-content');
        t.scrollTop = t.scrollHeight;
    });
</script>


<div id="scrollable-content">

</div>

<input type="text" id="textbox" />


2) Using javascript

<script type="text/javascript">
    Sys.Application.add_load(function() {
        var t = document.getElementById('scrollable-content');
        t.scrollTop = t.scrollHeight;
    });
</script>


<div id="scrollable-content">

</div>

<input type="text" onchange="Sys.Application.add_load" />

here2learn.net · Answer 2 · 2013-05-28T03:10:00

This applies, only if your textbox is asp.net textbox, if so then:

assume this is your text box in .aspx:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

then just wrap your js code into a js function like below:

XML

<script type="text/javascript">
function changeHeight() {
var t = document.getElementById('scrollable-content');
t.scrollTop = t.scrollHeight;
}
</script>

Make sure to add this script part under your page's heade section...
then go to your asp.net page's page_load event in code behind side and add code like this:

C#

if(!Page.IsPostBack)
TextBox1.Attributes.Add("onchange", "javascript:changeHeight();");

done, build and run your app and let me know if this is what you wanted to do...

*Suvabrata Roy* · Answer 3 · 2013-05-28T03:29:00

Solution 3

Hi,

Simple

<asp:TextBox ID="TextBox1" onchange="javascript:alert('put your javascript here...'); runat="server"></asp:TextBox>"

Posted 28-May-13 3:29am

Suvabrata Roy

Updated 28-May-13 3:30am

v2

javascript under code behind

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0