HTML 5 Page Structure | HTML 5 Code Layout

Sample Code for HTML 5 Page Structure <!DOCTYPE HTML> <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <meta name=”viewport” content=”width=device-width”> <meta name=”viewport” content= “width=device-width, initial-scale=1.0”> <title>HTML 5 Page Title</title> </head> <body> <header> <nav> <ul> <li>Navigation Menu List</li> </ul> </nav> </header> <section> <article> <header> <h2>Article Title Here</h2> <p>Sample Code for Paragraph</p> </header> <p>Sample code for HTML 5 […]

Upload Image By Ajax Using jQuery FormData Without Submit Form

Image Upload By JQuery Ajax and PHP File uploading by jQuery Ajax,  PHP, and  HTML it’s a common feature for the dynamic application but sometimes when form submitted page got refresh after clicked submitted button. But if don’t need to refresh the page use jQuery and Ajax for sending form-data to PHP File.  In this […]

Create an Accordion with HTML and jQuery

Simple Accordion with HTML & JQuery An accordion used to create FAQ and Question & Answers. A vertical accordion is the show list. Each item can be expanded or collapsed to show and hide content with that item. It helps to allow the developer to handle the larget amount of text into small spaces on […]

Send Mail by JavaScript AJAX PHP Mail Function by Submit form

JQuery AJAX and PHP Code for Contact Form Ajax (Asynchronous JavaScript and XML) means by send or receive data with the server without refreshing or reloading the web page. In this post explain about form data submitted using by Ajax and using mail function for send email. In this post also given code with an […]

Put Multiple Properties of CSS in jQuery

Put Multiple Properties of CSS in jQuery jQuery(‘container’).children().css({‘color’:’pink’, ‘background-color’:’blue’, ‘font-family’:’arial’, ‘font-size’:’20px’});

Get selected uploaded file name in input file by jQuery without fake path

Uploaded file value comes with a fake path, how to get filename without a fake path. In this code, how to get filename without full path, only use the file name which is upload in the input file.  In other words, get an image or file temp name by jquery when user upload file in input […]

How to add blog post title or heading in WordPress Single Blog

How to add blog post title or heading in WordPress Single Blog   <h2><?php single_post_title( ‘Current Open Post: ‘ ); ?></h2>    

How to Add Category Drop down or Fetch Category List with Link in WordPress

How to Add Category Dropdown or Fetch Category List with Link in WordPress Code In header.php <div class=”dropDownBlog”> <?php $categories = get_categories( array( ‘orderby’ => ‘name’, ‘order’ => ‘ASC’ ) );?> <div class=”fetchCategary”> <select id=”blogPageCategaryFetch”> <option disabled selected>Explore By Categary</option> <?php foreach( $categories as $category ) { $category_link = sprintf( ‘<a href=”%1$s” alt=”%2$s”>%3$s</a>’, esc_url( get_category_link( […]

Change HTML Element Text by JQuery Code

Change HTML Element Text by JQuery Code <script type=”text/javascript”> jQuery(document).ready(function(){ var breadCrumbText = jQuery(‘.breadcrumb-trail’).html(); var changeBreadCrumb = breadCrumbText.replace(‘Home’,’Blog’); jQuery(‘.breadcrumb-trail’).html(changeBreadCrumb); }); </script>

How to make search icon as rel follow on Enfold WordPress theme

Go to PHP file functions-enfold.php (../wp-content/themes/enfold) select $nofollow variable and update ‘rel=”nofollow”‘ to ‘rel=”follow”‘. /* AJAX SEARCH */ if(!function_exists(‘avia_append_search_nav’)) { //first append search item to main menu add_filter( ‘wp_nav_menu_items’, ‘avia_append_search_nav’, 9997, 2 ); add_filter( ‘avf_fallback_menu_items’, ‘avia_append_search_nav’, 9997, 2 ); function avia_append_search_nav ( $items, $args ) { if(avia_get_option(‘header_searchicon’,’header_searchicon’) != “header_searchicon”) return $items; if(avia_get_option(‘header_position’, ‘header_top’) != “header_top”) […]