Das Ergebnis
Hier der komplette Quellcode des oben gezeigten (also mit CSS und dem ein oder anderen Stil-Tag):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Zufallsgenerator</title>
<style>
body{
font-family:Verdana, Geneva, sans-serif;
background-color:#F3F3F3;
}
fieldset{
border:1px solid #CCC;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
background-color:#FFFFFF;
width:900px;
padding:25px;
margin:100px auto;
}
h1{
font-size:25px;
}
h4{
color:#FF9900;
margin-top:-30px;
}
textarea{
width:99%;
height:250px;
overflow:visible;
}
input[type="submit"]{
margin-top:12px;
width:100%;
height:60px;
font-size:18px;
color:#FF0000;
}
.line_content{
color:#FF0000;
font-style:oblique;
}
hr{
background-color:#D7D7D7;
border:0;
height:2px;
}
</style>
</head>
<body>
<fieldset>
<?php
// Wenn das Formular leer ist
if(!isset($_POST['array']) or $_POST['array'] == '')
{
?>
<center>
<h1>Bitte geben Sie die möglichen Werte unten ein: </h1>
<br>
<h4>Ein Wert pro Zeile!</h4>
<form action method="post">
<textarea name="array"></textarea>
<input type="submit" value="Abschicken!" />
</form>
</center>
<?php
} else
{
$line_count_array = explode("\n", $_POST['array']);
$line_count = count($line_count_array);
$line = rand(1, $line_count);
$line_content = $line_count_array[$line - 1];
?>
<center>
<h1>
Die ausgewällte Zeile (<?php echo $line ?>) enthält den Wert
<span class="line_content">
<?php echo $line_content; ?>
</span>
</h1>
<hr>
<h1>Bitte geben Sie die möglichen Werte unten ein: </h1> <br>
<h4>Ein Wert pro Zeile!</h4>
<form action method="post">
<textarea name="array"><?php echo $_POST['array'] ?></textarea>
<input type="submit" value="Abschicken!" />
</form>
</center>
<?php
}
?>
</fieldset>
</body>
</html>