htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

Im not sure that this isnt related to a Windows Update that was done late last week, as I havent had time this week to be in my app. However, I know this worked before, but suddenly I am getting the error htmlfile: Unexpected call to method or property access. in jquery-1.5.1.min.js when the following script is run:

$("#PhoneListDrops").bind('change', function () {

                var name = $("#PhoneListDrops > option:selected").attr("value");

                var label = $("#PhoneTypeAgentLabel");

                if (name == 'ACD') {

                    $.getJSON

                        ("/Connections/GetAgentSup", function (newdata, sel) {

                            var newitems = '';

                            $.each(newdata, function (z, agents) {

                                var selected = '';

                                if (agents.Selected) {

                                    selected = ' checked="checked" ';

                                }

                          newitems += "<input type='radio' name='Sup_Agent' value='" + agents.Value + "' " +    selected + " />" + agents.Text;

                            }); // end for each

                            $("#PhoneTypeAgent").html(newitems);

                        }); // end phonelistdrops change

                    label.show();

                } // end if = ACD

                else {

                    // we need to force a blank into the radio button if they select, then unselect ACD

                    var newitems = '';

                    newitems += "<input type='radio' name='Sup_Agent' value='' />";

                    $("#PhoneTypeAgent").html(newitems);

                    label.hide();

                }

            });

If I comment out the newitems line so it doesnt try to create the radio buttons, the script no longer generates the error. This only occurs when using IE 8. I have run in Google Chrome (which shows no html errors) and Firefox and the code runs fine and the radio buttons are rendered as they should be.

Any ideas on what might be causing this and how I might fix it?

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

Any ideas on what might be causing this and how I might fix it?

I don't know what the problem is, but have you tried a newer version of jQuery? There are always bugs here & there with jQuery so perhaps it's something that is fixed in a newer version.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

It would help to know which line is causing the error.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

I thought I indicated the line - it is the line where I am building the dyanmic radio buton list:

newitems += "<input type='radio' name='Sup_Agent' value='" + agents.Value + "' " + selected + " />" + agents.Text;

If I comment that line out, the error goes away. However, if I run this in Firefox or Chrome, there is no error and the radio buttons are properly rendered.

I tried installing the latest qJuery (1.7.2) and that give an object not found error - still trying to figure out which line it doesn't like.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

I suspect your JSON that your returning is malformed and contains a trailing comma. Can you post what the JSON result looks like? It's easiest to use firebug in Firefox or Inspector in Chrome, both of those should be able to see the ajax call.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

The results of this JSON call:

$.getJSON
("/Connections/GetAgentSup/", function (newdata, sel)

returns this for newdata, sel - which appears correct to me - there are 2 records and ACD is selected:

data = [Object { Selected=true, Text="ACD", Value="ACD"}, Object { Selected=false, Text="PBX", Value="PBX"}]
sel = "success"

and the value of newitems, which is the radio buttons I'm building from the JSON results is as follows:

"<input type='radio' name='Sup_Agent' value='Agent' checked="checked" />Agent<input type='radio' name='Sup_Agent' value='Supervisor' />Supervisor"

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

Not valid JSON.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

I believe the JSON you are looking for is:

data = [{ "Selected":true, "Text":"ACD", "Value":"ACD"}, { "Selected":false, "Text":"PBX", "Value":"PBX"}];
        sel = "success";

Note the removal of the words "Object", the ='s are changed to :, property/attribute names are wrapped in ", and ;'s are placed at the end of the statements. Not too sure about the ;'s being necessary as the whole thing isn't a single JSON result either since it looks like it's sending back two variables instead of a single result with both wrapped, which would look more like:

{
   "data":[
      {
         "Selected":true,
         "Text":"ACD",
         "Value":"ACD"
      },
      {
         "Selected":false,
         "Text":"PBX",
         "Value":"PBX"
      }
   ],
   "sel":"success"
}

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

If the JSON was not valid, why would this work in every other browser except for IE 8 though? The data returned from the JSON is properly parsed by Firefox and Chrome.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

I don't know if this is your issue, but IE's object literal parsing is much more strict that FF/Chrome. So if they're using that same engine for JSON parsing (which would make sense) then perhaps there would be a difference.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

You can refer to references here: http://json.org or http://en.wikipedia.org/wiki/Json, you can try some online json validators like this one: http://jsonlint.com/ or this one http://jsonformatter.curiousconcept.com/ they all say that JSON is not valid. Now as to why it works in every other browser (So long as your definition of every other browser is firefox and chrome), you will have to ask them why their JSON parsers are so shoddy.

My question would be, why is firefox and chrome accepting garbage input and NOT throwing an error. That's a bug on their parts, as the ECMA-262 specification (The standard that defines javascript) clearly says that it MUST.

Update: I just tested both the latest Firefox and the latest Chrome, and neither of these see this as valid JSON either. I'm not sure why they arn't throwing an error in your code, but atleast all three browsers agree it's not valid.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

OK - here is where I'm building the JSON - what am I doing wrong?

Dim agents As IQueryable(Of Connections) = Connections.GetSupAgent
 Dim selection As String
 Dim SaveVars As SaveSession = CType(TempData("PhoneAgent"), SaveSession)

 If SaveVars Is Nothing Then
    selection = "Agent"
 Else
    selection = SaveVars.PhoneAgent
 End If

 Return Json(New SelectList(agents, "Sup_Agent", "Sup_Agent", selection), JsonRequestBehavior.AllowGet)

Here is GetSupAgent:

    Public Shared Function GetSupAgent() As System.Linq.IQueryable(Of Connections)
        Dim l As New List(Of Connections)

        l.Add(New Connections() With {._Sup_Agent = "Agent", ._Sup_AgentID = "Agent"})
        l.Add(New Connections() With {._Sup_Agent = "Supervisor", ._Sup_AgentID = "Supervisor"})
        Return l.AsQueryable

    End Function

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

I think we may be going down the wrong path with the invalid JSON. My first view is displayed without any issues in IE 8 and I just debugged that page, as it contains drop-down boxes that are populated by JSON calls to the controller as well and the data parameter being returned appears the same way - I think maybe it's just the way the Firefox debugger is presenting the data or something?? Because the watch for data displays

[Object { Selected=false, Text="SBS", Value="SBS"}, Object { Selected=true, Text="Shared Services", Value="Shared Services"}, Object { Selected=false, Text="SHD", Value="SHD"}]

But the view this is on displays in IE 8 with absolutely no errors.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

Ah yes, firefox is most likely reformatting the JSON in the debugger, which would make sense you said it worked in firefox and chrome, and it definately isn't a valid JSON string.

Hmm... Are you adding a prototype function to Array or Object, or including a library that does like prototype.js? Try alerting the values you get back in the .each one at a time and see what it is returning.

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

OK - I just changed the code so that instead of building radio buttons on the fly, it built a drop-down box - and it works fine. So apparently it doesn't like something about building radio buttons on the fly?

Re: htmlfile: Unexpected call to method or property access Error in jquery-1.5.1.min.js

Did some more playing and testing and have found the problem. I was using a <placeholder> for where the radio buttons should appear on my form - as soon as I changed those to use <div>, the radio buttons are dynamically created and no errors are returned in any of the browsers. Something apparently changed this - as the <placeholder> has been there since I wrote it and this was all working a week or so ago.