CodeKhel

 5वी और 8वीं बोर्ड का रिजल्ट जारी कर दिया गया है✅ https://rajshaladarpan.nic.in/Class5th_8thExam/Home/ResultClassVth_VIIIth2022.aspx 👉 राजस्थान बोर्ड 5वी क्लास का रिजल्ट यहां से चेक करें https://rajshaladarpan.nic.in/Class5th_8thExam/Home/ResultClassVth_VIIIth2022.aspx 👉 राजस्थान बोर्ड 8वी क्लास का रिजल्ट यहां से चेक करें https://rajshaladarpan.nic.in/Class5th_8thExam/Home/ResultClassVth_VIIIth2022.aspx

paste below code in header or footer  to apply on all pages else paste in particular pages. $(window).on('load',function(){ $("#header-wrap").hide();   $('body').addClass('header-collapsed');   $(".arrow-icon").toggleClass("open");     //leftsidebar collapsed or minisidebar $("body").addClass('sidebar-collapse'); })

https://dzone.com/articles/angular-5-material-design-login-application https://www.positronx.io/create-login-ui-template-with-angular-8-material-design/ https://gist.github.com/tarikguney/83cdae881f74b1addce8f3236f503379 Material icons https://material.io/resources/icons/?icon=menu&style=baseline Angular Material 8 Tutorial: Build Navigation UI with Toolbar and Side Navigation Menu==> https://www.techiediaries.com/angular-material-navigation-toolbar-sidenav/ MatListNav Menu Item with more button=> https://stackblitz.com/edit/mat-list-nav-menu-item-jnjdxb?file=app%2Fapp.component.html how to create a nested menu using angular mat-nav material? (updated)=> https://stackoverflow.com/questions/56054770/how-to-create-a-nested-menu-using-angular-mat-nav-material-updated does angular material have a grid system?

https://stackoverflow.com/questions/49170893/how-to-export-angular-material-table-to-excel-or-pdf-or-csv https://stackblitz.com/edit/mte-demo

Open settings.json file and write below code ==>      // Whether git is enabled. "git.enabled" :  false ,      // Path and filename of the git executable, e.g. `C:\Program Files\Git\bin\git.exe` (Windows). "git.path" :  null , // When enabled, commits will automatically be fetched from the default remote of the current Git repository. "git.autofetch" :  false ,

Install tools Git -  https://git-scm.com Node.js -  https://nodejs.org . Please note the  version  should be  >=8 Npm - Node.js package manager, comes with Node.js. Please make sure npm  version  is  >=5 Download the code When you completed tools setup, you need to download the code of ngx-admin application. The easiest way to do that is to clone GitHub repository: Open  cmd prompt  and run the below command:==>  git clone https://github.com/akveo/ngx-admin.git After clone is completed, you need to install npm modules:  cd ngx-admin && npm i   run a local copy   npm start 

<div class="col-md-3">   <div class="form-group" >     <label for=" " class="ProLabel1">Stage</label>     <div class="ProInput1">       <input type="radio" onclick="preshow()" name="prepost"    value="pre" >Pre Chargesheet       <input  type="radio" onclick="postshow()" name="prepost" value="post">Post Chargesheet     </div>   </div> </div> <script> $(function(){     $('input[name="prepost"]').click(function(){         var $radio = $(this);         // if this was previously checked         if ($radio.data('waschecked') == true)         {             $radio.prop('checked', false);             $radio.data('waschecked', false);         }   ...

To focus on first input box $(function(){ $("input")[0].focus(); }); To focus on second input box $(function(){ $("input")[3].focus(); }); To focus on a particular id of input box $(function(){ $("id1")[0].focus(); });

Parent component to child component interaction Child1 Component child1.component.ts => import  {  Component ,  OnInit ,  Output ,   EventEmitter  }  from   '@angular/core' ; @ Component ({   selector:  'app-child1' ,   templateUrl:  './child1.component.html' ,   styleUrls: [ './child1.component.css' ] }) export   class   Child1Component   implements  OnInit {   @ Output ()  public  childUsername  =   new   EventEmitter ();    fireEvent (){      this . childUsername . emit ( 'Hey! This is the Child component' );   }    constructor () { }    ngOnInit () {   } } child1.component.html => < div   class = "text-danger bg-success text-right mt-2 mb-2" ...

Parent component to child component interaction Parent Component parent.component.ts => import  {  Component ,  OnInit  }  from   '@angular/core' ; @ Component ({   selector:  'app-parent' ,   templateUrl:  './parent.component.html' ,   styleUrls: [ './parent.component.css' ] }) export   class   ParentComponent   implements  OnInit {  username :any   =   'this is the parent child' ;    constructor () { }    ngOnInit () {   } } parent.component.html => < div   class = "text-center  bg-primary text-white p-1 m-2" >    < H3 > PARENT TO CHILD COMPONENT COMMUNICATION  </ H3 >    < app-child   [uname] = 'username' >   </ app-child > </ div > ...

Custom Age Pipe with source code implemetation==>   Create age pipe in pipes fder by following command in command terminal ng g p pipes/age age.component.ts => DateOfBirth =   new   Date ( '01/07/1990'  ); age.pipe.ts => import  {  Pipe ,  PipeTransform  }  from   '@angular/core' ; @ Pipe ({   name:  'age' }) export   class   AgePipe   implements  PipeTransform {    transform (value :   any ) :   any  {      console . log ( "print age pipe = "   +   value );      let   currentDate :any   =   new   Date (). getFullYear ();  // 2019      let   birthYear :any   =   new   Date ( value ). getFullYear ();      let   ageofMan :any   =    currentDate   - ...

Steps to delete a component in Angular Remove the import line reference from Angular  app.module.ts  file. Remove the component declaration from @NgModule declaration array in  app.module.ts  file And then manually delete the component folder from Angular project. Finally Delete all the references of component manually from the Angular project. In Angular CLI,there is no command available to delete a component created by Angular CLI as of now. There is no ng delete component command as part of Angular CLI.

First get sharable link grom google Drive , by right click on that file, you will get link like below:  drive.google.com/open?id=111111111 111111111 is the sample fileid. you have to convert this link to like: https://drive.google.com/ uc?export=download&id =111111111  In above line we just replaced  open?id by  uc?export=download&id   

<div class="container"> <p>Click to open div on radio button  </p>   <label class="radio-inline"><input type="radio" name="tab" value="igotnone" onclick="show1();" /> None</label>   <label class="radio-inline"><input type="radio" name="tab" value="igottwo" onclick="show2();" /> Two</label> <div id="div1" class="hide">   <hr><p>Okay Cool! Here is the DIV1...</p> <div class="card" style="width:400px">     <img class="card-img-top" src="https://www.w3schools.com/bootstrap4/img_avatar1.png" alt="Card image" style="width:100%">     <div class="card-body">       <h4 class="card-title">John Doe</h4>       <p class="card-text">Some example text...

page1.php     //store value in session <?php session_start(); $_SESSION['myValue1']=$_GET['cctnspsid']; $_SESSION['myValue2']=$_GET['dairyDate']; $_SESSION['myValue3']=$_GET['srno']; ?> page2.php   // use session value in another page <?php session_start(); echo $_SESSION['myValue1']; session_destroy(); ?>

 $(document).ready(function(){     $('.modal').on('hidden.bs.modal', function (e) {       $(this)       .find(" input[type=text], textarea,select").val('').end()         .find("input[type=checkbox], input[type=radio]").prop("checked", "").end()         /*remove error field when modal close     */         .find(".has-error").removeClass("has-error").end()     .find(".has-success").removeClass("has-success").end()     .find(".FeRror").empty().end();         })     })

function resetData(){ $("#selectorId").find(".has-error").removeClass("has-error"); $("#selectorId").find(".has-success").removeClass("has-success"); $("#selectorId").find(".FeRror").empty(); } /////////////////////////// $('form[name="myform"] input:reset').click(function () {     $('form[name="myform"]')         .find(':radio, :checkbox').removeAttr('checked').end()         .find('textarea, :text, select').val('')           return false; }); //////////////////universe function/////////////// <button type="reset" class="btn btn-primary" onclick="resetDataCaseFrwrd(this)">Clear</button> function resetDataCaseFrwrd(obj){ $(obj).closest("form").find(".has-error").removeClass("has-error"); $(obj).closest("form").f...

=========================================== You may try this one also==> npm install ng update and finally npm update

 unhighlight : function(element,errorClass, validClass) {                         if ($(element).parent().hasClass('has-error')) {                           $(element).parent().addClass("has-success").removeClass("has-error");                           $(element).next('.FeRror').css('display','none');                         }                                              //console.log($(element).val());                                            //console.log($(element).val() == "");       ...

<form name="MovieSurvey" id="formId" action="page2.php" method="post">     <fieldset id="q8">         <legend class="Q8"></legend>         <label class="question">What are your favourite genres of movies?<span>*</span>         </label>         <div class="fieldset content">             <ul class="checkbox-grid">                 <li>                     <input type="checkbox" name="q8[]" value="Action">                     <label for="checkgenre[]">Action</label>                 </li>                 <li>            ...