JavaScript with User Control

[Steve Murphy]

I'd like to package a navigation bar into a user control. The problem I'm
having is getting the rollover buttons to work. Where do I place the
Javascript for the image caching and switching for the rollover effect? I'm
using image buttons.

Thanks in advance,
Steve Murphy

[Grant Merwitz]

I would place the JavaSCript in the Control itself.

I've often had problems with JavaScript in UserControls, as they are renamed
when placed onto the ASPX page.
When you register your ASPX page, and give your tag a name, in the output
HTML that goes to INternet explorer, you controls are renamed the tag name
followed by the ID you specified.

So if you have a textbox:
<asp:TextBox id="tb"
and you register your usercontrol
TagName="MyUser Control"
In I.E. the Textbox will now have the ID
MyUserControl_t b

So when you have javascript thats referring to this ID, it will stop working
untill you change this to refer to MyUserControl_t b.
Now this becomes a bit silly, because that ID name is based on its instance
in a given ASPX page, and cannot be generalised.

There was a post a few days ago about how to get the controls name from the
code and then generate the JavaScript there with thee right ID;s
I'm just gonna dig that up (cause i need it to for future reference), and
will post shortly

HTH

"Steve Murphy" <sm*****@granit e-ridge.com> wrote in message
news:eJ******** ******@TK2MSFTN GP14.phx.gbl...

I'd like to package a navigation bar into a user control. The problem I'm
having is getting the rollover buttons to work. Where do I place the
Javascript for the image caching and switching for the rollover effect?
I'm using image buttons.

Thanks in advance,
Steve Murphy

[Grant Merwitz]

ok, found it

This i have not tested, but will next time i have this problem

btnMyButton.Uni queID

I think .. THINK .. if you creating your JavaScript from your Code Behind,
when you try do something like
document.GetEle mentByID('btnMy Button');
swap this for

document.GetEle mentByID('" + btnMyButton.Uni queID + "')
and it should use the right ID

The same logic would go for ImageButtons with rollovers - if you need to
reference the ImageButtons ID

HTH

"Grant Merwitz" <gr***@workshar e.com> wrote in message
news:u2******** *****@TK2MSFTNG P15.phx.gbl...

I would place the JavaSCript in the Control itself.

I've often had problems with JavaScript in UserControls, as they are
renamed when placed onto the ASPX page.
When you register your ASPX page, and give your tag a name, in the output
HTML that goes to INternet explorer, you controls are renamed the tag name
followed by the ID you specified.

So if you have a textbox:
<asp:TextBox id="tb"
and you register your usercontrol
TagName="MyUser Control"
In I.E. the Textbox will now have the ID
MyUserControl_t b

So when you have javascript thats referring to this ID, it will stop
working untill you change this to refer to MyUserControl_t b.
Now this becomes a bit silly, because that ID name is based on its
instance in a given ASPX page, and cannot be generalised.

There was a post a few days ago about how to get the controls name from
the code and then generate the JavaScript there with thee right ID;s
I'm just gonna dig that up (cause i need it to for future reference), and
will post shortly

HTH

"Steve Murphy" <sm*****@granit e-ridge.com> wrote in message
news:eJ******** ******@TK2MSFTN GP14.phx.gbl...

I'd like to package a navigation bar into a user control. The problem I'm
having is getting the rollover buttons to work. Where do I place the
Javascript for the image caching and switching for the rollover effect?
I'm using image buttons.

Thanks in advance,
Steve Murphy

[Steve Murphy]

"Grant Merwitz" <gr***@workshar e.com> wrote:

I think .. THINK .. if you creating your JavaScript from your Code Behind,
when you try do something like
document.GetEle mentByID('btnMy Button');
swap this for

document.GetEle mentByID('" + btnMyButton.Uni queID + "')
and it should use the right ID

Why can't you just use:
document.GetEle mentByID('btnMy Button.UniqueID ')

Why do you need to wrap it?

Thanks,
Steve Murphy

[Grant Merwitz]

I was referring to the code behind where you would build up the jscript then
register it on the page

string MyJScript = "<Script language="javas cript">";
MyJScript += "function something() { document.GetEle mentByID('" +
btnMyButton.Uni queID + "');}";
MyJScript += "</script>";

Page.RegisterCl ientScriptBlock ("SomeKey", MyJScript");
as btnMyButton.Uni queID is a c# function, not a JavaScript function

"Steve Murphy" <sm*****@granit e-ridge.com> wrote in message
news:ej******** ******@TK2MSFTN GP14.phx.gbl...

"Grant Merwitz" <gr***@workshar e.com> wrote:

I think .. THINK .. if you creating your JavaScript from your Code
Behind,
when you try do something like
document.GetEle mentByID('btnMy Button');
swap this for

document.GetEle mentByID('" + btnMyButton.Uni queID + "')
and it should use the right ID

Why can't you just use:
document.GetEle mentByID('btnMy Button.UniqueID ')

Why do you need to wrap it?

Thanks,
Steve Murphy