But I'm using a asp.net master page and inheriting it's body. so my pages
only will have one global body tag.
mkmanning wrote:
>
>
> Unless your only option is to resort to JavaScript, this is something
> you could do with CSS alone, if you put an id or class on the body tag
> for each page and just rely on the CSS hierarchy to change the style
> for each list item. It also has the advantage of working immediately,
> instead of waiting for domready for example, and even works when
> script is disabled, and can reduce code complexity.
>
> CSS:
> body.home ul li.home,
> body.about ul li.about,
> body.contact ul li.contact {
> color:red;
> }
>
> HTML:
>
> <body class="about">
>
> <div id="menu">
> <ul>
> <li class="home"> default.aspx home </li>
> <li class="about"> about.aspx about </li>
> <li class="contact"> contact.aspx contact </li>
> </ul>
> </div>
>
> On Mar 1, 4:53 pm, expresso <dschin...@gmail.com> wrote:
>> I'm trying to do something simple but this is my first stab at doing this
>> in
>> JQuery.
>>
>> <div id="menu">
>> <ul>
>> <li class="current_page_item"> default.aspx
>> home </li>
>> <li> about.aspx about </li>
>> <li> contact.aspx contact </li>
>> </ul>
>> </div>
>>
>> based on the page, change the css. So like doing a window.location and
>> then
>> parse out the url to the page then check. If it's the about.aspx I need
>> to
>> change the li item's css.
>> --
>> View this message in
>> context:http://www.nabble.com/Change-CSS-depending-on-page-you%27re-on-tp2228...
>> Sent from the jQuery General Discussion mailing list archive at
>> Nabble.com.
>
>
--
View this message in context:
http://www.nabble.com/Change-CSS-depending-on-page-you%27re-on-tp22280342s27240p22280750.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
