JavaScript

Responsive Side Bar Menu Using HTML JavaScript

Submitted by alpha_luna on
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.

How To Make Simple SideBar Menu Using HTML JavaScript

Submitted by alpha_luna on
This sidebar menu not only handles your every menu that you have, with the help of CSS animation techniques you can absolutely arrange it, or you can combined it. Compress your sidebar menu with the flat designed that we have. If you have a lot of menus in your site, you can use this sidebar menu to minimize it all. In this work, it's only one sub-menu but you can customize it. You can make it

How To Make Flip Menu Using HTML JavaScript

Submitted by alpha_luna on
Flip Menu Sidebar creates a menu out of an ordinary HTML using list types. It has a one external .js file inside, the images used instead the default list bullets. And, if it has previously open file or a folder, it should be closed when the current file or folder is open. You can add more link in the Flip Menu as many as you wish. And, you can edit the style, or you can put some animation using CSS.

Directions:

First: Kindly copy the following code below to the HEAD section of your page.
  1. <style type="text/css">
  2.  
  3. a {
  4. color:blue;
  5. text-decoration:none;
  6. }
  7.  
  8. a:hover {
  9. color:red;
  10. }
  11.  
  12. </style>
  1. <script type="text/javascript" language="JavaScript" src="js/menu.js">
  2. </script>
Note: The above code requires to DOWNLOAD the sourcecode and the images. Just click the ("Download Code") below. For the image, download by right clicking each link below, and select "Save image as...". flip_closed flip_open flip_static

How to Make Text Resizer Using HTML JavaScript

Submitted by alpha_luna on
Users of a particular web page are sometimes bothered with the font size especially when they have problems with eyesight. Yet, this problems can be solved through this Text Resizer. Text Resizer enables your user to change the font size in your website. The script is easy and works in any web page.

How to Make Hangman Game Using HTML JavaScript

Submitted by alpha_luna on
A game is a good way to keep your visitors and yourself occupied in your site. This script is a reincarnation of the classic "Hang Man" game. You have to play against the computer. The vocabulary used in this game is configurable. This is a customized Hang Man game with images to display the wrong guesses. This is a cool and fun game to play. This is the game that the user/player will predict what is the word that the computer ask.

How To Make Bigger Image Viewer Using HTML JavaScript

Submitted by alpha_luna on
Have you encountered images that are so small or blur? These images need to be resized or zoomed in. There is a way to see this kind of images clearly. It is called "Bigger Image Viewer". In this tutorial, we are going to learn How To Make Bigger Image Viewer. So, what is it all about? From the name itself, Bigger Image Viewer automatically adds a caption beneath the images of your choice that when clicked on launches a bigger and clearer version of the image. There may be alteration from the original image to the enlarged version due to the process.

How To Make Word Count Using HTML JavaScript

Submitted by alpha_luna on
Through this script ,words in paragraphs ,data ,and even whole articles will be counted automatically. How many times did you launch an entire word processor just to find out the number of words of a certain paragraph contains? If you have a site that contains forms, you could also include this script on the page to spare your visitors they had to go through in counting the number of words. You no longer need to waste your time just counting the words a particular site has.

How To Rescue The Data In Text and Textarea Using HTML JavaScript

Submitted by alpha_luna on
Have you ever had troubles signing up in a browser? Let me state an example . You were signing up or trying to log in to a particular browser for a long period of time already then , the browser start refreshing again , as a result, all your sign up information were lost which leads you to do the first step yet again .

How To Make Animated Information Bar Using HTML JavaScript

Submitted by alpha_luna on
This is a simple animated information bar created using HTML and it's pure JavaScript code. You can view from the top of the browser the information to your visitors in an eye catching way. The information bar in view will remain static on your screen above even when you scroll the page. Lastly, you can set the Frequency controls to limit the displaying information bar to once per session of your