Adding mouseover attribute in c# code behind

Question

I'm using ASP.NET and in the code behind I need to add an attribute which makes text2 appear when the user puts the mouse over text1; below is what I currently have.

JS:

function show(name) {
        document.getElementById(name).visible = true;
    }

C#:

text2.Attributes.Add("onmouseover", "show(" + text2.ClientID +")");

HTML:

<asp:HyperLink runat="server" ID="text2" Visible="false"/>
<asp:HyperLink runat="server" ID="text1" rel="external" />

Make sure you don't confuse asp.net server properties with css properties. visibility=true is an asp.net server property, which is resolved before the page is rendered. javascript has no knowledge of these properties — Eric Phillips
– Eric Phillips, Commented Feb 12, 2016 at 16:41

Andrei · Accepted Answer · 2016-02-12 21:59:05Z

3

Two things here:

Visible="false" is not a styling, it is a server-side property. Setting it false means that the control won't be rendered at all. So it won't even exist on the client side, and of course there is no way to access it via javascript. Instead consider assigning a CSS class to it or, at the very least, inline style like style="visibility: hidden"
You want to wrap the id of the control into quotes. Say if your control ends up with id "blah_blah_text2", your javascript will look like
```
show(blah_blah_text2);
```
so js will try to evaluate "blah_blah_text2" as a variable, and will fail of course. Instead you want
```
show('blah_blah_text2');
```
so
```
"show('" + text2.ClientID +"')"
```

Also I am not quite sure what visible = true; stands for. There is no such property in DOM objects as far as I know. Did you actually mean document.getElementById(name).style.visibility = "visible"?

edited Feb 12, 2016 at 21:59

answered Feb 12, 2016 at 16:27

Andrei

56.8k10 gold badges92 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ravimallya Over a year ago

inline style like style="visible: false" is wrong. you've to use either "display:none;" or "visibility:hidden;". the second one will leave the placeholder as it is.

Eric Phillips Over a year ago

Also note his javascript need to be amended to ...document.getElementById(name).style.visibility = 'visible';...

berliner · Accepted Answer · 2016-02-12 16:27:24Z

0

which makes text2 appear when the user puts the mouse over text1; below is what I currently have.

Html title attribute serves this purpose.

Try this:

text2.Attributes.Add("title", text2.ClientID);

answered Feb 12, 2016 at 16:27

berliner

1,9753 gold badges17 silver badges27 bronze badges

Comments

Jamshaid K. · Accepted Answer · 2016-02-12 16:27:26Z

0

Hope You are looking for this:

text2.Attributes.Add("onmouseover", "show('" + text2.ClientID +"')");

answered Feb 12, 2016 at 16:27

Jamshaid K.

4,7534 gold badges31 silver badges49 bronze badges

Collectives™ on Stack Overflow

Adding mouseover attribute in c# code behind

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related