Another thing I don't get is why everyone says JavaScript is not ideal. I mean are we all really still worrying about users not having JS turned on in the year 2009 when almost half the sites or more have JS reliant controls and functions on the page?
expresso wrote: > > Thanks much for clarifying..! > > mkmanning wrote: >> >> >> Since it's not a regex, it doesn't matter for the substring if >> it's .asp or .aspx (or .as or .a for that matter). Any of those will >> do. >> >> On Mar 1, 10:17 pm, expresso <dschin...@gmail.com> wrote: >>> I see now. Yea, strip out the .aspx (asp is classic, nobody uses that >>> anymore) >>> >>> then take the page name and set the css to whatever element that has >>> that ID >>> as the page name's CSS. >>> >>> thought about that, and to me that's the best way to to it if going the >>> javaScript route. thanks a lot! >>> >>> >>> >>> mkmanning wrote: >>> >>> > When a user clicks a hyperlink, a new page loads and the code example >>> > I gave executes -- on the new page ondomready. It never executed on >>> > the click. That's why it's extracting the pathname from the location >>> > object. >>> >>> > On Mar 1, 10:05 pm, expresso <dschin...@gmail.com> wrote: >>> >> I'm saying this: >>> >>> >> 1) User clicks a hyperlink, it calls that javascript method which >>> sets >>> >> some >>> >> css class >>> >> 2) user is redirected to whatever page that hyperlink represented >>> >> 3) you just lost the css that you changed when the user clicked the >>> >> hyperlink >>> >>> >> mkmanning wrote: >>> >>> >> > I'm not sure what you mean by losing the CSS value? If you load a >>> new >>> >> > page, the CSS loads (preferably in an external stylesheet), and the >>> >> > JavaScript executes ondomready (the JavaScript would have to be on >>> >> > every page, or preferably included in an external file also). From >>> >> > your example markup, each page has it's own unique pathname, so why >>> >> > would you 'send' something in the querystring as opposed to the >>> >> > suggested solution? >>> >>> >> > By 'subtext' I assume you mean subnavigation; that can be handled >>> the >>> >> > same way. >>> >>> >> > On Mar 1, 8:17 pm, expresso <dschin...@gmail.com> wrote: >>> >> >> Problem with the JavaScript is that you loose the css value after >>> >> you're >>> >> >> redirected to whatever page. You'd have to obviously have to >>> either >>> >> do >>> >> >> some >>> >> >> if statements to check which .aspx page y ou went to or send the >>> id of >>> >> >> the >>> >> >> anchor over in a querystring then grab it in JavaScript to set it >>> >> again >>> >> >> once >>> >> >> you get to that page or else you loose the css that you set due to >>> >> >> redirect >>> >> >> oviously. >>> >>> >> >> mkmanning wrote: >>> >>> >> >> > You can do still do it with asp: >>> >>> >> >>> >http://stackoverflow.com/questions/188124/programmatic-solution-to-ch... >>> >>> >> >> > Or if you really want to use JavasScript, the same solution >>> above >>> >> >> > applies: >>> >>> >> >> > var pathname = window.location.pathname; >>> >> >> > pathname = pathname.substring(pathname.lastIndexOf('/') >>> >> >> > +1,pathname.indexOf('.asp')) >>> >> >> > $('body').addClass(pathname); >>> >>> >> >> > On Mar 1, 5:47 pm, expresso <dschin...@gmail.com> wrote: >>> >> >> >> 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-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-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-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-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-tp22280342s27240p22282887.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
