Skip to main content

add css and class dynamically using jquery 

<script>      $(window).on('load', function() {
         // var pathname = window.location.pathname; // Returns path only         var url      = window.location.href;     // Returns full URL         // var origin   = window.location.origin;         var words = url.split('#');         var check=words[1];         // alert(check);         if(check=='how')
         {
            // alert("this is how");            // var element=document.getElementById('how');
            // hownav=display:inline            // how=active            // console.log("yo ho:"+element);            $('#how').addClass('in active');            $('.checkactive4').removeClass('in active');            $("#hownav").css("display", "inline");
            // element.addClass("active");
         }
         if(check=='what')
         {
            $('#what').addClass('in active');            $("#whatnav").css("display", "inline");            // alert("this is what");         }
         if(check=='mission')
         {
            $('#mission').addClass('in active');            $("#missionnav").css("display", "inline");            // alert("this is mission");         }
         if(check=='team')
         {
            $('#team').addClass('in active');            $("#teamnav").css("display", "inline");            // alert("this is mission");         }
         // document.getElementById('')         // alert(check);


         // var pathArray = window.location.pathname.split('/');         // console.log(words);         })
</script>






<body>
<div class="collapse navbar-collapse navbar-left" id="myNavbar">  <ul class="navbar-nav nav" id="myDIV">    <li><a  data-toggle="tab"  class="btn "  href="#mission">OUR MISSION</a><span id="missionnav" style="display:none" class="checkactive"></span></li>    <li><a  data-toggle="tab" class="btn "   href="#how"> HOW WE WORK?</a><span id="hownav" style="display:none" class="checkactive2"></span></li>    <li><a  data-toggle="tab" class="btn"  href="#what">WHAT WE DO?</a><span id="whatnav" style="display:none" class="checkactive3"></span></li>    <li><a  data-toggle="tab" class="btn" href="#team">TEAM</a><span  style="display:none" id="teamnav" class="checkactive4"></span></li>  </ul>
</div>


</body>

Comments

Post a Comment

Popular posts from this blog

Installing Admin LTE in Laravel

step 1:  Reference---  https://hdtuto.com/article/laravel-56-adminlte-bootstrap-theme-installation-example Step 2 : after completion first reference view this link:    https://github.com/JeroenNoten/Laravel-AdminLTE step 3:  For more additional information view this link:   https://github.com/jeroennoten/Laravel-AdminLTE#2-updating Now you are done statically : https://adminlte.io/blog/integrate-adminlte-with-laravel Steps: 1:  composer require jeroennoten/laravel-adminlte 2: 'providers' => [ .... JeroenNoten\LaravelAdminLte\ServiceProvider::class, ], 3: php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=assets 5: php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=config 6: php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=views 7: for admin pannel php artisan ...
Post a Comment
Read more

Integration of adminlte admin pannel in laravel 6 adn above

Create new laravel project : laravel new projectname --auth Steps to integrate admin pannel i.e. adminlte 1.  composer require jeroennoten/laravel-adminlte 2.  php artisan adminlte:install 3.  php artisan adminlte:install --only=auth_views 4. php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\AdminLteServiceProvider" --tag=views Filemanager: https://unisharp.github.io/laravel-filemanager/installation 1.  composer require unisharp/laravel-filemanager:~1.8 php artisan vendor:publish --tag = lfm_config php artisan vendor:publish --tag = lfm_public 3.  php artisan route:clear php artisan config:clear you will get a problem regarding file relode after upload and to solve do this fix it on vendor\unisharp\laravel-filemanager\src\Controllers\UploadController.php replace line 60 return count($this->errors) > 0 ? $this->errors : parent::$success_response; by return count($this->errors) > 0 ? ...
Post a Comment
Read more

Setting and Getting Cookie and Session in laravel

First of all lets discuss many ways to set cookies inside controller : $response = new Response ( redirect ( 'news' )); //$minute=5; // $response->withCookie(cookie('name', 'virat', $minutes)); $response -> withCookie ( cookie ()-> forever ( 'news_id' , $newsid )); return $response ; // or // Cookie::queue('news_id', $news_id, 15); // return redirect('news'); // or // return redirect('news')->withCookie(cookie('name', 'virat', $minutes)); use Illuminate\Support\Facades\ Request ; use Illuminate\Http\ Response ; use Illuminate\Support\Facades\ Cookie ; To get cookies: inside controller $val = Request :: cookie ( 'news_id' ); // dd($val); $v = Cookie :: get ( 'news_id' ); // dd($v); or $value = $request -> cookie ( 'name' ); in blade: {{ Cookie :: get ( 'news_id' ) }} Now lets see for session: Ref...
Post a Comment
Read more