R
E
S
O
U
R
C
E
S
       Home      Products & Services      Contact Us      Links


WebHatchers will design & develop your site for you.
_______________________

Website Menu Heaven: menus, buttons, etc.
_______________________

Send us your questions.
_______________________

site search by freefind
_______________________

HOME
SEO, Google, Privacy
   and Anonymity
Browser Insanity
JavaScript
Popups and Tooltips
Free Website Search
HTML Form Creator
Animation
Buttons and Menus
Counters
Captchas
Image Uploading
CSS and HTML
PHP
AJAX
XPATH
Website Poll
IM and Texting
Databases—MySQL
   or Not MySQL
Personal Status Boards
Content Management
   Systems
Article Content
   Management Systems
Website Directory
   CMS Systems
Photo Gallery CMS
Forum CMS
Blog CMS
Customer Records
   Management CMS
Address Book CMS
Private Messaging CMS
Chat Room CMS
JavaScript Charts
   and Graphs




Free Personal Status Boards (PSB™)

Free Standard Free PSB

Free PSB Pro Version

Free Social PSB

Free Social PSB Plus (with Email)

Free Business PSB

Free Business PSB Plus (with Email)

PSB demo

Social PSB demo

Business PSB demo

So what's all this PSB stuff about?

Chart comparing business status boards

PSB hosting diagram

PSB Licence Agreement



Copyright © 2002 -
MCS Investments, Inc. sitemap

PSBs, social networking, social evolution, microcommunities, personal status boards
PSBs, social networking, business personal status boards
website design, ecommerce solutions
website menus, buttons, image rotators
Ez-Architect, home design software
the magic carpet and the cement wall, children's adventure book
the squirrel valley railroad, model railroad videos, model train dvds
the deep rock railroad, model railroad videos, model train dvds

JavaScript Tutorials

The JavaScript tutorials linked to below contain a wealth of JavaScript info for anyone from beginners to experts. Here is a great source of help with javascript, whether you need javascript tutorials for beginners or advanced javascript tutorials. There are tutorials on functions, arrays, web page adjustments, timing, document.write(), events, status bar, the DOM (document object model), dot notation, CSS style properties tweaking, conversion, cursors, concatenation, images, innerHTML, pop-ups, tooltips, windows, regular-expression, input validation, JavaScript Object Notation (JSON), converting back and forth from PHP to JavaScript, includes, and much more. So check out our free javascript tutorials. Comments are welcome!

Incidentally, these are not just scripts we threw together without testing. We tested everything on the site before it went into these site pages. And they are not just slapped onto the website without explanation. There are tutorials that accompany each of our free JavaScript scripts. If you take the time to read our pages, the least we can do is take the time to test the scripts and explain them. We are more likely to over-explain than under-explain, which is perfect for you beginners out there. If you like our scripts, a link to our site would be much appreciated!

The worst thing about JavaScript isn't even about JavaScript. It's about the 5% of users who keep it turned off. Tons of websites work either poorly or not at all with JavaScript turned off. Except for the simplest web pages, there really isn't any alternative to JavaScript for much of what happens on websites, even if Google and others pretend otherwise. Adjusting pages for various browsers, decent menu systems, necessary mouse cursor coordinate getting, animation—the list is endless. Ajax needs JavaScript to even work at all, and it's a huge improvement to page refreshes that are so often needed otherwise. How, we ask, can we hope to do chat scripts without JavaScript plus Ajax? As you may or may not know, Ajax allows page update without page refresh—the definition of chat script function. No Ajax, no chat. Unless you consider a flickering site—that redraws all images and text and navigation over and over until you get seizures from the flickers—a good site! And yes, we do have good chat script tutorials on this site.

If you need some really valuable info on how to use JavaScript Object Notation (JSON) in PHP and JavaScript to convert strings and arrays from PHP to JavaScript, you'll find it in our JSON tutorial. We use it often in our scripts. To use it, make sure your host server has PHP 5.2 or higher enabled on the server. It is enabled by default in PHP, but if your host has it disabled, have him enable it. Most hosting plans include MySQL databases and JSON-enabled PHP 5.2 or better. PHP added a JavaScript Object Notation—JSON—extension to PHP 5.2, which was previously only available as an add-on, and it is now standard stuff in codes with both PHP and JavaScript in them. You want a huge string array converted into a JavaScript array? No problem with JSON. Try it without JSON—and rots-o-ruck!

There are all kinds of JavaScript pop-up scripts and tooltip scripts in our tutorials. You think up a script you'll be needing, and you're nearly certain to find it in our scripts. There are plenty of image enlarging scripts, timing scripts, rollover scripts, image rotator scripts, etc. The good thing is that we took the time to write the tutorials as well as the time to test these scripts before putting them on our site. W3Schools has said that "JavaScript is THE scripting language of the Web." Google has said that "Enabling JavaScript is required for many search features to work." JavaScript, also known as ECMAScript, is a prototype-based, object-oriented scripting language that is dynamic, weakly typed and has first-class functions. But who cares what this means, right? Because what you and we care about is all the cool stuff you can do with it, as you can see below. Whether it's animation, form validation, cross-browser screen adjustments, rollovers, image rotators, or other neat stuff, the bottom line is that JavaScript is very neat stuff. In combination with PHP it's even better. Throw in Ajax and JSON and you've got the recipe for wonderful website, great applications, and endless hours of fun!

Arrays

Can I remove duplicates from an array?

How can I convert a Javascript array to a PHP array?

How do I use JavaScript Object Notation (JSON) in PHP and JavaScript to convert strings and arrays from PHP to JavaScript?

How do you Post a JavaScript Array to a PHP Array?

How can I get an array whose name is in a different array?

Code for getting an array whose name is in a different array

JavaScript Charts, Graphs, and Graphics

JavaScript Charts, Graphs, Graphics, Circles, Ellipses, Arcs, Lines, and Polygons

Grab and Drop, Not Drag and Drop

Add Ids and onClicks to Divs

Add Ids and onClicks and Grab and Drop to Divs

Make Anti-alias (Almost) Lines

Make Anti-alias (Almost) Lines Using Bresenham's Line Algorithm

Good JavaScript Circle Algorithm

Good JavaScript Ellipse Algorithm

Good JavaScript Arc Algorithm

Make JavaScript Irregular Polygon

JavaScript Area of Irregular Polygon Algorithm

Make Line Chart from User-Inputted Data

Make Line Chart from CSV Data

Make Line Chart from MySQL Table Data

Make Bar Chart from User-Inputted Data

Make Bar Chart from CSV Data

Make Bar Chart from MySQL Table Data

Make Pie Chart from User-Inputted Data

Make Pie Chart from CSV Data

Make Pie Chart from MySQL Table Data

Animation

How can one dynamically rewrite nearly any HTML code on a page with just a simple JavaScript function?

If you’ve utilized a timing function with setTimeout but your routine does enough complicated things that timing gets thrown off, how can you get it back on track?

When is an "if" conditional best and when is "switch" best?

How can one use the onChange event handler to respond to various option choices in a drop-down list box?

Pop-ups

How can I make images enlarge when the mouse cursor hovers over them?

How can I make thumbnail images enlarge into the center of the screen when the mouse cursor hovers over them and also float there regardless of scrolling?

How can I make images enlarge off to the side when the mouse cursor hovers over them?

How can I make images enlarge above a row of thumbnails when the mouse cursor hovers over them?

How can I make images enlarge or be replaced when the mouse cursor hovers over them?

What Are Fifteen Simple Methods of Doing Web-Page Pop-ups?

What is The CSS Height and Width Properties Pop-up Method?

What is The IE createPopup Pop-up Method?

What is The Window Pop-up Method?

What is The CSS Color Properties Pop-up Method?

What is The Banner Animator Pop-up Method?

What is The CSS Opacity Property Pop-up Method?

What is The setTimeout Pop-up Method?

What is The DOM setAttribute Pop-up Method?

What is The DOM appendChild Pop-up Method?

What is The CSS Z-index Property Pop-up Method?

What is The CSS Visibility Property Pop-up Method?

What is The Hide Div Outside Page Area Pop-up Method?

What is The CSS Display Property Pop-up Method?

What is The Art of Using an Overlay Mask with Your Pop-up Method?

Tooltips

Self closing rectangular tooltip that includes links

TEST PAGE: Self closing rectangular tooltip that includes links

Simplest version of a popup div timer

TEST PAGE: Simplest version of a popup div timer

rectangular tooltips getting data from mysql db using ajax

rectangular tooltips getting data from php file using ajax

TEST PAGE: rectangular tooltips getting data from php file using ajax

rectangular tooltips getting data from js file

TEST PAGE: rectangular tooltips getting data from js file

rectangular tooltips

TEST PAGE: rectangular tooltips

balloon tooltips that follow the cursor

TEST PAGE: balloon tooltips that follow the cursor

balloon tooltips

TEST PAGE: balloon tooltips

link images

TEST PAGE: link images

popup div advertisements

TEST PAGE: popup div advertisements

tooltips using CSS only

more tooltips using CSS only

TEST PAGE: more tooltips using CSS only

innerHTML

Why doesn't innerHTML act consistently cross-browser or cross-platform?

Is DOM or innerHTML faster executing?

What are some tips for using the innerHTML property to script JavaScript for the various browsers?

Browsers

What's the best way to browser-sniff (detection) in a cross-browser, cross-platform context?

Printing all or part of a page without the need for printer-friendly pages

What's the best way to keep one div stationary/still/locked while the page is being scrolled, in a cross-browser, cross-platform context?

What's the best way to utilize sounds in a cross-browser, cross-platform context?

Effective embedded sounds avoiding ActiveX

Dealing with the message "Click to activate and use this control" with ActiveX controls like Embed, Object, and Applet

What's the best way to deal with the message Click to activate and use this control with ActiveX controls like Embed, Object, and Applet?

Why don't we include codes that keep old browsers away from what they cannot comprehend, as well as alternate text code for disabled?

CSS Style Changes

What are the CSS style properties that are the easiest to change using W3C DOM methods?

How can I change an element’s class using W3C DOM methods?

How can any number of elements with sequentially numbered id’s have their style properties adjusted with hardly any code overhead?

Can for loops be used to change style property values on a range of elements?

Regular Expressions

What is a regular expression general input validator?

What is a regular expression user name validator?

What is a regular expression password validator?

What is a regular expression email validator?

What is a regular expression URL validator?

User Prints Validated Form to Send by Snail Mail

PHP, JSON, and JavaScript

How can you use JavaScript Object Notation (JSON) in PHP and JavaScript to convert strings and arrays from PHP to JavaScript?

How do you Convert PHP String to JavaScript String?

How do you do PHP-to-JavaScript String Conversion with No JSON?

How do you send a value to PHP using JavaScript?

Ajax

AJAX Return Array in Xmlhttp ResponseText

AJAX Return String and Array in One Xmlhttp responseText without Implode

AJAX Return String and Array in One Xmlhttp responseText with Implode

AJAX Return Two Arrays in One Xmlhttp responseText

AJAX Synchronous and Asynchronous Together

Ajax test 1

Ajax test 2

Ajax test 3

Ajax test 4

Ajax test 5

chat room home page

cms view website directory with dynamic descriptions and thumbnails

Ajax and PHP Based Insult Auto Completer

PHP based test of getting website info dynamically using separate links per URL and Ajax

PHP based test of getting website info dynamically using Ajax

Ajax and PHP Based Input Filter

DHTML

How can I Dynamically Create Input Boxes with Validation?

How can I add form input boxes dynamically with a loop?

Can I load an image from an if statement in the body?

How do I get some page objects to be in higher layers than others without having to play with z-indexes?

Performing event handling tests would seem to be a useless quest because button rollovers are traditionally handled by onMouseOver and onMouseOut, so what tests are needed?

What can I use for mouse coordinate reading?

How can I use the JavaScript eval() function for dealing with rollovers?

Programming Issues

How does BASIC compare with JavaScript?

Can I use an alert dialog for debugging and can it print the current value of a variable?

What's the best way to clear the status bar?

What's the best way to display a message on the status bar?

What is javascript:void(0) and how is it used?

Can I run a function inside another function?

Where can I find a simple decimal-to-hexadecimal converter?

Can I call three functions and concatenate their return values into a string all in one variable assignment?

What's the best way to preserve a variable between web pages?

BASIC vs JavaScript

Load Image from If Statement

Global Variables or Parameter Passing?

JavaScript allow only 10 checkbox inputs to be submitted

JavaScript Script: detailed validation of dates within a range

Security

Security levels from Javascript and PHP input filtering

Security Levels and PHP

Security Levels from Captchas and PHP Input Filtering

Exiting from a PHP Form Validator

Includes

How do I add html to a web page with JavaScript, PHP or ssi includes?

How do I add html to a web page with JavaScript includes?

PSBs

What is the PSB demo JavaScript code?