Difference between revisions of "PHP105 and a half"
From mi-linux
Jump to navigationJump to search| (6 intermediate revisions by 2 users not shown) | |||
| Line 15: | Line 15: | ||
Create the following file and save it as "menu.php" | Create the following file and save it as "menu.php" | ||
| − | + | <pre><nowiki><table border=1> | |
| − | + | <tr> | |
| − | + | <td><a href="page1.php">Page 1</a></td> | |
| − | + | <td><a href="page2.php">Page 2</a></td> | |
| − | + | <td><a href="page3.php">Page 3</a></td> | |
| − | + | </tr> | |
| − | + | </table></nowiki></pre> | |
| − | |||
| − | |||
Now create the following and save it as "page1.php" | Now create the following and save it as "page1.php" | ||
| − | + | <pre><nowiki><html><head><title>Page1</title></head> | |
| − | + | <body> | |
| − | + | <?php include ("menu.php"); ?> | |
| − | + | <p>this is the content of page 1</p> | |
| − | + | </body> | |
| − | + | </html></nowiki></pre> | |
| − | </ | + | <br>Now create the following and save it as "page2.php" |
| − | + | <pre><nowiki><html><head><title>Page2</title></head> | |
| − | + | <body> | |
| − | Now create the following and save it as "page2.php" | + | <?php include ("menu.php"); ?> |
| − | + | <p>this is the content of page 2</p> | |
| − | + | </body> | |
| − | + | </html></nowiki></pre> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
'''EXERCISE: See if you can create the third page??''' | '''EXERCISE: See if you can create the third page??''' | ||
| Line 50: | Line 43: | ||
save the following as "style0.css" | save the following as "style0.css" | ||
| − | + | <pre><nowiki>h1 | |
| − | + | { color:green; }</nowiki></pre> | |
| − | { color:green; }</nowiki> | ||
| − | |||
save the following as "style1.css" | save the following as "style1.css" | ||
| − | + | <pre><nowiki>h1 | |
| − | + | { color:blue; }</nowiki></pre> | |
| − | { color:blue; }</nowiki> | ||
| − | |||
save the following as "style2.css" | save the following as "style2.css" | ||
| − | + | <pre><nowiki>h1 | |
| − | + | { color:red; }</nowiki></pre> | |
| − | { color:red; }</nowiki> | ||
| − | |||
save the following as "page4.php" | save the following as "page4.php" | ||
| − | + | <pre><nowiki><html> | |
| − | + | <head> | |
| − | + | <title>Dynamic CSS</title> | |
| − | + | <?php | |
| − | + | if (isset($_POST["style"])) { | |
| − | + | $thisStyle=$_POST["style"]; | |
| − | + | } else { | |
| − | + | $thisStyle="0"; | |
| − | + | } | |
| − | + | print "<link rel=\"stylesheet\" href=\"style".$thisStyle.".css\">"; | |
| − | + | ?> | |
| − | + | </head> | |
| − | + | <body> | |
| − | + | <h1>What colour is this heading?</h1> | |
| − | ? | + | <form method="post" action="<?= $_SERVER["PHP_SELF"]; ?>"> |
| − | + | <input type="submit" name="style" value="0"><BR> | |
| − | + | <input type="submit" name="style" value="1"><BR> | |
| − | + | <input type="submit" name="style" value="2"> | |
| − | + | </form> | |
| − | + | </body> | |
| − | + | </html></nowiki></pre> | |
| − | |||
| − | |||
| − | |||
| − | </ | ||
| − | </ | ||
| − | |||
'''EXERCISE: See if you can create a third stylesheet??''' | '''EXERCISE: See if you can create a third stylesheet??''' | ||
Latest revision as of 13:28, 29 June 2016
Main Page >> Web Application Development >> Workbook >> Include
A word about include statements
A useful function in PHP is to include the contents of fileX in fileY at a given point.
For example:
- You could
- include a menu file in each page
- or a CSS file dynamically created from a database
- or any number of other ideas
Menu Include Example
Create the following file and save it as "menu.php"
<table border=1> <tr> <td><a href="page1.php">Page 1</a></td> <td><a href="page2.php">Page 2</a></td> <td><a href="page3.php">Page 3</a></td> </tr> </table>
Now create the following and save it as "page1.php"
<html><head><title>Page1</title></head>
<body>
<?php include ("menu.php"); ?>
<p>this is the content of page 1</p>
</body>
</html>
Now create the following and save it as "page2.php"
<html><head><title>Page2</title></head>
<body>
<?php include ("menu.php"); ?>
<p>this is the content of page 2</p>
</body>
</html>
EXERCISE: See if you can create the third page??
Dynamic CSS?
Create the following 2 cascading style sheets:
save the following as "style0.css"
h1
{ color:green; }
save the following as "style1.css"
h1
{ color:blue; }
save the following as "style2.css"
h1
{ color:red; }
save the following as "page4.php"
<html>
<head>
<title>Dynamic CSS</title>
<?php
if (isset($_POST["style"])) {
$thisStyle=$_POST["style"];
} else {
$thisStyle="0";
}
print "<link rel=\"stylesheet\" href=\"style".$thisStyle.".css\">";
?>
</head>
<body>
<h1>What colour is this heading?</h1>
<form method="post" action="<?= $_SERVER["PHP_SELF"]; ?>">
<input type="submit" name="style" value="0"><BR>
<input type="submit" name="style" value="1"><BR>
<input type="submit" name="style" value="2">
</form>
</body>
</html>
EXERCISE: See if you can create a third stylesheet??
EXERCISE: See if you can change the buttons for radio buttons or a drop down list??
