How to enable javascript in asp.net webforms

Question

i am trying to use javascript events in asp.net webforms. but events for input controls like textfield, such as onClick, onFocus,onBlur, dont appear. do i need to change my directive:

<%@ Page Title="" Language="C#" MasterPageFile="~/YourGuruMaster.master" AutoEventWireup="true" CodeFile="AskQuestion.aspx.cs" Inherits="AskQuestion" %>

i want to be able to do this:

//code page
    protected void Page_Load(object sender, EventArgs e)
{
    QuestionTextBox1.Attributes["onfocus"] = "ClearSearchText()";

//Markup page
     function ClearSearchText() {
        var searchUserName = document.getElementById('<%=QuestionTextBox1.ClientID%>');

        if (searchUserName.value = searchUserName.defaultValue) {
            searchUserName.value = "";
        }


        return false;
    }

<p dir="rtl" style="">
<asp:TextBox ID="QuestionTextBox1" runat="server" Width="702px" 

Text="פרטים עד 5000 תווים"></asp:TextBox>

So, what is the question? Yes, I think you really need AutoEventWireup. — Erick Petrucelli
– Erick Petrucelli, Commented May 7, 2011 at 11:44
Can you provide a sample of the actual HTML elements and associated events that aren't firing? — Sir Crispalot
– Sir Crispalot, Commented May 7, 2011 at 11:58
"AutoEventWireup" is for server side events, not JS. And not for onSomeEvent="method" code, but for Object_Event methods to work automatically, and they usually apply to things like page and user controls not text boxes and stuff, like Page_Load. — Meligy
– Meligy, Commented May 7, 2011 at 13:00

m3kh · Accepted Answer · 2011-05-07 14:50:44Z

2

Add onfocus and onblur into the markup as follows:

<asp:TextBox ID="TextBox1" runat="server" onfocus="TextBox1_focus(this, event)" onblur="TextBox1_blur(this, event)" Text="Search..."></asp:TextBox>

<script type="text/javascript">
    var searchText = 'Search...';

    function TextBox1_focus(sender, e) {
        if (sender.value == searchText)
            sender.value = '';
    }

    function TextBox1_blur(sender, e) {
        if (sender.value == '')
            sender.value = searchText;
    }
</script>

edited May 7, 2011 at 14:50

answered May 7, 2011 at 14:41

m3kh

7,9692 gold badges34 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Meligy · Accepted Answer · 2011-05-07 12:57:07Z

1

Well, not sure which ASP.NET version you use. I think last versions allow this (rendering attributes that the server controls don't understand to the browser still). Try using "onfocus" instead (lower case).

However, if this is not working for you, then you have to do it from code behind...

protected void Page_Load(object sender, EventArgs e)
{
    QuestionTextBox1. Attributes["onfocus"]="someJavaScriptMethod";
}

Alternatively, if you have jQuery in the page you can go something like ...

<script type="text/javascript">
$(function() {
    $('#<%= QuestionTextBox1.ClientID %>').focus(someJavaScriptMethod);
});
</script>

If you do that, inside someJavaScriptMethod(), you can use the word this to point at the focused control, and you can create a jQuery object from it easily like $(this).

.

Please leave me a comment if none of the above solves your problem.

edited May 7, 2011 at 12:57

answered May 7, 2011 at 12:48

Meligy

36.7k11 gold badges90 silver badges114 bronze badges

2 Comments

Meligy Over a year ago

In the edited question do you mean it doesn't take effect and method not called or the attribute is not rendered at all? I mean, if you check the source of the page in browser, do you see the 'onfocus' in the HTML of the text-box or not?

Dmitry Makovetskiyd Over a year ago

i gave up trying that effect. i will keep things simpler..thanks for the help

Collectives™ on Stack Overflow

How to enable javascript in asp.net webforms

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related