JavaScript question

Question

calling a js function using onclick...

onclick="SubmitAge(66, 'ctl00_MainContent_arTo_upAgeRange')"

function just calls an updatePanel from the client... but its saying object expected at the onclick= part!!!

here is the function, is there anything wrong with the code?

function SubmitAge(age, UpdatePanelID) {
    $get('HiddenAge').value = age;
    __doPostBack(UpdatePanelID);
}

EDIT: THE SUBMITAGE FUNCTION IS INSIDE A .JS FILE (AGERANGE.JS) AND ONLY WHEN MOVED HERE DOES IT STOP WORKING: HERE IS THE LINKING METHOD/HEADERS FROM THE ASCX USERCONTROL INWHICH IT IS ALL CONTAINED...

%@ Control Language="VB" ClassName="AgeRange" %

%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxCT" %

script src="AgeRange.js" type="text/javascript" /script

(arrow tags removed here as it wont display, hint: stackoverflow!!!)

im printing it like this from the server...

Public Sub AppendToSB(ByRef sb As StringBuilder, ByVal CurNo As Byte, Optional ByVal clickedNo As Byte = 0)
    Dim sConfirmClick = ""

    If clickedNo = CurNo Then   ' maybe dont make it clickable...
        sConfirmClick = "return confirm('The number " & CurNo.ToString & " is already selected, are you sure you want to select it again?');"
    End If

    sb.Append("<a href=""#"" onclick=""" & sConfirmClick & "SubmitAge(" & CurNo.ToString & ", '" & upAgeRange.ClientID &
     "')"" runat=""server"">" & CurNo.ToString & "</a>")

End Sub

the problem is this part... onclick="SubmitAge(66, 'ctl00_MainContent_arTo_upAgeRange')" (this is as printed on the client source — Erx_VB.NExT.Coder
– Erx_VB.NExT.Coder, Commented Dec 30, 2009 at 22:41
Does this really have anything to do with asp.net, C#, Ajax, or vb.net? — Tyler
– Tyler, Commented Dec 30, 2009 at 22:45
Depending on the context of the question this might be a syntax mixup between ASP.NET server tags, JavaScript/HTML syntax, and C#/VB.NET syntax. We'll have to see some more code first. — Eilon
– Eilon, Commented Dec 30, 2009 at 22:46
this is all as printed in the html source as i did a viewsource in internet explorer... @matrixfrog... and i am coding in vb/c# asp.net & ajax (updatepanel) so it is all relevant depending on teh questions i get — Erx_VB.NExT.Coder
– Erx_VB.NExT.Coder, Commented Dec 30, 2009 at 22:54
Where is the JavaScript function defined? In the same page? In a referenced JS file? This error could happen if the SubmitAge method can't be found, and thus it would itself be null. — Eilon
– Eilon, Commented Dec 30, 2009 at 22:56

Community · Accepted Answer · 2017-05-23 12:07:05Z

1

Complete rewrite of my post after several clarifications:

The problem is that the ASPX page is referencing an ASCX user control that is located in a different folder. That ASCX control has an HTML <script> tag that is using a relative path to the JS file.

The solution is to correctly resolve the URL to the JS file by using some extra code:

<script src="<%= ResolveClientUrl("MyScriptLibrary.js") %>" type="text/javascript">
</script>

To prevent the script file from being referenced multiple times I recommend using the approaches specified in this other post: ASP.NET dynamically insert code into head

Here's what it looks like in the user control's code:

// Register a script reference: 
Page.ClientScript.RegisterClientScriptInclude(GetType(), "myLibraryScript", "~/Scripts/MyScriptLibrary.js");

edited May 23, 2017 at 12:07

CommunityBot

11 silver badge

answered Dec 30, 2009 at 22:42

Eilon

25.7k3 gold badges88 silver badges105 bronze badges

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

11 Comments

Erx_VB.NExT.Coder Over a year ago

its a html tag... so once i click the html tag <anchor> in this case, it updates updatePanel from a js function inside a js file (submitAge)

Eilon Over a year ago

Try this, then: onclick="alert(SubmitAge)" And see what happens. That'll tell you if SubmitAge is defined.

Erx_VB.NExT.Coder Over a year ago

tried it, wow, the function fails, i wonder why? this is my link tag in the user control... <%@ Control Language="VB" ClassName="AgeRange" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="AjaxCT" %> <script src="AgeRange.js" type="text/javascript"></script>

Erx_VB.NExT.Coder Over a year ago

now, AgeRange.js is in the same directory as AgeRange.ascx however, the container aspx file is in a directory above, surely this shouldn't matter?

Eilon Over a year ago

I think I'm even more confused now. Can you update the original post with more complete information? Please show as much code as you can from the ASPX, the code behind, the JavaScript files, and anything else that you have.

|

Erx_VB.NExT.Coder · Accepted Answer · 2009-12-31 00:31:17Z

0

here is how i decided to do it, ResolveClientURL is important, static link will not always work, also the if check will prevent the script being added several times in one page if you use the control multiple times on same page...



    If Not Page.ClientScript.IsClientScriptIncludeRegistered("AgeRangeJS") Then ' no point in registering it twice!
        ' AND its registered in the header, where it should be, not two copies in the body :)
        Page.ClientScript.RegisterClientScriptInclude("AgeRangeJS", ResolveClientUrl("AgeRange.js")) ' ResolveClientUrl("AgeRange.js")
    End If

answered Dec 31, 2009 at 0:31

Erx_VB.NExT.Coder

4,85210 gold badges62 silver badges93 bronze badges

2 Comments

Eilon Over a year ago

BTW there's no need to check for IsClientScriptIncludeRegistered. ASP.NET will automatically exclude duplicates. That method is almost never needed. It really only needs to be used if you need to make some other decision based on whether a script was already registered (though I have no idea when that would ever happen).

Erx_VB.NExT.Coder Over a year ago

ahh thanks eilon, will remove that... just wanted to say, using this without the resolveclienturl didn't work for me, even tho the orig poster i believe suggested this should work from the userControl itself... (unless im mistaken and they meant for it to work from the aspx page).

Collectives™ on Stack Overflow

JavaScript question

2 Answers 2

11 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related