Load User Control on link click

[Kiki]

Hello,
i'm a newbie on .NET so not even sure what i can and cannot do.
Here's the deal.
I have 2 user controls on a page: one is the left side menu and in the
middle there are some linkable images. What i'd like to do is, instead
of redirecting to a page when a link (from the menu or the image) is
clicked, so load a control on the right of the page that will display
some info, thus allowing the user to have a quick look to decide
whether or not he/she wants to view the page.. Initially, this 3rd
control will be something general and then, after the user selects an
item it will load the appropriate control.
Is this possible?
in short...

<table>
<tr>
<td align="left" width="20%">
<asplaceholder id="ph1" runat="server" />
</td>
<td align="center" width="40%">
<asplaceholder id="ph2" runat="server" />
</td>
<td align="right" width="20%">
<asplaceholder id="ph3" runat="server" />
</td>
</tr>
</table>

private void Page_Load(object sender, System.EventArgs e)
{
LeftMenu leftMenuControl = (LeftMenu) LoadControl
("UserControls/LeftMenu.ascx");
this.ph1.Controls.Add(leftMenuControl);
Control secondControl= (Control )
LoadControl("UserControls/SecondControl.ascx");
this.ph2.Controls.Add(secondControl);
}

i hope this is clear and thank you for your help.

K

 

[Bobby Ryzhy]

You will have to use <div> tags and javascript to make them visible
and not.

example:
<script language="javascript">
<!--
function ShowDiv(divToShow)
{
var objs = document.all;

for (var i=0; i<objs.length; i++)
{
if (objs.id.indexOf('linkDiv') == -1)
{
if (objs.style.visibility == 'visible')
{
objs.style.visibility = 'hidden'
objs.style.display = 'none'
}
}
}

var obj = document.getElementById(divToShow);

if (typeof(obj) != "undefined")
{
obj.style.visibility = 'visible';
obj.style.display = 'block';
}
}
-->
</script>

<div id="Div1" style="DISPLAY: none; VISIBILITY: hidden"
runat="server">
CONTENT
</div>


Bobby Ryzhy
bobby@ name of domain below
http://www.weekendtech.net