Add Active Class Dynamically In Naviagtion Menu Using Bootstrap 4 & PHP

Показать описание

Hello guyz! In this video I'm showing you how to set active class on the navigation link dyanamically using Bootstrap 4 and PHP.

If you like my works and my video tutorials then you can donate me some amount. You can donate through these links :

Thanks for watching this video. If you like this video then hit like button, share this video, And Subscribe my Channel. Also like my Facebook page for latest updates.

-~-~~-~~~-~~-~-
Please watch: "#1 Payment Gateway Integration Using PHP (Instamojo) | Introduction Video"
-~-~~-~~~-~~-~-

Рекомендации по теме

Комментарии

i love avoiding javascript and jqerry using simple php echo to output into the html whatever i want is freeing, amazing...thanks for keeping it simple

glent

hello my friend, congratulations for the video, great explanation, it helped me a lot.

fabiosanchez

Hi! Thanks for this, i tryed to make this work for a week. Realy thanks!

henchit

Now, how do you get that styling for the ".active" link? I see that becomes white, but how do you get it? I didn't see any CSS in your design. So that "active" style comes from bootstrap CSS?

toma

hi, if a link having menu at that time what will happen.

bejjankipradeepkumar

Hello dear, very good video, now I have two queries, first, with a single if you solve the problem, logically, if it is the same, you add the class "active" and if it is not, you do not even launch the else. On the other hand, if I have a menu of 30 items, isn't it counterproductive to make a conditional for each of them? Wouldn't it be better to do it with pure javascript and go through the items or listen to the click event? Well I really liked the idea, greetings and thanks!

NicoILeone

how to have other active link like that of home?

prashantbhatta

this my solution, you can use MVC concept and like this

<?= (App::$page == 'kegiatan') ? 'active' : '' ?>

App class for handle the url
$page is static variable that contain the controller variable

aibnu

Add Active Class Dynamically In Naviagtion Menu Using Bootstrap 4 & PHP

How to add active class dynamically in Angular 16?

157 ASP .NET MVC - Add Active Class Dynamically to the Active Links in Menu

How to Dynamically Add an Active Class in React JS

How to Dynamically Add Active Class to Navigation Links Based on URL

Add Active Class Dynamically In Naviagtion Menu Using Bootstrap 4 & PHP

Add Remove Active Class Based On Url | Add Active Class Dynamically In Naviagtion | Php

2 - Setting active class for menu items dynamically in laravel

Dynamically Add/Remove Active class using Javascript.

Wordpress: How to add active class dynamically?

157 - Add Active Class Dynamically to the Active Links in Menu

Adding active class to navbar items dynamically in django! Django Tips #1

Add Active Class Dynamically in Navigation Menu in PHP | Personal Portfolio Website | PHP in Hindi

Dynamically add remove active class using javascript

Active Nav Link Indicator with Vanilla Javascript

Dynamically Add or Remove CSS Class using JavaScript | Add and Remove Class JavaScript

Advance Bootstrap Tutorial With PHP #14 Adding The Class Active Dynamically In The Menu

#14 Adding classes dynamically | Getting Started with React | A Complete React Course

4 ways to dynamically add classes in Angular

CSS how to add multiple classes dynamically with JavaScript

Create Bootstrap Tabs Dynamically using jQuery

Enhance Your Angular Application: Adding CSS Classes Dynamically

How to Add CSS Classes Dynamically in React JS | React JS Tutorial in Hindi #23

How to add CSS class to element dynamically in JavaScript

How to add CSS dynamically in JavaScript tutorial for beginners