Skip to main content

JavaScript Tutorial

jQuery Internal Listeners

Introduction: This tutorial is on how to create jQuery/Javascript listeners. jQuery: Please ensure that you have included the jQuery libaries within your HTML file. The current latest version can be included by adding the following code to your 'head' tags of your html file... You can check the latest URLs from the official jQuery website. Previously: This tutorial is carrying on from my previous

Inline Action Listeners in Javascript

Introduction: This tutorial is on how to use inline listeners through jQuery/Javascript in HTML elements. Inline? Inline simply means that the code is written inline with the element that it is linked to, as opposed to elsewhere within the same file, or even an external file like most .css (Cascade Styling Sheets) are. Listeners: There are many different listeners which can be used to interact

jQuery Spoiler

Introduction: This tutorial is on how to create a jQuery/Javascript spoiler. This will allow large containers such as images to be hidden/shown depending on the users preference. HTML: First we need to make the basic HTML file. This will include the html, head, and body tags for the standard HTML structured file... jQuery Includes: Now, to use jQuery within our file, we need to include it. We can

Real Time Digital Clock in Javascript

Introduction: This tutorial is on how to create a real time digital clock in Javascript. HTML Template: Before we can create a javascript clock, we need a basic HTML template file. Here's a basic html, head, body layout... onLoad Listener: Javascript has an inbuilt listener called 'onLoad' which can be added to the 'body' HTML tag of our HTML template file which will run the parsed function once

Interact With Webpage Using Chrome and jQuery - Mass Follow on Twitter!

Introduction: This tutorial is on how to use basic jQuery knowledge and Google Chrome to manipulate a webpage. Notes: The webpage we will be using for this is Twitter of which we will be following a page full of users with a simple, one line jQuery command. First: You need to find a list of users of which have the 'Follow' button displayed next to them. I would recommend going to a Twitter user

Basic Tabs in Javascript

Introduction: This tutorial is on how to create simple, small tabs in Javascript. When I say 'small tabs', I mean that this shouldn't be used for tabs holding large amounts of content. HTML: First we want to create a text area in which we are going to be holding the tab content... Then we want a few buttons to act as options to change the current tabs. We simply parse the tab number to the

List Manipulator in Javascript

Introduction: This tutorial is on how to create a simple array re-orderer in Javascript. HTML: We are going to have a few HTML elements, here are the details... Textarea, named area, to contain the original list. Button, to reverse the list. Button, to sort the list a-z. Button, to sort the list z-a. Button, to randomise the list. Reverse Sort A-Z Sort Z-A Randomise Reverse: As you can see from

String Structure Checker in Javascript

Introduction: This tutorial is on how to create a structure checker for basic plain text in Javascript. Why? This tool would be used for ensuring data that is getting parsed through functions, databases and/or files is in the correct format and would not cause an error. This example tool is for removing multiple spaces at once, for example; ->Hi there! would be replaced with: ->Hi there! HTML: The

Count the Number of Checkbox with Check Value Using Javascript

This tutorial will teach you on how to count the number of checkbox with checked value using Javascript. This is useful for thus programmer who is creating an online voting; by using this tutorial you can put a filter that allows only specific number of candidates to be vote in every position. To start this tutorial follow the steps bellow. Creating Our Javascript This step includes the creation

Check And Unchecked All Checkbox Using Javascript

This tutorial will help you on how to check and unchecked all checkbox in your form using javascript. This tutorial will be helpful to thus programmer who are developing a system that involves many checkbox with check and unchecked function. This feature is very useful also for user because they don't have to check the checkbox one by one. Follow the steps bellow to understand more in this