How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

I have tried the following but it doesn't work. I already have access to the control using javascript, but am trying to use jquery to do it instead.

Something like this

$('div[id*=master.divAddAnotherProduct]').slideDown("slow");

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

JAYHAWKER

$('div[id*=master.divAddAnotherProduct]').slideDown("slow");

That selector looks odd... is "divAddAnotherProduct" part of the id or is that a class on the <div>?

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

It is just the name of my div. The syntax works fine if the div is in my content page (by eliminating the Master.), but this div is in a master page. I have it declared in codebehind of the master page as a public control and can access it with javascript using the traditional document.getElemtentBy ID. but want to access it with jquery.

Thanks!

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

Put single quotes around the "master.divAddAnotherProduct" part.

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

It won't let me do it syntax error says "expecting , or )

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

Right, you need this:

$("div[id*='master.divAddAnotherProduct']").slideDown("slow");

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

Hi,

JAYHAWKER
$('div[id*=master.divAddAnotherProduct]').slideDown("slow");

If master.divAddAnotherProduct is the name of your div then try-

$('div[name*=master.divAddAnotherProduct]').slideDown("slow");

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

when a masterpage is used and the control is in the master page then its Client ID Doesn't change but when the Control is in the content Page then its control is changed. so first find out the length of the jQuery object

$('control ID according to you').length

it should result you as 1. if its equal to 0, that means the id is not the correct one.

if you are using the .net 4 then you can set the ClientIDMode to static and then use the same id to identify the control.

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

I could not get any of the above to work. The following will show it but it doesn't slide down.

var pnlRef = document.getElementById('<%= Master.pnl %>');
	        pnlRef.style.display = "inline";

I can't get anything else to work.

Thanks for the tries!

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

Hi JAYHAWKER,

I would like to suggest you try $('#<%= Master.pnl %>').slideDown("slow");

at first, plesae check if $('#<%= Master.pnl %>') can get the correct div object, and then apply slideDown effect.

JAYHAWKER

The following will show it but it doesn't slide down. var pnlRef = document.getElementById('<%= Master.pnl %>'); pnlRef.style.display = "inline";

in above code pnlRef can show div, but can not slide down, please try to remove pnlRef.style.display = "inline"; and add code to explicitly set the "top" and "left" of div, you can refer article below

http://forum.jquery.com/topic/jquery-effects-like-slidedown-that-leave-display-set-to-inline

Hope this helps, thanks.

Re: How do I use the slideDown with a control that exists on the masterpage from javascript on a contenpage

Hi,

Why not simply add a CSS class to the panel and use the CSS class selector and add your necessary jQuery on it.