use a javascript from embeded resource of a custom control on a page

Question

I have a custom server control which renders some HTML on the aspx page it is added.

    protected override void RenderContents(HtmlTextWriter output)
    {
        Text = GetHTMLContent();

        output.Write(Text);
    }

the GetHTMLContent() retuns some HTML, say

<div id="panel" onMouseOver="hide"><table><tr><td>Something Here</td></tr></table></div>

And I have a javascript file which is an embeded resource in this server control. This javascript file contains a function, say

    function hide(){
         document.getElementById("panel").visible = false;
    }

I add the custom control in an aspx page like this

<cc1:CControl ID="Div" runat="server"></cc1:CControl>

now when I open in browser, the HTML contents are rendered fine, but javascript needs to be working.

My question is how can we make the function, which is in javascript file embeded in custom control, work on a aspx page where the custom control will be loaded?

Thanks

Brian Mains · Accepted Answer · 2012-03-21 13:43:45Z

1

There are several ways. First can be to have an OnClientHide="hide" property, where this property defines the name of a method to call as a callback. Your control can pass this to the onmouseover client event handler during rendering.

Or: have your control write javascript to the browser, like this: http://msdn.microsoft.com/en-us/library/z9h4dk8y.aspx

EDIT

Also check out this example: http://www.karpach.com/Custom-ASP-NET-server-control-with-embedded-resources.htm

edited Mar 21, 2012 at 13:43

answered Mar 20, 2012 at 12:41

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

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

2 Comments

dipdawiz Over a year ago

I guess I could not ask the question properly. Now I revised it. "My question is how can we make the function, which is in javascript file embeded in custom control, work on a aspx page where the custom control will be loaded?"

Brian Mains Over a year ago

This is a good example of the process: karpach.com/…

Alex Mendez · Accepted Answer · 2012-03-20 12:55:46Z

0

Besides what Brian Mains said, you javascript to hide is incorrect. It should be:

function hide()
{
    document.getElementById("panel").style.display = "none";
    OR
    document.getElementById("panel").style.visibility = "hidden";
}

edited Mar 20, 2012 at 12:55

answered Mar 20, 2012 at 12:50

Alex Mendez

5,1501 gold badge27 silver badges23 bronze badges

Collectives™ on Stack Overflow

use a javascript from embeded resource of a custom control on a page

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related