WordPress Tutorials & More!
(Best WordPress Tutorials)

Today we’re going to show you how to show a preview image of a file that you upload using the HTML input type file. Okay, let’s dig right into it, firstly, let’s image you have the following HTML markup:- <input type=”file” onchange=”readURL(this);” /> <img id=”blah” alt=”Your Image Preview” /> We’re going to add a bit […]

In this article, we will show you how you can get the total Twitter and Instagram followers count using jQuery. Twitter Followers Count We can simply get the number of Twitter followers by using CDN widgets, so we are going to use the below CDN with the screen name ‘silvawebdesigns’. https://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names=company_name In the following example, […]

The Back to top link allows users to smoothly scroll back to the top of the page. It’s a little detail that enhances the navigation experience on a website with long pages. How to add a custom back (scroll) top top icon? Firstly, within your footer, add the following HTML:- <a href=”#” class=”back-to-top”></a> Then add […]

In this example, we are going to show how to configure the Bootstrap 3 carousel to show many panels at once but only slide one at a time. See the JSFIDDLE to see how this works. On a desktop, it rotates one item at a time and has 3 elements in view. If you shrink […]

To submit a form with AJAX (without reloading the page), you can use the ajaxForm/ajaxSubmit functions from Ajax Form Plugin or the jQuery serialize function. AjaxForm: $(“#theForm”).ajaxForm({url: ‘server.php’, type: ‘post’}) or alternatively:- $(“#theForm”).ajaxSubmit({url: ‘server.php’, type: ‘post’}) ajaxForm will send when the submit button is pressed. ajaxSubmit sends immediately. Serialize Method: $.get(‘server.php?’ + $(‘#theForm’).serialize()) $.post(‘server.php’, $(‘#theForm’).serialize()) […]

If you are using jQuery for any reason to open a link, you may notice that if you will run into an issue if you have something along the lines of the code below: window.location = ‘/demo’; Okay great, it opens the link but a client of mine reported that the link would not open […]