JavaScript Scripts

- All these scripts are free, many of them have helpful explanations in their code, useful for those interested to learn JavaScript.

JavaScript Game - Find the Word
- JavaScript script for educational games, Find the Word, made with Pixi JS; it is like Hangman
html2canvas - Save page screenshoot on server
- JavaScript script with html2canvas and ajax to get and save png image page screenshoot on server with php.
elmPosiz - Get position, size and visibility in viewport of HTML element
- elmPosiz, JavaScript script to get position, size and check visibility in viewport of a HTML element.
Add /Delete rows in HTML table with JavaScript
- A JavaScript object to Add and Delete dinamically rows with input fields in HTML table
Detect when page visibility state is changed
- JavaScript script to detect and execute function when page visibility state changes
Ajax script to Save Canvas Image on Server
- Ajax script to get and Save Canvas Image on Server with PHP, in PNG format
Draw arrow markers between clicks coords in Canvas
- Javascript object to draw arrow markers between the clicks coordinates inside a canvas element
Draw arrow markers with clicks in html element
- Javascript object to draw SVG arrow markers between the clicks coordinates inside a html element
Countdown Timer with starting time added into a form - V.2
- JavaScript Countdown Timer with starting time, minutes and seconds added in a form, Pause, Resume, Restart, End buttons
MPGal - Simple Image Gallery
- MPGal - light and simple Image Gallery created with pure javascript. Displays image in fullscreen modal box
PuzzleImg - Script to Create Image Puzzle Game
- PuzzleImg, JavaScript script to create simple Image Puzzle Game, and convert images in webpage into puzzles
Horizontal-Vertical Menu with Arrow Keys Navigation
- Horizontal-Vertical Menu with Arrow Keys Navigation, JavaScript script
Get Mouse coordinates inside a Div or an Image
- Get Mouse coordinates inside a HTML Div or an Image, JavaScript script
Display multiple groups of images
- Script to Display multiple groups of images, by categories, or Next - Back-buttons, with JavaScript
Find the Day of the Week
- Find the Day of the Week in a selected date between 1900 and 2050, javascript script
Countdown Timer with starting time added into a form
- JavaScript Countdown Timer with starting time added in a form, data for minutes and seconds retrieved from form fields
Countdown Timer until specified Date-Time
- JavaScript Countdown Timer, the remaining number of Years, Months, Days, Hours, Minutes, and Seconds until specified date-time
JavaScript Chronometer / Stopwatch
- JavaScript Chronometer / Stopwatch, timekeeper, JS script that count-up the time, and can execute a function after certain time
Area and Perimeter Calculator for 2D shapes
- Script Area and Perimeter Calculator for 2D shapes, circle, ellipse, triangle, hexagon, parallelogram, rectangle, rhombus, square, trapezoid
Volume and Surface Area Calculator for 3D objects
- Script Volume and Surface Area calculator for 3D objects, cube, barrel, cone, sphere, torus, cylinder, pyramid, parallelepiped
Textarea with buttons to format text, colors and smiles
- Textarea with buttons to format text with bold, italic, underline, colors, add url, and smiles
Move image from an element /tag to another
- Move, alternate image from an element /tag to another, JavaScript, jQuery script
JavaScript Slideshow Content
- JavaScript Slideshow Content script, slideshow effect with images or mixed content, with Start, Stop, Next, Previous options
Dynamically Button to Scroll to Page Top
- JavaScript CSS script to add Dynamically Button in web page to Scroll to Top
JavaScript Trivia Game
- Script for Trivia Game, created with JavaScript. Trivia quizzes are stored in external files, with XML, or JSON format
Multi-Level Menu Creator
- Multi-Level Menu Creator, Ajax script to create multiple level horizontal and vertical Dropdown menus, with JavaScript and PHP
Multiple Drop-Down Select Lists Creator
- Multiple Drop-Down Select Lists Creator, Ajax script to create multiple select option lists, data saved in TXT file or MySQL database
Convert XML to JSON in JavaScript
- JavaScript object to Convert XML content to JSON object, or to JSON string, in JavaScript
CKEditor Free Image Browse Plugin
- CKEditor with Free Image Browse Plugin and Uploader Addon, to add images from server in CKEditor contents, using Ajax and PHP
Adding data from HTML Table Rows in Form fields
- Example JavaScript script to Add data from HTML Table Rows in Form fields, to get for editing the table rows data
Display image file in Canvas, Check its type and size before Upload
- JavaScript script to display image file in canvas before upload, checking the file type extension, and image sizes

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Which type of <input> creates a color well control for selecting a color value?

type="text" type="color" type="date"

<input type="color" name="get_color" />

Which CSS method rotates the HTML element at a given degree?

scale() translate() rotate()

#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}

Click on the function that returns the number with the highest value.

pow() min() max()

var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88

Which function prevent the same file from being included more than once in a page?

include() include_once() require()

include_once("some_file.php");

JavaScript Scripts

Javascript Course

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month