DIV onclick

Question

0.00/5 (No votes)

See more:

Hi,

I have a div tag with an anchor tag within that. When I click on the div tag, I want the background colour and font colour to change. Although I have read a few posts on this, Iam unable to get a working solution.

Appreciate any help. Thank you all.

XML

<div class="select" style="top: 224px"><a href="ATSSearch.aspx">Search Applications</a></div>

Posted 26-Sep-10 15:38pm

sunainanz

Add a Solution

1 solution

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)

Al-Farooque Shubho · Answer 1 · 2010-09-26T18:44:00

Solution 1

XML

<head runat="server">
    <title></title>
    <script language="javascript">
        function ChangeDiv(div) {
            div.style.backgroundColor = '#cccccc';
            document.getElementById("lnkSearch").style.color = "#000000";
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div onclick="ChangeDiv(this)" class="select" style="top: 224px"><a href="#" id="lnkSearch">Search Applications</a></div>
    </form>
</body>

Posted 26-Sep-10 18:44pm

Al-Farooque Shubho

Comments

sunainanz 27-Sep-10 21:01pm

Thanks for the answer. The div changes backgound colour until the muose is clicked and when the postback takes place, it goes back to original colour defined in class='select'. any thoughts ?? :(

sunainanz 27-Sep-10 21:13pm

but, if I click outside of the a link but within the div, it works. I use the link only to navigate.

Al-Farooque Shubho 27-Sep-10 23:04pm

If turns out that you want the div background color and font color to be changed only if user clicks the hyperlink. In that case, you should change the hyperlink color using the css style property a:visited (You can Google how to do this), and, you should change the div background color in the CodeBehind (By setting a Div "ID" and runat="server" attribute)