Difference between revisions of "PHP105 and a half"
From mi-linux
Jump to navigationJump to searchm (PHP105.5 moved to PHP105 and a half) |
|||
| (11 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | [[Main Page]] >> [[CP2228|Web Application Development]] >> [[PHP|Workbook]] >> Include | ||
| + | |||
A word about include statements | A word about include statements | ||
| Line 10: | Line 12: | ||
** or any number of other ideas | ** or any number of other ideas | ||
| − | + | == Menu Include Example == | |
| + | |||
| + | 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" | ||
| + | <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> | ||
| + | <?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??''' | ||
| + | |||
| + | == Dynamic CSS? == | ||
| + | |||
| + | Create the following 2 cascading style sheets: | ||
| + | |||
| + | save the following as "style0.css" | ||
| + | <pre><nowiki>h1 | ||
| + | { color:green; }</nowiki></pre> | ||
| + | save the following as "style1.css" | ||
| + | <pre><nowiki>h1 | ||
| + | { color:blue; }</nowiki></pre> | ||
| + | save the following as "style2.css" | ||
| + | <pre><nowiki>h1 | ||
| + | { color:red; }</nowiki></pre> | ||
| + | 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 change the buttons for radio buttons or a drop down list??''' | ||
| − | + | ==Ready to move on?== | |
| + | [[PHP106|PHP106 - Flow Control - Selection]] | ||
Latest revision as of 14: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??
