Rameshwar ghodke Rameshwar-ghodke

💭

working as Web Designer

Senior Software Engineer

Created September 24, 2021 10:03

On image onclick function get image src path and display large image on modal popup using javascript function

Rameshwar-ghodke / Typing Effect - Auto enter Text

Created September 2, 2021 05:09

Auto Typing text Effect - Auto enter Text

	<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

Created August 27, 2021 04:52

validation error message not showing proper for checkbox and radio button

	// 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{

Created August 27, 2021 04:11

Mouse hover moving effect and show mouse position circle with animation effect.

	<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();

Created July 14, 2021 05:53

Fetch url with server request and divide it into sepearte function or component wise in php


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

Rameshwar-ghodke / Disable sorting of particular data table column wise

Created July 14, 2021 05:50

disable for all columns sorting or one by one spacifing particular index count no. Disable sorting of particular data table column wise

	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 / Custom DOB fileds supported for all browsers

Created July 14, 2021 05:35

	<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 / Fixed table column at time of horizontal scroll

Created June 16, 2021 08:07

Fixed table column at time of horizontal scroll using html css

	<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 / Password hide show using eye icon for passowrd field

Created May 7, 2021 12:46

Password hide show using eye icon for passowrd field, use jquery

	<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 / captcha code add

Created April 22, 2021 08:55

captcha code add inform using script , more details - https://developers.google.com/recaptcha/docs/display

	<!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>

	// 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);