echo - PHP echoActiveClassIfRequestMatches - link not active -
i have added php code nav bar keep links active when nav bar links clicked on. when navigate page via www.something.com idex.php or home page not activate
what can when visitor arrives @ website that index.php or home page class="active"
enter code here<?php function echoactiveclassifrequestmatches($requesturi) { $current_file_name = basename($_server['request_uri'], ".php"); if ($current_file_name == $requesturi) echo 'class="active"'; } ?> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand visible-sm" href="#"><img src="assets/images/all.gif" style="padding-bottom:5px;" alt="" height="35em"></a> <div class="nav-collapse collapse"> <ul class="nav navbar-nav"> <li <?=echoactiveclassifrequestmatches("index")?>><a href="index.php">home</a></li> <li <?=echoactiveclassifrequestmatches("about")?>><a href="about.php">about us</a></li> <li <?=echoactiveclassifrequestmatches("services")?>><a href="services.php">our services</a></li> <li <?=echoactiveclassifrequestmatches("contact")?>><a href="contact.php">contact</a></li> </ul> </div><!--/.nav-collapse --> </div> </div>
the :active css class pseudo class, ie. class cannot attributed hand. if wish have link highlighted when corresponds current page, must hand. code fine way is, have define css rules make link highlight.
somewhere in css file (or in style section of html), need rule following:
a.active { color: red; } the a.active css selector indicating wish apply rules within brackets a tags active class. can generalize tag class removing a. want replace css rules ones matching website style.
see confused css pseudo-class :active details on :active pseudo class.
perhaps should pick different name "active" ad-hoc class, avoid confusion (maybe "current-page").
Comments
Post a Comment