Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

chapter09-project01.php code: <!DOCTYPE html> <html lang=\"en\"> <head> <meta ch

ID: 3819609 • Letter: C

Question

chapter09-project01.php code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapter 9</title>

<!-- Bootstrap core CSS -->
<link href="bootstrap3_defaultTheme/dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="chapter09-project01.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_defaultTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_defaultTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>

<body>

<?php include 'art-header.inc.php' ?>

<div class="container">



<div class="row">
<div class="col-md-3">
  
<div class="panel panel-default">
<div class="panel-heading">Account</div>
<div class="panel-body">

<ul class="nav nav-pills nav-stacked">
<li><a href="#">Login</a></li>
<li class="active"><a href="#">Register</a></li>

</ul>


</div>
</div>
  
</div>
<div class="col-md-9">
  
  
<form role="form" class="form-horizontal" >
<div class="page-header">
<h2>Register Account</h2>
<p>If you already have an account with us, please login at the login page.</p>   
</div>


<div class="form-group">
<label for="first" class="col-md-3 control-label">First Name</label>
<div class="col-md-9">
<input type="text" class="form-control" name="first" >
</div>
</div>
<div class="form-group">
<label for="last" class="col-md-3 control-label">Last Name</label>
<div class="col-md-9">
<input type="text" class="form-control" name="last" >
</div>
</div>
<div class="form-group">
<label for="email" class="col-md-3 control-label">Email</label>
<div class="col-md-9">
<input type="email" class="form-control" name="email">
</div>
</div>


<div class="form-group">
<label for="password1" class="col-md-3 control-label">Password</label>
<div class="col-md-9">
<input type="password" class="form-control" name="password1">
</div>
</div>
<div class="form-group">
<label for="password2" class="col-md-3 control-label">Password Confirm</label>
<div class="col-md-9">
<input type="password" class="form-control" name="password2">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-9">
<div class="checkbox">
<label>
<input type="checkbox" name="privacy" > I agree to the <a href="#">privacy policy</a>
</label>
</div>
</div>
</div>   


<div class="form-group">
<div class="col-md-offset-3 col-md-9">
<button type="submit" class="btn btn-primary">Register</button>
</div>
</div>

  
</form>
</div>
</div>
  


</div> <!-- end container -->

<?php include 'art-footer.inc.php' ?>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_defaultTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_defaultTheme/dist/js/bootstrap.min.js"></script>
</body>
</html>

art-form-process.php code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapter 9</title>

<!-- Bootstrap core CSS -->
<link href="bootstrap3_defaultTheme/dist/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="chapter09-project01.css" rel="stylesheet">

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_defaultTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_defaultTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>

<body>

<?php include 'art-header.inc.php' ?>

<div class="container">



<div class="row">
<div class="col-md-3">
  
<div class="panel panel-default">
<div class="panel-heading">Account</div>
<div class="panel-body">

<ul class="nav nav-pills nav-stacked">
<li>menu items here</li>
</ul>


</div>
</div>

</div>
<div class="col-md-9">
  
<div class="page-header">
<h2>My Account</h2>
<p>Welcome </p>   
</div>

<div class="well">
<p>passed form data here</p>   
</div>
</div>
</div>
  


</div> <!-- end container -->

<?php include 'art-footer.inc.php' ?>

<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_defaultTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_defaultTheme/dist/js/bootstrap.min.js"></script>
</body>
</html>

art-footer.php CODE:

<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-info-sign"></span> About Us</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-earphone"></span> Customer Service</h4>
<ul class="nav nav-stacked">
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Terms and Conditions</a></li>
</ul>   
</div>
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-shopping-cart"></span> Just Ordered</h4>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="images/art/tiny/099110.jpg" alt="...">
</a>
<div class="media-body">
<p class="media-heading similarTitle"><a href="#">The Veiled Woman</a></p>
<em>5 minutes ago</em>
</div>
</div>
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="images/art/tiny/116010.jpg" alt="...">
</a>
<div class="media-body">
<p class="media-heading similarTitle"><a href="#">Artist Holding a Thistle</a></p>
<em>11 minutes ago</em>
</div>
</div>   
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="images/art/tiny/113010.jpg" alt="...">
</a>
<div class="media-body">
<p class="media-heading similarTitle"><a href="#">Self-portrait in a Straw Hat</a></p>
<em>23 minutes ago</em>
</div>
</div>
</div>   
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-envelope"></span> Contact us</h4>
<form role="form">
<div class="form-group tight-form-group">
<label class="sr-only" for="name">Name</label>
<input type="text" class="form-control" name="email" placeholder="Enter name ...">
</div>
<div class="form-group tight-form-group">
<label class="sr-only" for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Enter email ...">
</div>
<div class="form-group tight-form-group">
<label class="sr-only" for="email">Email</label>
<textarea class="form-control" rows="3" placeholder="Enter message ..."></textarea>
</div>   
<button type="submit" class="btn btn-primary btn-block">Submit</button>
</form>
</div>

</div>
</div>

<div id="copyrightRow">
<div class="container">
<div class="row">
<p class="text-muted">All images are copyright to their owners. This is just a hypothetical site
<span class="pull-right">&copy; 2014 Copyright Art Store</span></p>
</div>
</div>
</div>
</footer>

art-header.php CODE:

<header>

<div id="topHeaderRow" >
<div class="container">
<nav class="navbar navbar-inverse " role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<p class="navbar-text">Welcome to <strong>Art Store</strong>, <a href="#" class="navbar-link">Login</a> or <a href="#" class="navbar-link">Create new account</a></p>
</div>

<div class="collapse navbar-collapse navbar-ex1-collapse pull-right">
<ul class="nav navbar-nav">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> My Account</a></li>
<li><a href="#"><span class="glyphicon glyphicon-gift"></span> Wish List</a></li>
<li><a href="#"><span class="glyphicon glyphicon-shopping-cart"></span> Shopping Cart</a></li>
<li><a href="#"><span class="glyphicon glyphicon-arrow-right"></span> Checkout</a></li>
</ul>
</div>
</nav>
</div>
</div>   

<div id="logoRow" >
<div class="container">
<div class="row">
<div class="col-md-8">
<h1>Art Store</h1>
</div>
  

<div class="col-md-4">
<form class="form-inline" role="search">
<div class="input-group">
<label class="sr-only" for="search">Search</label>
<input type="text" class="form-control" placeholder="Search" name="search">
<span class="input-group-btn">
<button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</form>
</div>

  
</div>

  
</div>
</div>

<div id="mainNavigationRow" >
<div class="container">

<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Art Works</a></li>
<li><a href="#">Artists</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Specials <b class="caret"></b></a>
<ul class="dropdown-menu">
<?php
for ($i=0; $i < 5; $i++) {
$extra = $i + 1;
echo '<li><a href="#">Special ' . $extra . '</a></li>';
}

?>
</ul>
</li>
</ul>
</div>
</nav>
</div> <!-- end container -->
</div> <!-- end mainNavigationRow -->

</header>

art-data.php CODE:

<?php

$recentOrders = array();
$recentOrders[] = array("filename" => "113010.jpg", "title" => "Self-portrait in a Straw Hat", "time" => 9);
$recentOrders[] = array("filename" => "099110.jpg", "title" => "The Veiled Woman", "time" => 25);
$recentOrders[] = array("filename" => "116010.jpg", "title" => "Artist Holding a Thistle", "time" => 41);

?>

Overview Demonstrate your ability to work with arrays and superglobals in PHP Instructions 1. You have been provided with two files: the data entry form (Chapter09 project 01.php) and the page that will process the form data (art-form-process php). Examine both in the browser 2. Modify Chapter09-project 01.php so that it uses the POST method and art-form-process.php as the form action. 3. Modify art-form-process.php so that it displays the email, first name, last name, and privacy values that were entered into the form, as shown in Figure 9 This will require using the appropriate superglobal array. Also display the first name and last name in the welcome greeting. 4. In form-process.php, define an array that contains the labels for the account menu (see Figure 9.13). Replace the hard-coded list in the file with a loop that displays the equivalent list using the contents of your just-defined array. Notice that some conditional logic will be required to add the class "active" attribute to the correct

Explanation / Answer

chapter09-project01.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapter 9</title>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_defaultTheme/dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="chapter09-project01.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_defaultTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_defaultTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>

<?php include 'art-header.inc.php' ?>
<div class="container">


<div class="row">
<div class="col-md-3">
  
<div class="panel panel-default">
<div class="panel-heading">Account</div>
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li><a href="#">Login</a></li>
<li class="active"><a href="#">Register</a></li>
</ul>

</div>
</div>
  
</div>
<div class="col-md-9">
  
  
<form role="form" class="form-horizontal" action="art-form-process.php" method="post" >
<div class="page-header">
<h2>Register Account</h2>
<p>If you already have an account with us, please login at the login page.</p>   
</div>

<div class="form-group">
<label for="first" class="col-md-3 control-label">First Name</label>
<div class="col-md-9">
<input type="text" class="form-control" name="first" >
</div>
</div>
<div class="form-group">
<label for="last" class="col-md-3 control-label">Last Name</label>
<div class="col-md-9">
<input type="text" class="form-control" name="last" >
</div>
</div>
<div class="form-group">
<label for="email" class="col-md-3 control-label">Email</label>
<div class="col-md-9">
<input type="email" class="form-control" name="email">
</div>
</div>

<div class="form-group">
<label for="password1" class="col-md-3 control-label">Password</label>
<div class="col-md-9">
<input type="password" class="form-control" name="password1">
</div>
</div>
<div class="form-group">
<label for="password2" class="col-md-3 control-label">Password Confirm</label>
<div class="col-md-9">
<input type="password" class="form-control" name="password2">
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-md-9">
<div class="checkbox">
<label>
<input type="checkbox" name="privacy" > I agree to the <a href="#">privacy policy</a>
</label>
</div>
</div>
</div>   

<div class="form-group">
<div class="col-md-offset-3 col-md-9">
<button type="submit" class="btn btn-primary">Register</button>
</div>
</div>

  
</form>
</div>
</div>
  

</div> <!-- end container -->
<?php include 'art-footer.inc.php' ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_defaultTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_defaultTheme/dist/js/bootstrap.min.js"></script>
</body>
</html>

art-form-process.php

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chapter 9</title>
<!-- Bootstrap core CSS -->
<link href="bootstrap3_defaultTheme/dist/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="chapter09-project01.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="bootstrap3_defaultTheme/assets/js/html5shiv.js"></script>
<script src="bootstrap3_defaultTheme/assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>

<?php include 'art-header.inc.php' ?>
<?php
$fname=$_POST['first'];
$lname=$_POST['last'];
$email=$_POST['email'];
$password=$_POST['password1'];
$conf_password=$_POST['password2'];
$privacy="off";
$privacy=$_POST['privacy'];
?>
<div class="container">


<div class="row">
<div class="col-md-3">
  
<div class="panel panel-default">
<div class="panel-heading">Account</div>
<div class="panel-body">
<ul class="nav nav-pills nav-stacked">
<li>menu items here</li>
             
           <?php
           $menu = array("Menu item1", "Menu item2", "Menu item3");
           foreach($menu as $x)
{
echo "<li>$x</li>";
}
?>
</ul>


</div>
</div>
</div>
<div class="col-md-9">
  
<div class="page-header">
<h2>My Account</h2>
<p>Welcome <?php echo $fname." ".$lname ?></p>   
</div>

<div class="well">
<p>You entered the following data:</p>
           <?php
           echo "Email: ".$email."<br/>";
           echo "First Name: ".$fname."<br/>";
           echo "Last Name: ".$lname."<br/>";
           if(strcasecmp($password, $conf_password) == 0)
           {
           echo "<p class='text-success'>password matched! </p><br/>";
           echo "Password: ".$password."<br/>";
           }
           else
           {
               echo "<p class='text-warning'>password Mismatched! </p><br/>";
           }
           echo "Privacy: ".$privacy."<br/>";
?>          
</div>
</div>
</div>
  

</div> <!-- end container -->
<?php include 'art-footer.inc.php' ?>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="bootstrap3_defaultTheme/assets/js/jquery.js"></script>
<script src="bootstrap3_defaultTheme/dist/js/bootstrap.min.js"></script>
</body>
</html>

art-footer.inc.php (There is some minor error that can be fixed)

<footer>
<div class="container">
<div class="row">
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-info-sign"></span> About Us</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-earphone"></span> Customer Service</h4>
<ul class="nav nav-stacked">
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Terms and Conditions</a></li>
</ul>   
</div>
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-shopping-cart"></span> Just Ordered</h4>
           <?php include_once "art-data.php";          
           //print_r ($recentOrders);
           foreach($recentOrders as $key => $value) {
echo '<div class="media">';
echo '<a class="pull-left" href="#">'
   //echo '<img class="media-object" src="images/art/tiny/';.'$recentOrders["filename"]'.' alt="...">';
   print '<img class="media-object" src="images/art/tiny/{$recentOrders[filename]} alt="...">';
   echo '</a>';
   echo '<div class="media-body">'
   echo '<p class="media-heading similarTitle"><a href="#">'.$recentOrders['title'].'</a></p>';
   echo '<em>'.$recentOrders['time'].'minutes ago</em>';
   echo '</div>';
}
       ?>

</div>   
<div class="col-md-3">
<h4><span class="glyphicon glyphicon-envelope"></span> Contact us</h4>
<form role="form">
<div class="form-group tight-form-group">
<label class="sr-only" for="name">Name</label>
<input type="text" class="form-control" name="email" placeholder="Enter name ...">
</div>
<div class="form-group tight-form-group">
<label class="sr-only" for="email">Email</label>
<input type="email" class="form-control" name="email" placeholder="Enter email ...">
</div>
<div class="form-group tight-form-group">
<label class="sr-only" for="email">Email</label>
<textarea class="form-control" rows="3" placeholder="Enter message ..."></textarea>
</div>   
<button type="submit" class="btn btn-primary btn-block">Submit</button>
</form>
</div>

</div>
</div>

<div id="copyrightRow">
<div class="container">
<div class="row">
<p class="text-muted">All images are copyright to their owners. This is just a hypothetical site
<span class="pull-right">&copy; 2014 Copyright Art Store</span></p>
</div>
</div>
</div>
</footer>

Related Questions

chapter 24 part 4 1. Approximately what is the smallest detail (in nanometers) o
Question #2037071
chapter 25 question 1. Some telephoto cameras use a mirror rather than a lens. W
Question #2040391
chapter 28, Problem 010 ?proton traves through unifonm magnetic and electric fie
Question #2031642
chapter 3 # 11 1. Revenue at a major cellular telephone manufacturer was $1.4 bi
Question #1193934
chapter 3 #12 2. You are the manager of a firm that sells a leading brand of alk
Question #1193935
chapter 3 #2 2. The demand curve for a product Is given by Qd x = 1,000 ? 2Px +
Question #1193931
chapter 3 Q 8: The Optical Scam Company has forecast a sales growth rate of 25 p
Question #2813470
chapter 3 problem 11mcq I am having trouble understanding how this solution came
Question #1335069
Hire Me For All Your Tutoring Needs
Integrity-first tutoring: clear explanations, guidance, and feedback.
Drop an Email at
drjack9650@gmail.com
Chat Now And Get Quote

Navigate

Previous
chapter08-project02.php CODE: <!DOCTYPE html> <html lang=\"en\"> <head> <meta ch
Next
chapter09-project02.php Code: <?php include \'travel-data.php\'; asort($continen

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.