show and hide div with element from code behind

MR alaa

10y11.4k.NET

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

< div id = "myDiv2" runat = "server" >

< p > triallllllll

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

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

MR alaa10y ago
thanks for reply i try it it works correctly but when i use it in acomplete dive it doesnt work this is my div

hiiiiiiiii

first infoooooooooooooooooo

some info there

Meee

any data

hiiiiiiiii

first infoooooooooooooooooo

some info there

Meee

helloooo

when i use
myDiv.Attributes.Add("onmouseover", "this.style.visibility = 'hidden'; document.getElementById('myDiv2').style.visibility = 'visible'");

myDiv.Attributes.Add("onmouseout", "this.style.visibility = 'visible'; document.getElementById('myDiv2').style.visibility = 'hidden'");
no way it works with only part of the div suppose it hid frist div with its content and the other dive shown and visevarse
Manas Mohapatra10y ago
Updated the previous answer. Please check it again.
MR alaa10y ago
i need to when the mouse over mydiv become hidden and mydiv2 become visible when the mouse out mydiv2 hidden and mydiv visible and so on not in click or other only on mouseover or out thanks for reply and help
Manas Mohapatra10y ago
Try with below code:

ASPX Code:
<div id = "myDiv" runat = "server">
<p> triallllllll p>
div>

<div id = "myDiv2" runat = "server">
<p> triallllllll p>
div>
Code-behind code:
myDiv.Attributes.Add("onmouseover", "this.style.visibility = 'hidden'; document.getElementById('myDiv2').style.visibility = 'visible'");

myDiv.Attributes.Add("onmouseout", "this.style.visibility = 'visible'; document.getElementById('myDiv2').style.visibility = 'hidden'");
Vivek Bansod10y ago
I would say - try use JQuery/JS script for this and if you still want to handle this from code behind then also you need to manipulate JS code from code behind.

Not sure if you can handle this using core C# code.

http://www.aspdotnet-suresh.com/2013/04/jquery-show-div-hide-div-toggle-div.html
http://stackoverflow.com/questions/19288428/how-to-write-this-javascript-coding-in-c-sharp-code-behind

show and hide div with element from code behind

hiiiiiiiii

any data

hiiiiiiiii

helloooo