JavaScript
Instantly Filter On-Page Elements By Tags
The purpose of this script is to dynamically show and hide on-page content based on tags. To understand better what is it, just check our page with shed plans where we have used the code from this tutorial. By default all plans are listed on the page, and you see the tags on top. Click on a tag, it becomes great, and all content having this tag is being filtered out. This way the user can quickly see only what they are interested in.
How To Add Touch Event To Your JQuery UI?
As we all know currently jQuery UI Library does not support touch event on its visual effects, interaction plugins and widget. The current jQuery UI is designed to listen to the mouse events not touch events and you may need to spend some times to work on the codes, to enable touch events works and suit your needs.
jQuery Update Textarea With Ajax Request
This tutorial will show you how to update a textarea in a form from an ajax request. There are different ways to do this but I will use the $.ajax method since it allows for many options.
Fixing YouTube iFrame Z-index using jQuery
In this quick tutorial we will show you an easy way to automate the addition of "wmode=opaque", using jQuery, to all embedded iFrames on your website. This will not only fix any new iFrame videos added to your website but all previous iFrame videos as well.
Password Strength Checking with jQuery
Password strength checking is an easy way to show the strength of user password on the registration forms. It helps users to choose more secure password when filling the forms.
How To Create A Beautiful Slide Out Navigation Within A Minute!
Today lesson is to demonstrate to you on how to create a beautiful slide out navigation with CSS and JQuery. Initially, all the menus of the navigation are almost hidden on screen and the menu will only slide out when the user is hover on them.
Using Social Media Hovercard jQuery Plugin
Displaying your social media account on your website gives them great exposure to your accounts and allows your readers to easily follow you on the different social networks. There is an awesome jQuery plugin that allows you to create a nice pop-up with your contact information.
Developing Mobile Phone / iPhone friendly websites
When developing websites, you have to care about different browsers, as well as mobile devices such as iPhones or iPods. In this article, let"s have a look at the 10 most useful code snippets (Javascript, PHP, CSS, etc) for developing iPhone friendly websites, quickly and efficiently.
How To Create An Exchange Rate Money Converter With Money.js
In today's tutorial we are going to work with a JavaScript library which allows you to easily deal with money in any web application.
How To Use The jQuery Load Method
In this tutorial we are going to learn how to create a small web application that will display an RSS feed on a web page using jQuery and PHP. To do this we are going to use jQuery AJAX functionality to easily get the data from a PHP proxy and display it on the web page.
Scroll to the top of web page with jQuery
In this tutorial, we will create smooth page scrolling effect for returning to the top of the page using jQuery.
Build A jQuery Range Slider Within 5 Minutes!
In this tutorial, you will learn to build a cross-platform range slider powered by jQuery within 5 minutes! Please check out the demo, to see what are we going to build later.
Multiple backgrounds when scrolling page
This tutorial, I will share how I made my page background change from white to grey as user scrolls the page. To achieve this, I use JQuery and CSS.
How to Create Cookies
We have already learned the various parts of the cookie like name, value, expires, path, domain and security. Lets create a simple cookie.
In the following example we have written a function name 'CookieSet' and set some of its attributes.
Working with Cookies
When a browser opens a web page, the browser reads the cookies (provided it has already stored it) that has stored in your machine. We used document.cookie to retrieve the information about the cookie.
Regular Expressions (regex)
A regular expression (sometimes abbreviated to "regex") is a pattern used to match character combinations in a string. For example, a regular expression can be used to search for all text lines in a paragraph that contain word "red" and display those lines where the match is found.
How to use eval function
eval() is sluggish and prone to security threats, and thus not recommended to be used. But you should know how it works, the eval function is used to execute JavaScript source code.
Using for() loop
A JavaScript for loop executes a block of statements until a specified condition is true. For loop creates a loop that allows us to specify three different expression in a single line, enclosed in parentheses and separated by semicolons, followed by a group of statements executed in the loop.
JavaScript: How to get host name, path and protocol from a url
Even though most of the time to get information from the page URL you will use the server side programming language, you can actually use Javascript to get the different sections that make up the URL.
Mouse and Touch Events in HTML5
In this tutorial, you will learn the technique of detecting mouse and touch events for building a game for PC users and touch devices users.