openRadWindow() doesn't work in IE10

10 posts, 0 answers
  1. Adi
    Adi avatar
    1 posts
    Member since:
    Aug 2013

    Posted 07 Aug 2013 Link to this post

    Hi,

    I have this problem with opening the window when clicking a link. The thing is that it works in every browser I tried (Firefox, Chrome, Safari), but in IE10 it doesn't open.
    The behavior in IE10 it's like this:
    1. clicking the link (which should trigger the popup)
    2. nothing happens
    3. clicking again on the link
    4. the popup appears in the top-left corner but without any content and any functionality (it doesn't display any content and the close button is not working)

    The code for opening it:
    <script type="text/javascript">
       function openRadWindow(id) {
            var oWnd = radopen("../link/" + artid, "RadWindow1");
            oWnd.center();
            oWnd.show();
    }
    </script>

    And for triggering the code above:
    <a href="#" onclick="openRadWindow('<%idstuffgoeshere%>'); return false;">Open popup</a>

    I tried to debug it with the IE(10)'s debugger and I get the following JavaScript errors:
    SCRIPT5022: InvalidCharacterError
    ScriptResource.axd, line 796 character 8
    SCRIPT5007: Unable to get property 'documentElement' of undefined or null reference
    ScriptResource.axd, line 128 character 2
    SCRIPT5007: Unable to get property 'documentElement' of undefined or null reference
    ScriptResource.axd, line 128 character 2

    I haven't tried this on other IE versions, but I assume is not working on the earlier versions either.
    Anybody knows a solution for this?
  2. Edward Robinson
    Edward Robinson avatar
    2 posts
    Member since:
    Feb 2010

    Posted 07 Aug 2013 Link to this post

    I have the same problem.
    Works in all browsers..... even the mobile ones. 
    Also works in IE10 V10.0.9200.16540

    HOWEVER, it does not work in IE10 V10.0.9200.16635
    It throws this error:

    object doesn't support this action
    radwindowscripts.js line 1631 character 2


    Here is a very simple example of the calling code to replicate the problem:
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <script type="text/javascript">
          function OpenFindAdd() {
                    var oWnd = $find("<%=SomeControl.ClientID%>");
                    oWnd.show();
          }
    </script>
    </telerik:RadCodeBlock>
    <input type="button" title="Text" value="Click Me" onclick="OpenFindAdd()" />
    <telerik:radwindow runat="server" id="SomeControl" visibleonpageload="false" Title="A Test" Modal="true" Width="200px" Height="200px" Behaviors="Move,Close" >
      <ContentTemplate>
        <p>Some content</p>
      </ContentTemplate>
    </telerik:radwindow>


    I can't debug it as the error is happening on a remote computer that is running that build of IE 10. 
    Any thoughts from the Telerik team?
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Edward Robinson
    Edward Robinson avatar
    2 posts
    Member since:
    Feb 2010

    Posted 07 Aug 2013 Link to this post

    Update to above:
    I have managed to find a user locally with the IE10 version of V10.0.9200.16635.
    It works on that computer.......so it can't be the IE build.
    Any suggestion of where to look for the problem would be appreciated.
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 08 Aug 2013 Link to this post

    Hi guys,

    I am afraid these are not known problems and at this point I can only offer assumptions based on previous experience and common issues.

    @Adi: Can you confirm the ID of the RadWindow that is being opened is a valid string without special characters in it, e.g. "arg\one" could be invalid and special symbols should be escaped for passing them to a querystring/URL.
    Also, calling radopen() is equivalent to calling show() and center() so these are not needed. Even so, a call to center() should be after a call to show() because you could not center a popup that is not shown.
    What I also see is that the argument you pass to the function is called "id" but the variable used in the function body is "artid" which is likely to cause a JS error by itself, and thus break the RadWindows.

    @Edward: I do not see a reason for this problem in the provided code and we are not aware of issues between IE10 and the latest official release. Can you confirm you are using Q2 2013 SP1?
    Another thing that you can try is examining the problematic browser, as the issue may lie with it:
    - does resetting its settings help?
    - are there broken requests (e.g. for scripts) - this can be caused by AV, firewalls or proxies
    - does disabling its addons/plugins help? One/several of them may be interfering with the page and breaking RadWindow. We had a similar report for HootSuite recently.
    - it is also possible that IE10 is overall broken in terms of MS AJAX. This sticky thread will offer more information on the matter.

    If you can share live URLs where we can examine the pages it may help us find useful information.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  6. Pankaj
    Pankaj avatar
    24 posts
    Member since:
    Apr 2013

    Posted 10 Oct 2013 Link to this post

    Hi telerik team,

    I am using telerik
    Version=2011.1.426.35
    

    errrors--
    SCRIPT5022: InvalidCharacterError 
    SCRIPT5007: Unable to set property 'src' of undefined or null reference 
    and got the error in IE9 or 10 can you provide any fix for this ASAP 


    The code which i am using is--

    </a><span><a href="javascript:;" onclick="return OpenWindow(0);">Request Demo</a>
    </a><span><a href="javascript:;" onclick="return OpenWindow(1);">Watch vedio</a>

    <telerik:RadWindowManager Behaviors="Close" ID="RadWindowManager" runat="server"
            VisibleStatusbar="false" VisibleOnPageLoad="false">
            <Windows>
                <telerik:RadWindow ID="winRequestDemo" VisibleOnPageLoad="false" Title="Request a Demo or more Information"
                    NavigateUrl="~/PopupRequestDemo.aspx" runat="server" Width="850px" Height="640px"
                    Modal="true" ReloadOnShow="true">
                </telerik:RadWindow>
                <telerik:RadWindow ID="winPopupVideoPlayer" VisibleOnPageLoad="false" Title="Product Video"
                    NavigateUrl="~/PopupVideoPlayer.aspx" runat="server" Width="600px" Height="575px"
                    Modal="true" ReloadOnShow="true">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>


    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
            <script language="javascript" type="text/javascript">
                function OpenWindow(windowIndex) {
                    //get the current windows collection
                    var manager = $find("<%=RadWindowManager.ClientID %>");
                    var windows = manager.get_windows();
                    var win = windows[windowIndex];

                    if (!win.isVisible()) {
                        win.show();
                        win.center();
                    }
                    return false;
                }
            </script>
        </telerik:RadCodeBlock>

    Thanks
    Pankaj
  7. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 11 Oct 2013 Link to this post

    Hi Pankaj,

    Once again, please review your original thread: http://www.telerik.com/community/forums/aspnet-ajax/window/error-in-opening-rad-window.aspx.


    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  8. Suresh
    Suresh avatar
    2 posts
    Member since:
    Jul 2014

    Posted 08 Jul 2014 in reply to Marin Bratanov Link to this post

    Hi Marin Bratanov,
    Sub: oWin.set Url(url); not working in Win 8 and ie10, the same working fine in all other browsers

    I am also having similar Problem can you let me know what is the problem
    My Code:
    function ShowPopupWin(cId, btn, url, winId) {
                var hidId = document.getElementById("WkId");
                if (hidId  != null) {
                    hidId .value = cId;
                }
                var oWin = $find(winId);
                var alias = btn.attributes["srvAlias"].value;
                var criteriaName = '';
                if (btn.attributes["criteriaName"] != null) {
                    criteriaName = btn.attributes["criteriaName"].value;
                }
                url = url + "?valias=" + alias + "&criteriaName=" + criteriaName;
                oWin.setUrl(url);
                oWin.show();
                return false;
            }

    Thanks,
    Suresh. V
  9. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 10 Jul 2014 Link to this post

    Hello Suresh,

    There is no reason for such behavior and what I can suggest at this point is the following:

    • make sure the URL is properly formed (e.g., special characters are encoded)
    • try calling show() first and only then setUrl()
    • make sure the winId variable holds the ClientID of the control so $find() can return the correct object
    • make sure the RadWindow you are attempting to open does not have its ContentTemplate in use already.

    If neither helps I advise that you open a support ticket and send us a project we can run and investigate.


    Regards,

    Marin Bratanov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  10. Suresh
    Suresh avatar
    2 posts
    Member since:
    Jul 2014

    Posted 09 Feb 2015 Link to this post

    Hi Marin Bratanov,

    I am facing similar issue i WIn7- IE9 browser. can you please help me on this.

    popup window is not opening above mentioned browser.

    My Code:
    function SetId(criteriaId, btn, url, winId) {
            
                var hidCriteriaId = document.getElementById("WorkflowLkpCriteriaId");
                if (hidCriteriaId != null) {
                    hidCriteriaId.value = criteriaId;
                }
                var oWin = $find(winId);
                var srvId = btn.attributes["srvId"].value;
                var entityName = btn.attributes["lkpEntity"].value;
                var selMode = btn.attributes["selMode"].value;
                var lkpId = btn.attributes["lkpId"].value;
                var alias = btn.attributes["srvAlias"].value;
                var criteriaName = '';
                if (btn.attributes["criteriaName"] != null) {
                    criteriaName = btn.attributes["criteriaName"].value;
                }
               url = url + "?lkpid=" + lkpId + "&srvid=" + srvId + "&name=" + entityName + "&srvalias=" + alias + "&selmode=" + selMode + "&context=entitlements" + "&criteriaName=" + criteriaName;

                oWin.setUrl(url);
                oWin.show();
                return false;
            }

    When i debugg it i am getting Script5007: error.
    Thanks,
    Suresh. V



  11. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 10 Feb 2015 Link to this post

    Hello Suresh,

    The only known reason for such an error is described in the following KB article: http://www.telerik.com/support/kb/aspnet-ajax/window/details/opening-a-modal-radwindow-on-page-load-inside-radwindow-under-ie9-and-ie10.

    What I can advise is the following:

    • upgrade to the latest version of the controls
    • make sure this error is not thrown by other code on the page but from the RadWindow
    • make sure the browser does not run in quirks mode

    If neither helps, I advise opening a support ticket and sending us a sample that we can run and observe the problem so we can offer a precise answer.

    Regards,

    Marin Bratanov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017