D: Deleting Data

What if we want to get rid of some information?  Luckily this is the easiest to do…but the most dangerous!! If you choose to delete a record – make sure you delete any records that depend on the record.  For example, if you deleted a member from the Members table – then you would need…

Read More

C: Creating or Adding Data

You know how to make forms and you know how to insert data using SQL – let’s put the two together!  Let’s insert a member into the Members database structure shown below. First, create your form as you normally would in HTML.  The only difference is we need to add a link to the PHP…

Read More

Homework Help: Manipulating HTML & CSS

Having trouble figuring out how to do the four boxes…. HTML <!DOCTYPE html> <html> <head> <link rel=”stylesheet” href=”change.css”></link> <script src=”change.js”></script> </head> <body> <h1 id=”top”>Let’s See How Things Change</h1> <p>We are going to make a simple grid of four boxes of different color and then play around with them.</p> <div class=”clear”></div> <div id=”box1″>This is box 1</div>…

Read More

Events in JavaScript

HTML events are things that happen to HTML elements. When JavaScript is used – it can react to these events. Some events: A web page has finished loading An HTML button or element was clicked An HTML input field was changed. These are just a few of the many, many events you use in JavaScript.…

Read More

Changing HTML & CSS

Once you have found the HTML element you want to change – let’s learn how to change it. You do this by using the innerHTML property. Every element has this property and it tells you what content is between the starting and ending tags of an element. Here is the basic syntax: document.getElementById(id).innerHTML =”new HTML”…

Read More

Finding HTML DOM Elements

Now that you know what the DOM is – how do you use it? In order to change HTML you need to be able to find the HTML element that you want to change. There are several ways to do this, but we are going to learn the most straightforward way first. By ID This…

Read More

Document Object Model

The DOM is a tree like structure that comes down from the root element with branches like head or body. For example, if you have the HTML document below: <!DOCTYPE html> <html> <head> <title>Basic HTML Page</title> <link> rel=”stylesheet” href=”style.css”></link> </head> <body> <h1>My First Web Page</h1> <p>This is a paragraph with a bit of <a href=”link.html”>link.</a></p>…

Read More

Comparison & Logical Operators

Booleans Booleans are another date type along with numbers and strings which you learned about in the last lesson. An important part of programming is being able to compare values in order to make decisions in code. Very often, in programming, you will need a data type that can only have one of two values,…

Read More