I am trying to use some of the old code and while that part seems to work OK the header picture is not being displayed. It is only displaying the alt picture message, but is displaying the nav bar as plain links, without the attributes I added from the Site Designer program.
As the code that I wrote the original webpage in is PHP, so I must have a .php extension to the file.
The PHP code is connecting to a database so that's why it must be a php file.
<?php
include ("connect_Verses4Cards.php");
$conn = get_db_conn_verse();
//Function to build select options based on passed array
function buildSelectOptions($name, array $options, $current=null){
$htmlString = "<select name='{$name}' id='{$name}'>\n";
foreach($options as $value=>$option){
$htmlString .= "\t<option value='{$value}'";
if($value == $current){
$htmlString .= " selected";
}
$htmlString .= ">{$option}</option>\n";
}
$htmlString .= "</select>\n";
return $htmlString;
}
function getEvents($conn){
$qry = "SELECT id ,Event_Type FROM Events ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res1 = mysqli_fetch_array($sql)){
$ret1[$res1['id']] = $res1['Event_Type'];
}
return $ret1;
}
function getMoods($conn){
$qry = "SELECT id ,Event_Sub_Type FROM Event_Sub ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res2 = mysqli_fetch_array($sql)){
$ret2[$res2['id']] = $res2['Event_Sub_Type'];
}
return $ret2;
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="RSD 5.0.3499">
<title>Verse Chioces</title>
<link rel="stylesheet" href="css/vanillacss.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script class="picturefill" async="async" src="js/picturefill.min.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,500">
</head>
<body>
<div class="responsive-picture picture-1">
<picture>
<img alt="Placeholder Picture" width="374" height="179" src="./images/Merge%20Logo.jpg" loading="lazy">
</picture>
</div>
<div class="container container-2">
<a class="link-text navlink" href="index.html" title="Home">Home</a>
<a class="link-text navlink" href="#">Links</a>
<a class="link-text navlink" href="#">Verses</a>
<a class="link-text navlink" href="#">Techniques</a>
<a class="link-text navlink" href="#">Gallery</a>
<a class="link-text navlink" href="#">Contact</a>
<a class="link-text navlink" href="#">About Us</a>
</div>
<div class="container"></div>
<h2>Verse Choices Form</h2>
<p class="paragraph">You can filter the database, by selecting one of the items in each drop down menu and clicking the submit button.<br>This will list the chosen range of greetings by type of event (e.g. Birthday) and sub category (e.g. Mother).<br>There are 2 versions:<br></p>
<ul class="unorder-list">
<li class="list-item">Basic Version - Which will only allow you to choose from a list of font colours.</li>
<li class="list-item">Advance Version - which, using a colour bar, will allow you to choose an infinate choice of colours by moving the pointer over the colour grid.</li>
</ul>
<h4>BASIC VERSION</h4>
<form class="form-container" method="post" action="VerseQuery.php" name="Verse Query"><input type="hidden" name="Name1" value="Value1"></form>
<script src="js/jquery.min.js"></script>
<script src="js/outofview.js"></script>
<form action="VerseQuery.php" method="post">
<?php echo buildSelectOptions('event', getEvents($conn), 1);?>
<?php echo buildSelectOptions('mood', getMoods($conn), 1);?>
<input type="submit" value="submit"/>
</form>
</body>
</html>
include ("connect_Verses4Cards.php");
$conn = get_db_conn_verse();
//Function to build select options based on passed array
function buildSelectOptions($name, array $options, $current=null){
$htmlString = "<select name='{$name}' id='{$name}'>\n";
foreach($options as $value=>$option){
$htmlString .= "\t<option value='{$value}'";
if($value == $current){
$htmlString .= " selected";
}
$htmlString .= ">{$option}</option>\n";
}
$htmlString .= "</select>\n";
return $htmlString;
}
function getEvents($conn){
$qry = "SELECT id ,Event_Type FROM Events ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res1 = mysqli_fetch_array($sql)){
$ret1[$res1['id']] = $res1['Event_Type'];
}
return $ret1;
}
function getMoods($conn){
$qry = "SELECT id ,Event_Sub_Type FROM Event_Sub ORDER BY id";
$sql = mysqli_query($conn, $qry)or die(mysqli_error($conn));
if(mysqli_num_rows($sql) < 1){
return array();
}
while($res2 = mysqli_fetch_array($sql)){
$ret2[$res2['id']] = $res2['Event_Sub_Type'];
}
return $ret2;
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="RSD 5.0.3499">
<title>Verse Chioces</title>
<link rel="stylesheet" href="css/vanillacss.min.css">
<link rel="stylesheet" href="css/wireframe-theme.min.css">
<script>document.createElement( "picture" );</script>
<script class="picturefill" async="async" src="js/picturefill.min.js"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,500">
</head>
<body>
<div class="responsive-picture picture-1">
<picture>
<img alt="Placeholder Picture" width="374" height="179" src="./images/Merge%20Logo.jpg" loading="lazy">
</picture>
</div>
<div class="container container-2">
<a class="link-text navlink" href="index.html" title="Home">Home</a>
<a class="link-text navlink" href="#">Links</a>
<a class="link-text navlink" href="#">Verses</a>
<a class="link-text navlink" href="#">Techniques</a>
<a class="link-text navlink" href="#">Gallery</a>
<a class="link-text navlink" href="#">Contact</a>
<a class="link-text navlink" href="#">About Us</a>
</div>
<div class="container"></div>
<h2>Verse Choices Form</h2>
<p class="paragraph">You can filter the database, by selecting one of the items in each drop down menu and clicking the submit button.<br>This will list the chosen range of greetings by type of event (e.g. Birthday) and sub category (e.g. Mother).<br>There are 2 versions:<br></p>
<ul class="unorder-list">
<li class="list-item">Basic Version - Which will only allow you to choose from a list of font colours.</li>
<li class="list-item">Advance Version - which, using a colour bar, will allow you to choose an infinate choice of colours by moving the pointer over the colour grid.</li>
</ul>
<h4>BASIC VERSION</h4>
<form class="form-container" method="post" action="VerseQuery.php" name="Verse Query"><input type="hidden" name="Name1" value="Value1"></form>
<script src="js/jquery.min.js"></script>
<script src="js/outofview.js"></script>
<form action="VerseQuery.php" method="post">
<?php echo buildSelectOptions('event', getEvents($conn), 1);?>
<?php echo buildSelectOptions('mood', getMoods($conn), 1);?>
<input type="submit" value="submit"/>
</form>
</body>
</html>
Can some one help me solve this problem?
Rocky48