By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,473 Members | 3,229 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,473 IT Pros & Developers. It's quick & easy.

Make panels visible and invisible.

P: n/a
Hello,

i have 5 panels in an ASP.net / VB page.
The panel 1 is visible the other 4 are NOT visible.

I also have 5 images: image 1, image 2, ..., image5.

When i click one of the images, image N, the panel N becomes visible and
all the other invisible.

Can you tell me how shoudl the script be and how should be the image code
be?

Thank You,
Miguel
Nov 18 '05 #1
Share this Question
Share on Google+
4 Replies


P: n/a
"Miguel Dias Moura" <we****@27NOSPAMlamps.com> wrote in message
news:uG**************@TK2MSFTNGP11.phx.gbl...
Hello,

i have 5 panels in an ASP.net / VB page.
The panel 1 is visible the other 4 are NOT visible.

I also have 5 images: image 1, image 2, ..., image5.

When i click one of the images, image N, the panel N becomes visible and
all the other invisible.

Can you tell me how shoudl the script be and how should be the image code
be?


Miguel,

This is pretty basic JavaScript. You should probably pick up a beginners
book on JavaScript.

Otherwise, if you're having a particular problem with this, please let us
know.
--
John Saunders
johnwsaundersiii at hotmail
Nov 18 '05 #2

P: n/a
"Miguel Dias Moura" <we****@27NOSPAMlamps.com> wrote in message
news:uG**************@TK2MSFTNGP11.phx.gbl...
Hello,

i have 5 panels in an ASP.net / VB page.
The panel 1 is visible the other 4 are NOT visible.

I also have 5 images: image 1, image 2, ..., image5.

When i click one of the images, image N, the panel N becomes visible and
all the other invisible.

Can you tell me how shoudl the script be and how should be the image code
be?


Miguel,

This is pretty basic JavaScript. You should probably pick up a beginners
book on JavaScript.

Otherwise, if you're having a particular problem with this, please let us
know.
--
John Saunders
johnwsaundersiii at hotmail
Nov 18 '05 #3

P: n/a
Dear Miguel,

Play something with the style.display property with javascript... Are the
panels div's? When so, try with javascript the following:

divid.style.display = "none"; // sets an element at invisible, it will not
rendered by the engine.
divid.style.display = "block"; // or display="inline", do some experience
with it --> this makes the element visible, so the engine renders it.

take care that you set the display-property of all other panel on the
opposed value of the panel wich have to be made visible. implement this code
from the OnClick-event...

I hope that this helps you in the right direction.

kind regards,
Henrik
"Miguel Dias Moura" <we****@27NOSPAMlamps.com> schreef in bericht
news:uG**************@TK2MSFTNGP11.phx.gbl...
Hello,

i have 5 panels in an ASP.net / VB page.
The panel 1 is visible the other 4 are NOT visible.

I also have 5 images: image 1, image 2, ..., image5.

When i click one of the images, image N, the panel N becomes visible and
all the other invisible.

Can you tell me how shoudl the script be and how should be the image code
be?

Thank You,
Miguel

Nov 18 '05 #4

P: n/a
Or, you can accomplish this on the server-side, if you would prefer not
to write a client script.

Convert the images to asp:imagebutton, bind a Click event to those
buttons, and in each method that is bound to the click even set the
visible property of the panels:

For example

Image button 1 click:

Panel1.Visible = true;
Panel2.Visible = false;
Panel3.Visible = false;

Image button 2 click:

Panel1.Visible = false;
Panel2.Visible = true;
Panel3.Visible = false;

etc. etc.

ib.
Henrik de Jong wrote:
Dear Miguel,

Play something with the style.display property with javascript... Are the
panels div's? When so, try with javascript the following:

divid.style.display = "none"; // sets an element at invisible, it will not
rendered by the engine.
divid.style.display = "block"; // or display="inline", do some experience
with it --> this makes the element visible, so the engine renders it.

take care that you set the display-property of all other panel on the
opposed value of the panel wich have to be made visible. implement this code
from the OnClick-event...

I hope that this helps you in the right direction.

kind regards,
Henrik
"Miguel Dias Moura" <we****@27NOSPAMlamps.com> schreef in bericht
news:uG**************@TK2MSFTNGP11.phx.gbl...
Hello,

i have 5 panels in an ASP.net / VB page.
The panel 1 is visible the other 4 are NOT visible.

I also have 5 images: image 1, image 2, ..., image5.

When i click one of the images, image N, the panel N becomes visible and
all the other invisible.

Can you tell me how shoudl the script be and how should be the image code
be?

Thank You,
Miguel


Nov 18 '05 #5

This discussion thread is closed

Replies have been disabled for this discussion.