Coding Cheatsheets - Learn to Code

How to create jQuery fadeIn fadeOut Animation Html: <ul> <li class="client-testimonial"><img src="demo1.png"></li> <li class="client-testimonial"><img src="demo2.png"></li> <li class="client-testimonial"><img src="demo3.png"></li> <li class="client-testimonial"><img src="demo4.png"></li> </ul> jQuery: jQuery(document).ready(function(){ if(jQuery('.client-testimonial').length > 0){ var showImg = jQuery(".client-testimonial-img"); var quoteIndex = -1; function showFadeInFadeOut() { ++quoteIndex; showImg.eq(quoteIndex % showImg.length) .fadeIn(2000) .delay(2000) .fadeOut(2000, showFadeInFadeOut); } showFadeInFadeOut(); } });

Here are simple way to get custom image from URL $imgUrl = 'http://localhost/wptest/wp-content/themes/sydney/images/header.jpg';   global $wpdb; $attachment = $wpdb->get_col($wpdb->prepare("SELECT ID FROM $wpdb->posts WHERE guid='%s';", $imgUrl )); $image_id = $attachment[0]; $thumbnail_url = wp_get_attachment_image_src($image_id, array('615','440'), true );

How to set varchar primary key field in Mysql Table structure of Users table CREATE TABLE `users` (    `id` varchar(36) NOT NULL DEFAULT 'InitiallyEmpty',    `first_name` varchar(100) NOT NULL,    `last_name` varchar(100) NULL,    `email` varchar(100) NOT NULL,    `password` varchar(100) NOT NULL,    PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8 Want to fill id an automatically filled. You need to create trigger Trigger structure for automatically update DROP trigger if exists before_insert_users; delimiter $$ CREATE TRIGGER before_insert_users BEFORE INSERT ON users FOR EACH ROW BEGIN     SET new.id = uuid(); END $$ delimiter ; Now create insert query insert into users (first_name,last_name,email,password) values ('Sudhir','Pandey','psudhir20@gmail.com','123465');

Add Next/Previous links to The Event Calendar Wordpress Plugin Add code to your child theme’s functions.php file /**  * Allows visitors to page forward/backwards in any direction within month view */ if ( class_exists( 'Tribe__Events__Main' ) ) { class ContinualMonthViewPagination {     public function __construct() {         add_filter( 'tribe_events_the_next_month_link', array( $this, 'next_month' ) );         add_filter( 'tribe_events_the_previous_month_link', array( $this, 'previous_month' ) );     }     public function next_month() {         $url = tribe_get_next_month_link();         $text = tribe_get_next_month_text();         $date = Tribe__Events__Main::instance()->nextMonth( tribe_get_month_view_date() );         return '<a data-month="' . $date . '" href="' . $url . '" rel="next"...

How to use registered_post_type Hook and modify post type registration Create custom post type hook for products inside function.php file add_action( 'init', 'wpyog_register_products_cpt' ); /**  * Register Products Custom Post Type   */ function wpyog_register_products_cpt() {     // change 'wpyog_products' to whatever your text_domain is.          /** Setup labels */     $labels = array(         'name'               => x_( 'Products', 'wpyog_products' ),         'singular_name'      => x_( 'Product', 'wpyog_products' ),         'add_new'            => x_( 'Add New', 'wpyog_products' ),         'all_items'          => x_( 'All Products', 'wpyog_products' ),         'add_new_item'  ...

Here are simple way you can change integer value in number format on key up using jQuery Html Code: <input type="text" name="amount" class="required" value=""> jQuery Code: <script> jQuery.noConflict(); jQuery(document).ready( function($){  $(document).on('keyup', 'input.required', function(event){ if($(this).hasClass('field-error')){ $(this).css('border-color', '#83A4C5'); $(this).removeClass('field-error'); }    var selection = window.getSelection().toString(); if ( selection !== '' ) { return; }            // When the arrow keys are pressed, abort it. if ( $.inArray( event.keyCode, [38,40,37,39] ) !== -1 ) { return; }       var $this = $( this );            // Get the value. var input = $this.val();             var input = input.replace(/[\D\s\._\-]+/g, ""); input = input ? pa...

A route is a mapping from a url to an object.It handles HTTP client requests. Basic Routing Hope you have install and have basic knowledge Express module. npm install express Note: Above command download the required express modules and install them. Here is our Server file. var express = require( 'express' ); var app = express(); //Creating Router() object var router = express.Router(); // Provide all routes here, this is for Home page. router.get("/",function(req,res){   res.json({"message" : "Hello World"}); }); app.use("/",router); // Listen to this Port app.listen(3000,function(){   console.log("Live at Port 3000"); }); Code Explanation: 1. In our first line of code, include the "express module." 2. Create object of the express module. 3. Creating a callback function. This function call when you hit url from browser http://localhost:3000 .It send the string 'Hello World' to ...