How can i changed background colour when page is active?

Question

1.00/5 (1 vote)

See more:

XML

<div class="sup_nav alignleft" id="add">
                <ul>
                    <li class="one"><a href="../MasterData/AddEditCitizen.aspx" class="top"><span></span>
                        Main Menu</a></li>
                    <li class="two"><a href="../MasterData/ListClient.aspx" title="Setup Client"><span
                        class="menu1"></span>Setup Client</a></li>
                    <li class="three"><a href="../MasterData/ListCountry.aspx" title="Setup Country"><span
                        class="menu2"></span>Setup Country</a></li>
                    <li><a href="../MasterData/ListState.aspx" title="Setup State"><span class="menu3"></span>
                        Setup State</a></li>
                    <li><a href="../MasterData/ListCity.aspx" title="Setup City"><span class="menu4"></span>
                        Setup City</a></li>
                    <li><a href="../MasterData/ListTown.aspx" title="Setup Town"><span class="menu4"></span>
                        Setup Town</a></li>
                    <li><a href="../MasterData/ListBooth.aspx" title="Setup Booth"><span class="menu4"></span>
                        Setup Booth</a></li>
                    <li><a href="../Project/ListProject.aspx" title="Setup Project"><span class="menu6">
                    </span>Setup Project <em></em></a>
                        <ul>
                            <li><a href="#" title="Setup Milestone">Setup Milestone</a></li>
                            <li><a href="#" title="Setup Task">Setup Task</a></li>
                            <li><a href="#" title="Setup Sub-Task">Setup Sub-Task</a></li>
                            <li><a href="#" title="First varifiaction">First varifiaction</a></li>
                            <li><a href="#" title="Enter Candidate">Enter Candidate</a></li>
                            <li><a href="#" title="Organize Election">Organize Election</a></li>
                        </ul>
                    </li>
                    <li><a href="../Team/SetupTeam.aspx" title="Setup Team"><span class="menu7"></span>Setup
                        Team <em></em></a>
                        <ul>
                            <li><a href="../Team/AddTeamMembers.aspx" title="Assign Team Members">Assign Team Members</a></li>
                            <li><a href="../Team/AddTeamBooth.aspx" title="Assign Team booth">Assign Team booth</a></li>
                            <li><a href="#" title="Assign Task">Assign Task</a></li>
                        </ul>
                    </li>
                    <li><a href="#" title="Setup Political party"><span class="menu8"></span>Setup Political
                        party</a></li>
                    <li><a href="#" title="Candidate entry"><span class="menu9"></span>Candidate entry</a></li>
                    <li><a href="../Enrollment/CitizenEnrollment.aspx" title="Citizen entry"><span class="menu9">
                    </span>Citizen Enrollment</a></li>
                    <li><a href="#" title="Voting"><span class="menu10"></span>Voting</a></li>
                </ul>
            </div>

Posted 26-Dec-12 20:14pm

Ashish Rathod

Add a Solution

Comments

Sergey Alexandrovich Kryukov 27-Dec-12 2:21am

What is "active"? Do you mean the Web browser window activated? And what if the user put it in a tab?

I don't think it makes sense; and I don't think this is possible. This is some client-only detail not accessible by Web application. And this is good. Leave a user to be a master of her/his environment.

—SA

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)

vbmike · Answer 1 · 2012-12-27T04:07:00

Directly from jquery.com is an example for you:

JavaScript

<script> 
$("div").click(function () { 
  var color = $(this).css("background-color"); 
  $("#result").html("That div is <span style="color:" + <br mode="hold" />                     color + ";">" + color + "</span>."); 
}); 
 
</script>

Visit the site for the entire example.