Javascript

Inline Action Listeners in Javascript

Submitted by Yorkiebar on
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 with the users actions, a couple I will show you how to use are; onmouseover onclick As I am sure you can depict from the above two examples, onmouse

jQuery Spoiler

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

Super Market Product Quality Verification System

Submitted by theadmiraleliud on
This system is about Super Market Product Quality Verification System. We validate product before buying. The system has the following module: 1. user form records 2. location of super market place 3. user registration 4. admin module 5. quality process 6. comparison 7. pricing module Credit to Eliud M Aganze DIGITAL GENERATION on Facebook on TWITTER enjoy ur day

Tourist Booking System and Management

Submitted by theadmiraleliud on
This system is about Tourism Board Management System where we have the following module: 1. booking records 2. place 3. location 4. user module 5. location of prisons 6. admin module 7. law enforcement module 8. data entry Credit to Eliud M aganze DIGITAL GENERATION on Facebook on TWITTER enjoy ur day

How to Create WYSIWYG Editor

Submitted by GeePee on
This project is an example of WYSIWYG rich text html editor using Javascript. You will see in the code that I used textarea in the body field and replaced it with iframe which I enabled. This project has a capability to change font, font color, font size, font color, align text or images to left, center and right, has an option to make text bold, italic and underlined, create horizontal line

How to Crop Image

Submitted by GeePee on
This project will teach you how to crop image using php and javascript. The user will first need to upload a picture. There will be a transparent dotted box which the user will use to determine what size and angle to cut. The box can be dragged and resized.

Print Specific Parts of a Document

Submitted by GeePee on
This project will teach you how to print a specific part of a document using Javascript. Each part is wrapped with a div and that we will use the div as the element. As we see in the screenshot, each div has a print button which can determine what part needs to be printed. You also have an option to print the whole page.