Rameshwar-ghodke

// css
      <style>.cloimg{position: absolute;top: 0;right: 22px;font-size: 36px;opacity: 1; background-color: #ffffff!important; padding: 8px; border-radius: 0px;}</style>
//html
      <img  onclick="getImgSrc(this)"  class="img-fluid img-thumbnail" src="<?php echo $base_url;?><?php echo PLUGINS; ?>images/gallery/img_2.png" alt='pmpml gallery image'>
//Js
  <script>
     function getImgSrc(param){
        var imgpath = $(param).attr("src");
        // alert(imgpath);
        document.getElementById("getimgsrc").setAttribute("src", imgpath);

Rameshwar-ghodke

 <button onclick="typeWriter()">Click here</button>
 <p id='demo_txt'></p>
    
<script> 
var i = 0;
var txt = 'Technical Support By Techrigel Systems Pvt. LTD.';
var speed = 50;

function typeWriter() {
  if (i < txt.length) {

Rameshwar-ghodke

// custom validation error message show with checkbox

<label class='error d_none'>This field is required'</label>

<script>
// script for onclick submit and check or uncheck checkbox, message will be display and hide
$('#app_sub_btn').on('click', function(){
if($("#terms_condition").prop('checked') == false){
$('#terms_condition_error').removeClass('d_none');
}else{

Rameshwar-ghodke

<style>
     #moveItem {width: 25px; height: 25px; background-color: #ff3333ab; position: absolute; box-shadow: 0px 8px 32px 0px #100f0f21; border-radius: 50%; 
  /* z-index: 1; */ transition:.4s cubic-bezier(.19,1,.22,1);}
</style>

<div id="moveItem"></div

  <script>
      var item = document.querySelector("#moveItem");
      var itemRect = item.getBoundingClientRect();

Rameshwar-ghodke

<?php 
    $directoryURI = $_SERVER['REQUEST_URI'];
    $path = parse_url($directoryURI, PHP_URL_PATH);
    $components = explode('/', $path);
    $Module = $components[2];
    $function = $components[3];
   // die();
    ?> 

Rameshwar-ghodke

var oTable = $('#zero_configuration_table_info').dataTable( {
    // "ordering": false // disable for all columns sorting
      "aoColumnDefs": [
          { "bSortable": false, "aTargets": [ 8] },
          // { "width": "90", "aTargets": [0] }
          // { "min-width": "120", "aTargets": [ 2,3,5,6] }
      ]
  });

Rameshwar-ghodke

<div class='row'>
                                        <div class='col-4 col-sm-4 col-md-4 col-lg-4 col-xl-4'>
                                            <select class='form-control' name='date' id='' placeholder=''>
                                                <option value=' '>DD</option>
                                                <option value='01'>01</option> <option value='02'>02</option>
                                                <option value='03'>03</option> <option value='04'>04</option>
                                                <option value='05'>05</option> <option value='06'>06</option>
                                                <option value='07'>07</option> <option value='08'>08</option>
                                                <option value='09'>09</option> <option value='10'>10</option>
                                                <option value='11'>11</option> <option value='12'>12</option>

Rameshwar-ghodke

<style>
.table-scroll {position:relative;max-width:600px;margin:auto;overflow:hidden;border:1px solid #000;}.table-wrap {width:100%;overflow:auto;}
.table-scroll table {width:100%;margin:auto;border-collapse:separate;border-spacing:0;}
.table-scroll th, .table-scroll td {padding:5px 10px;border:1px solid #000; background:#fff;white-space:nowrap;	vertical-align:top;}
.table-scroll thead, .table-scroll tfoot {background:#f9f9f9;}
.clone {position:absolute;top:0;right:0;pointer-events:none;}
.clone th, .clone td {visibility:hidden}
.clone td, .clone th {border-color:transparent}
.clone tbody th {visibility:visible;color:red;}
.clone .fixed-side {border:1px solid #000;background:#eee;visibility:visible;}

Rameshwar-ghodke

<i toggle="#password-field" class='view_pswd fa fa-eye-slash'></i>

	$("body").on('click','.view_pswd',function(){
		$(this).toggleClass("fa-eye fa-eye-slash");
		var input = $("#password");
		input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
	});

Rameshwar-ghodke

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>