jquery error head.insertBefore( script, head.firstChild );

[Justin Stuparitz]

This happens when I tab over.  This only happens in IE 8.  This does not happen in Firefox 3.5.5

on line 677 of jquery-1.3.2.js
            // Use insertBefore instead of appendChild  to circumvent an IE6 bug.
            // This arises when a base node is used (#2709).
            head.insertBefore( script, head.firstChild );

is throwing this:
Microsoft JScript runtime error: Object doesn't support this property or method

I'm using Telerik MVC 2009.3.1103.0
-------------------------------------------------------------------------------------------
my tabstrip:
            <% Html.Telerik().TabStrip()
            .Name("AdminTab")
            .Items(tabstrip =>
            {
                tabstrip.Add()
                    .Text("Institutions")
                    .LoadContentFrom("ShowInstitutions","Admin")
                    .Selected(true);
                
                tabstrip.Add()
                    .Text("Languages")
                    .LoadContentFrom("ShowLanguages","Admin");
                    
                tabstrip.Add()
                    .Text("Disciplines")
                    .LoadContentFrom("ShowMajors","Admin");
            })
            .Render();
        %>

my ShowLanguages view is:
<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<Flagship.Business.BusinessObjects.Language>>" %>


<input type="submit" value="Save" />
<br />

<%= Html.Telerik().Grid(Model)
        .Name("Languages")
        .Scrollable()
        .Columns(columns =>
        {
            columns.Add(o => o.Name).Width(100);
        })
%>

[Georgi Krustev]

Hi Justin,

To error occurs, because the scripts of the grid are not loaded through Ajax request. In order to avoid this behavior you will need to register grid's javascript files with ScriptRegistrar manually. For your convenience I have attached a simple test project.

Greetings,
Georgi Krustev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Justin Stuparitz]

Works perfect.  You guys are great.  Keep up the good work.  We will be happy to pay for support in March.  Thanks.

[Nick]

after upgrading the sample project to MVC 3.0 and adding jquery-1.5.1.min.js
the same javascript error is thrown in IE8.

I've attached the upgraded project.  Please advise.


thanks,
Nick

[Atanas Korchev]

Hello Nick,

 The JavaScript files were not of the same version hence the problem. I updated the JavaScript files in the ~/Scripts folder and everything is back to normal.

Kind regards,
Atanas Korchev
the Telerik team

[Nick]

I downloaded the sample in your reply and there is still a javascript error being throwin within jquery-1.5.1.js
What were the changes to the telerik.js files?
I'm running IE v8.0.7600.

Thanks for the help.  I hope a solution is not too far off.

[Nick]

after moving the ScriptRegistrar I was able to get the grid to load.

However, when Refresh is clicked in the footer, a full page load takes place. When a column header is clicked, the an ajax request is made resulting in a partial post.  What could cause the full post on refresh?

I've attached a sample with a single grid on the Home/Index page.


Thanks,
Nick

[Atanas Korchev]

Hello Nick,

 I still think that the JavaScript and the assembly version do not match hence the problem.

 I upgraded your project to an up-to-date version and and the refresh button works as expected. I also stopped the ScriptRegistrar from including the jQuery script since you are including it manually already.

Regards,
Atanas Korchev
the Telerik team