Javascript, PHP and MySQL used together - training example

Client Side Technologies example from a Well House Consultants training course
More on Client Side Technologies [link]

This example is described in the following article(s):
• Javascript examples (some PHP and MySQL too) - [link]

If you're searching for a page where you can try this code, select here

This example references the following resources:
http://www.wellho.net/demo/nine.php
http://www.wellho.net/course/phfull.html
http://www.wellho.net/course/mqfull.html
http://www.wellho.net/resources/ex.php4?item=w602/nine.php

Source code: nine.php Module: W602


<html>
<head>
<title>This is a Javacript PHP and SQL demo</title>
<script type=text/javascript language=javascript>
<!-- Hide Javascript on old browsers

// This example produces a form with two pulldown (select) menus.
// First menu is for seasons of the year
// Second menu is for the month within that season

// Second menu start off being DISABLED
// Javascript completes second menu and enables it when
// an item is chosen in the first menu

// When the submit button is pressed, result is handled on
// the server by PHP which connects to the MySQL database

// Remember - the Javascript runs on the client (browser)
//          - the PHP runs on the web server
//          - the MySQL also runs on a server (same one in this example)

// Available for testing at http://www.wellho.net/demo/nine.php
// See http://www.wellho.net/course/phfull.html for our PHP courses
// See http://www.wellho.net/course/mqfull.html for our MySQL courses

mnames = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Xmas")

function namemonths(current) {
        season = current.options[current.selectedIndex].value
        if (season != "") {
                season_number = parseInt(season)
                document.timeofyear.month.options.length = 0
                for (mp = 0; mp < 3; mp ++) {
                        am = season_number * 3 + mp
                        document.timeofyear.month.options[mp] = new Option(mnames[am])
                        document.timeofyear.month.options[mp].value = am + 1
                }
                document.timeofyear.month.disabled = false
        } else {
                document.timeofyear.month.disabled = true
        }
}
-->
</script>
</head>
<body>
<h1>Hello Javascript / PHP / MySQL  World</h1>
HTML for the page ... Javascript to control the form and change the
options dynamically ... PHP to handle the incoming data at the server
... and an SQL database (MySQL) to provide the data for the response.
<b>Please try it out!</b><hr>
<?php if ($_REQUEST[fred]) {
        print ("Previous selection; $_REQUEST[month]");
        @mysql_connect("localhost","test_name","test_password");
        @mysql_select_db("test_database");
        $rs = @mysql_query("select * from mtab where mno = '$_REQUEST[month]'");
        $info = @mysql_fetch_assoc($rs);
        if ($info) print ("<br>$info[mname] ... $info[about]<br>");
        print ("<hr>");
}?>
<form name=timeofyear>Please select a season
<select name=ssn onChange="namemonths(this)">
<option value="">------</option>
<option value=1>Spring</option>
<option value=2>Summer</option>
<option value=3>Autumn</option>
<option value=0>Winter</option>
</select>
<select name=month disabled=true>
<option>which</option>
</select>
<input name=fred type=hidden value=1>
<input type=submit>
</form><hr>
<a href=http://www.wellho.net>Well House Consultants</a>
<?= date("Y") ?><br>
See <a href=http://www.wellho.net/resources/ex.php4?item=w602/nine.php>source code</a>
</body>
</html>

Learn about this subject

This module and example are covered on our public Getting Public Sector Data on Line course. If you have a group of three or more trainees who need to learn the subject, we can also arrange a private or on site course for you.

Books covering this topic

Yes. We have over 700 books in our library. Books covering are listed here and when you've selected a relevant book we'll link you on to Amazon to order.

Other Examples

This example comes from our "Client Side Technologies" training module. You'll find a description of the topic and some other closely related examples on the "Client Side Technologies" module index page.

Full description of the source code

You can learn more about this example on the training courses listed on this page, on which you'll be given a full set of training notes.

Many other training modules are available for download (for limited use) from our download centre under an Open Training Notes License.

Other resources

• Our Solutions centre provides a number of longer technical articles.
• Our Opentalk forum archive provides a question and answer centre.
• The Horse's mouth provides a daily tip or thought.
• Further resources are available via the resources centre.
• All of these resources can be searched through through our search engine
• And there's a global index here.

Purpose of this website

This is a sample program, class demonstration or answer from a training course. It's main purpose is to provide an after-course service to customers who have attended our public private or on site courses, but the examples are made generally available under conditions described below.

Web site author

This web site is written and maintained by Well House Consultants.

Conditions of use

Past attendees on our training courses are welcome to use individual examples in the course of their programming, but must check the examples they use to ensure that they are suitable for their job. Remember that some of our examples show you how not to do things - check in your notes. Well House Consultants take no responsibility for the suitability of these example programs to customer's needs.

This program is copyright Well House Consultants Ltd. You are forbidden from using it for running your own training courses without our prior written permission. See our page on courseware provision for more details.

Any of our images within this code may NOT be reused on a public URL without our prior permission. For Bona Fide personal use, we will often grant you permission provided that you provide a link back. Commercial use on a website will incur a license fee for each image used - details on request.