Show and hide div with element from code behind

Question

0.00/5 (No votes)

See more:

C#

hi every body 
i want to switch between two divs on mouse over using code behind i try this but no way
how it can be done ???
this is my code
 
< div id = "myDiv" runat = "server" >
< p > triallllllll </ p >
</ div >
 
< div id = "myDiv2" runat = "server" >
< p > triallllllll </ p >
</ div >
 
 
in code behind by default 
myDiv.Style.Add("display", "");
 
how can i make mydiv hidden and mydiv2 is visible on mouse over ???
my page is inherted from masterpage

What I have tried:

< div id = "myDiv" runat="server" >
< p > triallllllll br mode="hold" />br mode="hold" />
< div id = "myDiv2" runat="server" >
< p > triallllllll br mode="hold" />br mode="hold" />

myDiv.Style.Add("display", "");

Posted 6-Apr-16 18:15pm

MR.alaa

Updated 6-Apr-16 20:07pm

Add a Solution

Comments

Sergey Alexandrovich Kryukov 7-Apr-16 0:21am

It probably would be the worst idea to do it in code behind. Better do it in JavaScript. Or do the visibility criteria depend on some server-side calculations? But probably not; you are talking about mere mouse manipulations. And that's quite trivial.
—SA

Karthik_Mahalingam 7-Apr-16 0:46am

try using javascript or jquery,its quite simpler.

Raghuveer Kasyap 7-Apr-16 0:58am

Try accessing the Div from the Code behind.

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Beginner Luck · Answer 1 · 2016-04-06T20:01:00

Solution 1

Long answer short, You cannot do it.
But you could use asp panel instead of div. It will appear have same result and panel be use by code behide.

code:
Panelid.Visible == false;

How to hide and show a panel in a web page using Visual Studio 2013 Express for Web - YouTube[^]

Posted 6-Apr-16 20:01pm

Beginner Luck

Sagar Haridas Shinde · Answer 2 · 2016-04-06T20:07:00

Solution 2

Use javascript coding

Refer below link

http://www.codeproject.com/Questions/622300/div-hide-show-using-javascript

Posted 6-Apr-16 20:07pm

Sagar Haridas Shinde

Comments

MR.alaa 7-Apr-16 4:52am

i need to do it in mouseover and mouse leave

Sagar Haridas Shinde 7-Apr-16 5:01am

Call Javascript on mouseover and mouseleave for ex. onmouseover="showstuff(this.id)" and onmouseleave="hidestuff(this.id)" also also we can use "document.getElementById ("your_control_id");" to get your element Id