Skip to content

Instantly share code, notes, and snippets.

View load-screen when-submit-button-clicked-codeigniter.html
<script>
// load your jquery.min.js
$('#submit_button').on('click',function(e){
e.preventDefault();
//Add a code to show your loader.
$('form').submit();
});
<!-- progress bar -->
View count-down-timer.js
var seconds_inputs = document.getElementsByClassName('deal_left_seconds');
var total_timers = seconds_inputs.length;
for ( var i = 0; i < total_timers; i++){
var str_seconds = 'seconds_'; var str_seconds_prod_id = 'seconds_prod_id_';
var seconds_prod_id = seconds_inputs[i].getAttribute('data-value');
var cal_seconds = seconds_inputs[i].getAttribute('value');
eval('var ' + str_seconds + seconds_prod_id + '= ' + cal_seconds + ';');
eval('var ' + str_seconds_prod_id + seconds_prod_id + '= ' + seconds_prod_id + ';');
}
View Full-Carousel-Sider.css
View Animated-loop-background-image.php
<html>
<head>
<title>Animated loop background image/ slidding image </title>
<style>
html, body {
margin: 0; padding: 0;
}
.animated-transition {
background: gray url(https://subtlepatterns.com/patterns/geometry2.png) repeat 0 0;
/* #if the url is not working get the picture from this link https://drive.google.com/open?id=1fX2KWqcpbzMk4m20VgQhTAjEunqcEB6q */
View print-section-in-html.html
<html>
<head>
<title>a gist by yakubu abiola on html print part page </title>
<style media="screen">
.noPrint{ display: block; }
.yesPrint{ display: block !important; }
</style>
<style media="print">