Källkod
Följande filer och mappar finns under mappen webbserverprogrammering.
Mappar visas till vänster och filer till höger. Klicka på en fil eller mapp för att öppna nedan eller visa dess innehåll.
webbserverprogrammering/exercises/forms_quiz/
7 filer
forms_quiz_1&2.php
forms_quiz_3.php
forms_quiz_4.php
forms_quiz_5.php
forms_quiz_5_mail.php
forms_quiz_6.php
forms_quiz_6_mail.php
forms_quiz_3.php
forms_quiz_4.php
forms_quiz_5.php
forms_quiz_5_mail.php
forms_quiz_6.php
forms_quiz_6_mail.php
forms_quiz_5.php
158 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
<?php
error_reporting(-1); // Report all type of errors
ini_set('display_errors', 1); // Display all errors
ini_set('output_buffering', 0); // Do not buffer outputs, write directly
?>
<!DOCTYPE html>
<html lang="sv">
<head>
<title>Formulär-quiz 5</title>
<meta charset="utf-8">
<style type="text/css">
body {
font-family: Arial;
}
h1 {
margin-bottom: 0;
}
#nameInput {
margin-top: 1em;
}
#results {
margin: 0 auto 1em auto;
width: 40%;
text-align: center;
}
#results h2 {
margin: 0;
font-size: 1.7em;
}
.center {
text-align: center;
margin: 0.5em;
}
.red {
background: red;
}
.green {
background: lime;
}
#email-form p {
margin-bottom: 0.3em;
}
</style>
</head>
<body>
<h1>Quizerino</h1>
<form action="" method="post">
<?php
if (count($_POST) === 0) {
?>
<input id="nameInput" type="text" name="name" placeholder="Namn" required><br><br>
<input type="submit" name="submitted" value="Gå till quizet">
<input type="hidden" name="stage" value="0">
</form>
<?php } else if ($_POST["stage"] === "0") {?>
<div id="question1">
<h4>Vad heter Burkina Fasos huvudstad?</h4>
<input type="radio" name="question1" value="Yamoussoukro" required> Yamoussoukro<br>
<input type="radio" name="question1" value="Addis Abeba" required> Addis Abeba<br>
<input type="radio" name="question1" value="Jakarta" required> Jakarta<br>
<input type="radio" name="question1" value="Ouagadougou" required> Ouagadougou<br>
<input type="hidden" name="stage" value="1">
<input type="hidden" name="name" value="<?php echo $_POST["name"]; ?>">
<br>
<input type="submit" name="submitted" value="Nästa fråga">
</div>
</form>
<?php } else if ($_POST["stage"] === "1") {?>
<div id="question2">
<h4>I vilket land är Asunción huvudstad?</h4>
<input type="radio" name="question2" value="Paraguay" required> Paraguay<br>
<input type="radio" name="question2" value="Suriname" required> Suriname<br>
<input type="radio" name="question2" value="Chile" required> Chile<br>
<input type="radio" name="question2" value="Ecuador" required> Ecuador<br>
<input type="hidden" name="stage" value="2">
<input type="hidden" name="name" value="<?php echo $_POST["name"]; ?>">
<input type="hidden" name="question1" value="<?php echo $_POST["question1"]; ?>">
<br>
<input type="submit" name="submitted" value="Nästa fråga">
</div>
</form>
<?php } else if ($_POST["stage"] === "2") {?>
<div id="question3">
<h4>Vilken av följande färger finns <em>inte</em> på Dominicas flagga?</h4>
<input type="radio" name="question3" value="Lila" required> Lila<br>
<input type="radio" name="question3" value="Blå" required> Blå<br>
<input type="radio" name="question3" value="Grön" required> Grön<br>
<input type="radio" name="question3" value="Svart" required> Svart<br>
<input type="hidden" name="stage" value="3">
<input type="hidden" name="name" value="<?php echo $_POST["name"]; ?>">
<input type="hidden" name="question1" value="<?php echo $_POST["question1"]; ?>">
<input type="hidden" name="question2" value="<?php echo $_POST["question2"]; ?>">
<br>
<input type="submit" name="submitted" value="Se resultat">
</div>
</form>
<?php }
else if($_POST["stage"] === "3") {
$name = $_POST["name"];
$correctNr = 0;
$q1 = $_POST["question1"];
$q2 = $_POST["question2"];
$q3 = $_POST["question3"];
if ($q1 === "Ouagadougou")
$correctNr++;
if ($q2 === "Paraguay")
$correctNr++;
if ($q3 === "Blå")
$correctNr++;
?>
</form>
<div id="results">
<h2>Resulat</h2>
<h3 class="center"><?php echo $correctNr; ?>/3 rätt</h3>
<p class="center">Bra jobbat <?php echo $name; ?>!</p>
<button href="">Testa igen</button>
<br>
<form id="email-form" method="post" action="forms_quiz_5_mail.php" target="_blank">
<p>Skriv in e-postadress för att få resultatet skickat till dig:</p>
<input type="email" name="email" placeholder="E-postadress" required>
<input type="hidden" name="name" value="<?php echo $name; ?>">
<input type="hidden" name="question1" value="<?php echo $q1; ?>">
<input type="hidden" name="question2" value="<?php echo $q2; ?>">
<input type="hidden" name="question3" value="<?php echo $q3; ?>">
<button>Skicka resultatet</button>
</form>
</div>
<div id="answerKey">
<div id="question1">
<h4>Vad heter Burkina Fasos huvudstad?</h4>
<?php echo ($q1 == "Yamoussoukro") ? "<span class='red'>Yamoussoukro</span>" : "Yamoussoukro" ?><br>
<?php echo ($q1 == "Addis Abeba") ? "<span class='red'>Addis Abeba</span>" : "Addis Abeba" ?><br>
<?php echo ($q1 == "Jakarta") ? "<span class='red'>Jakarta</span>" : "Jakarta" ?><br>
<span class="green">Ouagadougou</span><br>
<br>
</div>
<div id="question2">
<h4>I vilket land är Asunción huvudstad?</h4>
<span class="green">Paraguay</span><br>
<?php echo ($q2 == "Suriname") ? "<span class='red'>Suriname</span>" : "Suriname" ?><br>
<?php echo ($q2 == "Chile") ? "<span class='red'>Chile</span>" : "Chile" ?><br>
<?php echo ($q2 == "Ecuador") ? "<span class='red'>Ecuador</span>" : "Ecuador" ?><br>
<br>
</div>
<div id="question3">
<h4>Vilken av följande färger finns <em>inte</em> på Dominicas flagga?</h4>
<?php echo ($q3 == "Lila") ? "<span class='red'>Lila</span>" : "Lila" ?><br>
<span class="green">Blå</span><br>
<?php echo ($q3 == "Grön") ? "<span class='red'>Grön</span>" : "Grön" ?><br>
<?php echo ($q3 == "Svart") ? "<span class='red'>Svart</span>" : "Svart" ?>
</div>
</div>
<?php
}
?>
</body>
</html>