Question

I have two placeholders in one page and basically my requirement is that I want to show other placeholder on click of button which is in first placeholder without refreshing the page.

But when I m clicking on the button in 1st placeholder it is refreshing the page and then showing me second placeholder.I m open to hear any other suggestions also if it is not possible through placeholder.

Can anyone tell me how to achieve this?

Thanks,

Answer 1

You could, as suggested, use an UpdatePanel. As long as you ensure that both PlaceHolders exist within the ContentTemplate element, you will be able to switch between the PlaceHolders without the whole page being refreshed.

However, such convenience comes at the cost of control. This isn’t a knock on Microsoft. The same problems exist for most ready-rolled solutions.

Whatever route you choose, you’re going to need something to refresh part of the current page’s DOM. And really, this means Javascript.

Do the actions in PlaceHolder 1 change the content of PlaceHolder 2? If not, you could render both, and simply use CSS to make PlaceHolder 2 invisible on load. You could then use Javascript events to make it visible as desired.

If actions on PlaceHolder 1 do affect PlaceHolder 2, then the above solution won’t work, as you’ll need to work out what PlaceHolder 2 is going to contain before displaying it.

The real question is whether you employ your own Javascript ( possibly in conjunction with a mature js library like mootools or jQuery ), and maybe learn something in the process, or run with the ASP .NET AJAX stuff for the quick solution, and hope you don’t run into any problems.