use javascript to change the color for mouseover

[sajjy]

you know these codes should be rendered and then goes to the client , so if there was some thing unknown goes directly to client ;) so test this one :

link button

[sajjy]

oops my text came half !!! :-D and add this one to java script:

NewID.style.backgroundColor = 'yourcolor';

[Seraph_summer]

thanks, unfortunately, no .style is supported by NewID. it is strange that you can use .style?? I am using visual web developer 2008 express. oh, unbelievable, when I type NewID.style.backgroundColor ="Blue", it does work! but strange is that: when I type NewID. then all the functions within NewID should be automatically appear, but .style can not be found anyway. do you know the reason? a bug or sth else?

[sajjy]

:laugh: yes i know it`s like this ;) i have visual studio enterprise , and it`s not supported very well here too !:mad: but i think that on express mode many of features are not working :suss: i think that just some stupid coder like me can Use these old "dhtml" commands ! but any how i love dhtml an i use it any where ;P

[Seraph_summer]

thanks, further question, as you know, I can solve this problem as follows, but I have many linkbuttons, should I write different funcitons for different buttons, because the button ID is used in the funcitons, how can I write one common function which can be used by all buttons by passing the ID or sth else? function LinkBtnMouseOver() { var LinkClientID = "<%=LinkButton1.ClientID%>"; var NewID = document.getElementById(LinkClientID); NewID.style.backgroundColor = "Blue"; } function LinkBtnMouseOut(obj) { var LinkClientID = "<%=LinkButton1.ClientID%>"; var NewID = document.getElementById(LinkClientID); NewID.style.backgroundColor = "Green"; }

[sajjy]

ex me because it`s late night here , and i must go to bed ;) you can use something like this :

link button

and change yur javascript to this mode :

function LinkBtnMouseOver(e) {
document.getElementById(e).style.backgroundColor = 'Blue';
}

function LinkBtnMouseOut(e) {
document.getElementById(e).style.backgroundColor = 'Green';
}

or maybe it works directly on your asp page totaly like this new one : :sigh:

<asp:LinkButton ID="LinkButton1" runat="server" onmouseover="this.style.backgroundColor = 'Blue';" onmouseout="this.style.backgroundColor = 'Green';">link button

hope that it works :rolleyes:

[sajjy]

one other thing ;) if you found my postes helpful rate them !!! :-D

[Abhishek Sur]

Why do you need javascript when there is no need. Javascript is slower than actual CSS AFAIK. Just a simple fix for you. In Head section Add

<style type="text/css">
.lnk
{
	background-color:Green;
}
.lnk:hover
{
	background-color:Aqua;
}
</style>

Now inside Form create these

<asp:LinkButton CssClass="lnk" runat="server" >This is link
</asp:LinkButton>

Now see it should be working. Make appropriate alteration on the CSS. :rose::rose:

Abhishek Sur

---

My Latest Articles **Create CLR objects in SQL Server 2005 C# Uncommon Keywords Read/Write Excel using OleDB

**Don't forget to click "Good Answer" if you like to.

[Seraph_summer]

thank you very much! I have rated 5!

[Seraph_summer]

have you tried by yourself? anyway, it does not work for my case, that's why I am looking for other methods.

[Abhishek Sur]

Yes .. I did check myself. I have already replied to some other guy in this forum about this. If you need me to send you the web page which render this, I can do that.:rose:

Abhishek Sur

---

My Latest Articles **Create CLR objects in SQL Server 2005 C# Uncommon Keywords Read/Write Excel using OleDB

**Don't forget to click "Good Answer" if you like to.