This is a migrated thread and some comments may be shown as answers.

External JS file in mastepage

9 Answers 270 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

9 Answers, 1 is accepted

answered on 27 Dec 2009, 06:30 AM

Dear Steve,

You are right, It has this <%= Control.ClientID%>, I did change it as your suggestion but still doesn't work, I got this error:
PreserveState is not defined and the page doesn't load, here is how I include the .js file o my masterpage

    
            <head id="Head1" runat="server"> 
        
                <title>Application Name</title> 
        
                <script language="javascript" type="text/javascript" src="~/IScoreFuncs.js" />

directly in the head tag after the title.
The .js file has this function: that I change to match yours

    
            function PreserveState() { 
        
                var zone = $telerik.$("[id$='RadSlidingZone1']"); 
        
                //var zone = $find('<%= RadSlidingZone1.ClientID %>'); 
        
               var expandedPaneID = zone.get_dockedPaneId(); 
        
               SetCookie('dockedID', expandedPaneID);

.
Could you tell what it could be...
Regards
Waleed

answered on 27 Dec 2009, 09:39 PM

Hello Steve,

The code works and display the "ctl00_RadSlidingZone1", but there is a javascript error says "Object doesn't support method".
my RadScriptManager is like this:

    
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager>

I add the third line (jQueryInclude) according to the documentation.
Then I had the following RadCodeBlock:

    
            <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
        
                <script type="text/javascript">  
        
                // Preserve Sliding Pane dock state between pages  
        
                function PreserveState() {  
        
                var zone = $telerik.$("[id$='RadSlidingZone1']").attr("id");  
        
                alert(zone);  
        
                //var zoneid = $telerik.$("[id$='RadSlidingZone1']").attr("id");  
        
                var expandedPaneID = zone.get_dockedPaneId();  
        
                SetCookie('dockedID', expandedPaneID);  
        
                }  
        
                function OnClientLoaded(object, args) {  
        
                var zone = object;  
        
                var dockedPaneID = GetCookie('dockedID');  
        
                if (dockedPaneID) {  
        
                    setTimeout(function() {  
        
                    zone.dockPane(dockedPaneID);  
        
                    }, 0);  
        
                    }  
        
                }  
        
                function SetCookie(sName, sValue) {  
        
                document.cookie = sName + '=' + escape(sValue) + ';';  
        
                    }  
        
                function GetCookie(sName) {  
        
                var docCookie = document.cookie;  
        
                if (docCookie.length > 0) {  
        
                    var begin = docCookie.indexOf(sName + '=');  
        
                    if (begin != -1) {  
        
                    end = docCookie.indexOf(';', begin);  
        
                    if (end == -1) end = docCookie.length;  
        
                    return unescape(docCookie.substring(begin + sName.length + 1, end));  
        
                    }  
        
                }  
        
                return null;  
        
                }  
        
            </script> 
        
            </telerik:RadCodeBlock>

with the script inside...
The functionality of preserving the slidingZone is not working anymore ...

Best regards
Waleed

Accepted

answered on 28 Dec 2009, 03:03 PM

Hello Waleed,

As you're referencing an external file directly you can use the ScriptManager (or RadScriptManager) to include it:

<asp:ScriptManager runat="server" ID="ScriptManager1">

<Scripts>

<asp:ScriptReference Path="IScoreFuncs.js" />

</Scripts>

</asp:ScriptManager>

You can use Firebug's Net tab to make sure that the file is loading properly. Even a simple alert() call in the start of the file can be used as an indicator that the file is loaded.

Happy holidays!

Greetings,
Tsvetomir Tsonev
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.

answered on 12 Apr 2010, 03:59 PM

Hello steve and waleed,

Great discussion BTW, really it helped me a lot

I have an external JS file and I followed what you said to get the control by JQuery and it's working well, but I have an issue ;I have an iframe I want to get the RadControl from the parent page,

here is my function i used to return a DOM object for RadControl.

                    function getControl(serverId) {         
                var controlId = $telerik.$("[id$='" + serverId + "']").attr("id");         
                if (!controlId) {         
                    controlId = $telerik.$("[id$='" + serverId + "']", window.parent.document).attr("id");         
                    alert($find(controlId, window.parent.document));  // always returns null.        
                    return $telerik.$("#" + controlId, window.parent.document); // working but return the element not the DOM object         
                }         
                else {         
                    return $find(controlId);         
                }         
            }         

i want to get the DOM object for my RadControl at the parent page.

please help me ASAP to get it ..

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

External JS file in mastepage

9 Answers, 1 is accepted