JavaScript Tutorial

  • Submitted by: 
    In this tutorial, we are going to learn on How To Create Login Form Using JavaScript . This is simple Login Page using a simple script. The Username is username and the Password is password . But you can change this after you download the source code below, and go to the script to make it change. Then, create a target page. This is the Login Page: This is the Target Page: Username: username...
  • Submitted by: 
    Good Day!!! In this tutorial, we are going to learn on How To Create Password Protect Using JavaScript . In the codes below provide a broad password to protect a certain page. Hope you can learn from this tutorial. Password: nextpage Directions: First Step: Kindly save this image to your computer or you can change this whatever you want. Second Step: Copy this code below into the BODY tag of this...
  • Submitted by: 
    In this tutorial you can use the jqxWindow to direct a user’s attention to a particular activity in your application, such as entering data or viewing information. Consider using a jqxWindow when you want greater customization, you want to block the user interface outside the window, or when you want to retrieve a DialogResult and other data from the popup window. jqxWindow can be displayed as a...
  • Submitted by: 
    In this tutorial, we will going to create a program that has the Combobox control with its click event using JavaScript. Now let's start this tutorial! 1. Open Notepad++. Create a new file and name it as comboboxJS.html. 2. Create open and close tags for HTML, Title, and the Body. 3. Now, in the body, have this code below: < form action = "" method = "post" onsubmit = "return validate()"...
  • Submitted by: 
    In this tutorial, we will going to create a program that inputs number only in the textbox using javascript. Now let's start this tutorial! 1. Open Notepad++. Create a new file and name it as onlynumbers.html. 2. Create open and close tags for HTML, Title, and the Body. 3. Create a textbox that has the name and id of " numeric ", with a maxlength of 12, and has a function named isNumberKey(evt)...
  • Submitted by: 
    In this tutorial, we will going to create a program that has a login form using the JavaScript Now let's start this tutorial! 1. Open Notepad++. Create a new file and name it as login.html. 2. Create open ang close tags for HTML, Title, and the Body. 3. Now, in the body, have this code below: < form name = "loginform" onSubmit = "return validateForm();" method = "get" > < label >...
  • Submitted by: 
    Good Day!!! In this tutorial, we are going to make a Simple Select All In Check Box Using JavaScript . This is simple coding to have this project. And, this is a toggle function. Directions: For JavaScript Code: <!-- Start of JavaScript --> < script language = "JavaScript" > function toggle ( source ) { checkboxes = document. getElementsByName ( 'check_all...
  • Submitted by: 
    Good Day!!! Today, we are going to learn Scroller In TextBox. This project that scrolls itself in a text box. You can use this project in your certain site to catch the attention of your users. This will serve as an alert message or an announcement for your users to easily notice the message. Example: .style_text { cursor: no-drop; border: 3px solid #7A81DE; } /* Text box marquee, You can used/...
  • Submitted by: 
    Good Day!!! Today, we are going to learn about falling text effect, using HTML JavaScript. This script adds a simple twist to your regular text on your page. It will randomly falling or dropping the content text individually before the next text. You can use it in your site for it to have a simple headlines falling text effect. In this work of script, every content is wrapped in a LI element of...
  • Submitted by: 
    In this tutorial, we are going to learn about simple responsive side bar menu using HTML JavaScript. This side bar is applicable to any gadgets. You can use it in your certain site. It can cover up an unending number of sub menus, thus , gives infinite contents. This responsive menu can also be used with mobile devices of smaller screens for all the sub menus can just be stacked in the main menu...

Pages