abhishek-9ithub’s gists

abhishek-9ithub / data-table-sort.js

Created May 4, 2018 06:35

data table sorting custum code

	$(function(){
	var asc = false;
	$('.sortable th').click(function(){

	if($(this).hasClass('sorting_asc')){
	$(this).addClass('sorting_desc');
	$(this).removeClass('sorting_asc');

	}else{
	$('.sortable th').each(function(){

abhishek-9ithub / fadeInOut-slider.html

Created January 21, 2018 12:50

use for fadein slider using javascript

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>JS FadeInOut Slider</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<style>
	#slider {

abhishek-9ithub / touch-footer-onscroll.html

Created January 19, 2018 12:01

touch-footer-onscroll

	$(window).scroll(function(){
	if($(window).width() > 767){
	var winH = $(window).height();
	var getInit = $('.center-sec-content-wrap').outerHeight() - ($(this).scrollTop());
	var gonnaH = parseInt($('footer').offset().top- $(this).scrollTop() - winH -15);
	if(gonnaH < 0 ){
	$('.left-side-menu-wrap,.right-side-tab-wrap,.itsChat').css({
	'top': gonnaH
	});
	}else{

abhishek-9ithub / multi-image-select-prev.html

Created November 25, 2017 09:55

multiple image select/preview

	<html>

	<head>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<style>
	body {
	padding: 0 20px;
	text-align: center;
	}

abhishek-9ithub / multi-level-menu.html

Created November 25, 2017 09:48

vertical multilevel menu

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>Multilevel Menu</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

abhishek-9ithub / autoSearch.html

Created November 25, 2017 09:43

auto search on type

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<title>Auto Search</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

abhishek-9ithub / stickyHeader.js

Created November 25, 2017 09:40

sticky header on scroll

	var sections = $('section')
	, nav = $('nav')
	, nav_height = nav.outerHeight();

	$(window).on('scroll', function () {
	var cur_pos = $(this).scrollTop();

	sections.each(function() {
	var top = $(this).offset().top - nav_height,
	bottom = top + $(this).outerHeight();

abhishek-9ithub / mobile-number-verification.html

Created November 25, 2017 09:35

mobile number verification script

	<!DOCTYPE html>
	<head>
	<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
	</head>

	<body>
	<input type="text" maxlength="10" class="mobileNum">
	<a href="javascript:void(0)">Click ME</a>
	<span class="error" style="color:red;">M</span>
	</body>

abhishek-9ithub / alphbeticalIndexing.html

Last active November 25, 2017 09:30

alphabetical indexing onscroll

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Alphabetical Indexing</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	</head>
	<body>
	<style>

abhishek-9ithub / dtSortingClasses.js

Created November 25, 2017 09:24

place custom sorting classes on table

	$(function(){
	var asc = false;
	$('.sortable th').click(function(){

	if($(this).hasClass('sorting_asc')){
	$(this).addClass('sorting_desc');
	$(this).removeClass('sorting_asc');

	}else{
	$('.sortable th').each(function(){

Abhishek Mishra abhishek-9ithub