add files of code before my time in the class
This commit is contained in:
17
Zweites Jahr/alt/LJ1/betonung.htm
Executable file
17
Zweites Jahr/alt/LJ1/betonung.htm
Executable file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta keywords = "ljhlkjsh, asdfhlasd f">
|
||||
<title>HTML-Grundlagen: Textauszeichnung zur Betonung</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HTML-Grundlagen: Textauszeichnung zur Betonung</h1>
|
||||
<h2>Starke Betonung</h2>
|
||||
<p>Dies ist ein <strong>sauwichtiges</strong> Wort</p>
|
||||
<h2>Betonung</h2>
|
||||
<p>Dies ist ein <em>wichtiges</em> Wort</p>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
Zweites Jahr/alt/LJ1/downloads/file.pdf
Executable file
BIN
Zweites Jahr/alt/LJ1/downloads/file.pdf
Executable file
Binary file not shown.
68
Zweites Jahr/alt/LJ1/forms/data_evaluate.php
Executable file
68
Zweites Jahr/alt/LJ1/forms/data_evaluate.php
Executable file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<?php
|
||||
ini_set("display_errors", "on");
|
||||
|
||||
// file: data_evaluate.php
|
||||
|
||||
|
||||
|
||||
// required fields
|
||||
if( empty($_REQUEST['lastname']) ||
|
||||
empty($_REQUEST['password']) ||
|
||||
empty($_REQUEST['email'])) {
|
||||
echo "<p>All required fields must be filled in</p>";
|
||||
}
|
||||
else {
|
||||
|
||||
// required fields
|
||||
$lastname = $_REQUEST['lastname'];
|
||||
$country = $_REQUEST['country'];
|
||||
$email = $_REQUEST['email'];
|
||||
$favs = $_REQUEST['favs'];
|
||||
|
||||
|
||||
// optional fields
|
||||
$firstname = empty($_REQUEST['firstname']) ? "n.a." : $_REQUEST['firstname'];
|
||||
$dob = empty($_REQUEST['dob']) ? "n.a." : $_REQUEST['dob'];
|
||||
|
||||
|
||||
echo "<h2>Your data:</h2>";
|
||||
echo "<p>";
|
||||
echo "<strong>First Name:</strong> $firstname<br>";
|
||||
echo "<strong>Last Name:</strong> $lastname<br>";
|
||||
echo "<strong>Email:</strong> $email<br>";
|
||||
echo "<strong>Country:</strong> $country<br>";
|
||||
echo "<strong>Date Of Birth:</strong> $dob<br>";
|
||||
echo "<strong>Favorites:</strong><br>";
|
||||
|
||||
if(!empty($_REQUEST["favs"]) && is_array($_REQUEST["favs"])) {
|
||||
echo "<ul>";
|
||||
$favs = $_REQUEST["favs"];
|
||||
foreach($favs as $fav) {
|
||||
echo "<li>$fav</li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
|
||||
}
|
||||
else {
|
||||
echo "n.a<br>";
|
||||
/*
|
||||
echo "<pre>";
|
||||
print_r($favs);
|
||||
echo "</pre>";
|
||||
*/
|
||||
//echo "<strong>Favorites:</strong> $favs<br>";
|
||||
echo "</p>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
97
Zweites Jahr/alt/LJ1/forms/formtemplate.htm
Executable file
97
Zweites Jahr/alt/LJ1/forms/formtemplate.htm
Executable file
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Form Template</title>
|
||||
<style>
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
div.form-row {
|
||||
background: silver;
|
||||
padding: .2rem;
|
||||
margin: .2rem;
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 7rem;
|
||||
}
|
||||
|
||||
label::after {
|
||||
content: ":";
|
||||
}
|
||||
|
||||
form {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[required] {
|
||||
background: rgba(31, 225, 232, 0.2);
|
||||
border: 1px solid #003366;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<form action = "data_evaluate.php">
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "fn">First Name</label>
|
||||
<input id = "ln" name = "firstname" placeholder = "Hans" title = "Please insert your first name here!">
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "ln">Last Name</label>
|
||||
<input id = "ln" name = "lastname" placeholder = "Mustermann" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "pw">Password</label>
|
||||
<input id = "pw" name = "password" type = "password" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "email">Email</label>
|
||||
<input id = "email" name = "email" type = "email" placeholder = "me@mydomain.com" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "dob">Date of Birth</label>
|
||||
<input id = "dob" name = "dob" type = "date">
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "country">Country</label>
|
||||
<select id = "country" name = "country">
|
||||
<option>n.a.</option>
|
||||
<option>Germany</option>
|
||||
<option>United States Of America</option>
|
||||
<option>United Kingdom</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "favs">Favorits</label>
|
||||
<select id = "favs" name = "favs[]" multiple>
|
||||
<option>web engineering</option>
|
||||
<option>music</option>
|
||||
<option>sports</option>
|
||||
<option>bing watching</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class = "form-row">
|
||||
<button>Go!</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
0
Zweites Jahr/alt/LJ1/forms/validate_date.php
Executable file
0
Zweites Jahr/alt/LJ1/forms/validate_date.php
Executable file
30
Zweites Jahr/alt/LJ1/grafiken_e3fi1.htm
Executable file
30
Zweites Jahr/alt/LJ1/grafiken_e3fi1.htm
Executable file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Grafiken</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HTML-Grundlagen: Grafiken</h1>
|
||||
<h2>Grafiken ohne Zusammenhang zum Text</h2>
|
||||
<!-- src und alt sind Pflicht-Attribute -->
|
||||
<img src = "images/pic.jpg" alt = "Bild von WvSS in Vietnam">
|
||||
|
||||
<h2>Abbildung mit Bezug zum Text</h2>
|
||||
<figure>
|
||||
<img src = "images/pic.jpg" alt = "Erklärendes Bild">
|
||||
<figcaption>Abb 1.1 Vergaser</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Falls Grafik mit hoher Auflösung für verschiedene Endgeräte</h2>
|
||||
<picture>
|
||||
<!-- Desktop -->
|
||||
<source media="(min-width:950px)" srcset="large.jpg">
|
||||
<!-- Laptop -->
|
||||
<source media="(min-width:465px)" srcset="medium.jpg">
|
||||
<!-- Smartphone -->
|
||||
<img src="small.jpg" alt="Flowers">
|
||||
</picture>
|
||||
</body>
|
||||
</html>
|
||||
BIN
Zweites Jahr/alt/LJ1/images/pic.jpg
Executable file
BIN
Zweites Jahr/alt/LJ1/images/pic.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 352 KiB |
49
Zweites Jahr/alt/LJ1/listen.htm
Executable file
49
Zweites Jahr/alt/LJ1/listen.htm
Executable file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Listen</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HTML-Grundlagen: Listen</h1>
|
||||
|
||||
<h2>Ungeordnete Liste</h2>
|
||||
<ul> <!-- unordered list -->
|
||||
<li>Pink Floyd</li> <!-- list items-->
|
||||
<li>Saga</li>
|
||||
<li>Manfred Mann's Earth Band</li>
|
||||
</ul>
|
||||
|
||||
<h2>Geordnete Liste</h2>
|
||||
<ol> <!-- ordered list -->
|
||||
<li>Full Metal Jacket</li> <!-- list items-->
|
||||
<li>Clockwork Orange</li>
|
||||
<li>Existenz</li>
|
||||
</ol>
|
||||
|
||||
|
||||
<h2>Ungeordnete Liste</h2>
|
||||
<h3>Verschachtelt</h3>
|
||||
|
||||
<ul>
|
||||
<li>Saga</li>
|
||||
<li>Pink Floyd
|
||||
<ul>
|
||||
<li>Roger Waters</li>
|
||||
<li>David Gilour
|
||||
<ul>
|
||||
<li>Vocals</li>
|
||||
<li>Lead Guitar</li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
<li>Nick Mason</li>
|
||||
<li>Richard Wright</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Manfred Mann's Earth Band</li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
28
Zweites Jahr/alt/LJ1/menues_e3fi1.htm
Executable file
28
Zweites Jahr/alt/LJ1/menues_e3fi1.htm
Executable file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Hauptmenüs</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HTML-Grundlagen: Hauptmenüs</h1>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href = "#">Menüpunkt 1</a></li>
|
||||
<li><a href = "#">Menüpunkt 2</a></li>
|
||||
<li><a href = "#">Menüpunkt 3</a>
|
||||
|
||||
<!-- Untermenü zu Punkt 3 -->
|
||||
<ul>
|
||||
<li><a href = "#">Menüpunkt 3.1</a></li>
|
||||
<li><a href = "#">Menüpunkt 3.2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><a href = "#">Menüpunkt 4</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
24
Zweites Jahr/alt/LJ1/paragraph_br_header.htm
Executable file
24
Zweites Jahr/alt/LJ1/paragraph_br_header.htm
Executable file
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Absatz, Umbruch, Überschrift</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- Datei: paragraph_br_header.htm -->
|
||||
<h1>HTML-Grundlagen: Absatz, Umbruch, Überschrift</h1>
|
||||
<p>Jede HTML-Datei soll nur eine Überschrift 1. Ordnung besitzen</p>
|
||||
<p>Lorem ipsum dolor sit, <br>amet consectetur adipisicing elit.
|
||||
Aliquam est molestiae nesciunt fugit aspernatur inventore
|
||||
quas esse, natus, nobis excepturi,<br> ad reiciendis eaque.
|
||||
Totam obcaecati, assumenda non voluptas odio nobis?</p>
|
||||
<h2>Überschrift 2. Ordnung</h2>
|
||||
<h3>Überschrift 3. Ordnung</h3>
|
||||
<h4>Überschrift 4. Ordnung</h4>
|
||||
<h5>Überschrift 5. Ordnung</h5>
|
||||
<h6>Überschrift 6. Ordnung</h6>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
35
Zweites Jahr/alt/LJ1/verweise_e3fi1.htm
Executable file
35
Zweites Jahr/alt/LJ1/verweise_e3fi1.htm
Executable file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Verweise</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>HTML-Grundlagen: Verweise</h1>
|
||||
|
||||
<h2>relative Verweise</h2>
|
||||
<!-- href = hyper reference | a = anker -->
|
||||
<a href = "listen.htm">Zur Datei "Listen"</a><br>
|
||||
<a href = "downloads/file.pdf">Download</a><br>
|
||||
<a href = "images/pic.jpg">Bild ansehen</a>
|
||||
|
||||
<h2>absolute Verweise (externe URL's)</h2>
|
||||
|
||||
<a href = "https://www.wvss-mannheim.de" target = "_blank">
|
||||
Zur Website der WvSS
|
||||
</a><br>
|
||||
|
||||
<!-- Achtung Fishing !!! -->
|
||||
<a href = "https://google.de" target = "_blank">
|
||||
Auf Sparkasse.de anmelden
|
||||
</a><br>
|
||||
|
||||
<h2>Verlinkte Grafiken</h2>
|
||||
|
||||
<a href = "images/pic.jpg">
|
||||
<img src="images/pic.jpg" width = "10%" alt = "thumb">
|
||||
</a>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
Zweites Jahr/alt/LJ1/website/about.htm
Executable file
54
Zweites Jahr/alt/LJ1/website/about.htm
Executable file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MyCompany | About</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- static -->
|
||||
<header>
|
||||
<div id = "company">MyCompany</div>
|
||||
<div id = "slogan">My Slogan</div>
|
||||
<div id = "logo">
|
||||
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||
</div>
|
||||
</header>
|
||||
<hr>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href = "index.htm">Home</a></li>
|
||||
<li><a href = "about.htm">About</a></li>
|
||||
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||
<li><a href = "contact.htm">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
<!-- static end-->
|
||||
|
||||
<!-- dynamic -->
|
||||
<main>
|
||||
<h1>About</h1>
|
||||
<p>We do stuff!</p>
|
||||
</main>
|
||||
<hr>
|
||||
<!-- dynamic end -->
|
||||
|
||||
<!-- dynamic/static -->
|
||||
<aside>
|
||||
<h3>Dates</h3>
|
||||
<time>2011-01-01</time>
|
||||
<p>Open Day</p>
|
||||
</aside>
|
||||
<hr>
|
||||
<!-- dynamic/static end -->
|
||||
|
||||
<!-- static -->
|
||||
<footer>
|
||||
<p>© 2025 MyCompany</p>
|
||||
</footer>
|
||||
<!-- static end -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
57
Zweites Jahr/alt/LJ1/website/contact.htm
Executable file
57
Zweites Jahr/alt/LJ1/website/contact.htm
Executable file
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MyCompany | Contact </title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- static -->
|
||||
<header>
|
||||
<div id = "company">MyCompany</div>
|
||||
<div id = "slogan">My Slogan</div>
|
||||
<div id = "logo">
|
||||
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||
</div>
|
||||
</header>
|
||||
<hr>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href = "index.htm">Home</a></li>
|
||||
<li><a href = "about.htm">About</a></li>
|
||||
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||
<li><a href = "contact.htm">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
<!-- static end-->
|
||||
|
||||
<!-- dynamic -->
|
||||
<main>
|
||||
<h1>Contact</h1>
|
||||
<address>
|
||||
<div id = "email">staudt@wvss-mannheim.de</div>
|
||||
</address>
|
||||
|
||||
</main>
|
||||
<hr>
|
||||
<!-- dynamic end -->
|
||||
|
||||
<!-- dynamic/static -->
|
||||
<aside>
|
||||
<h3>Dates</h3>
|
||||
<time>2011-01-01</time>
|
||||
<p>Open Day</p>
|
||||
</aside>
|
||||
<hr>
|
||||
<!-- dynamic/static end -->
|
||||
|
||||
<!-- static -->
|
||||
<footer>
|
||||
<p>© 2025 MyCompany</p>
|
||||
</footer>
|
||||
<!-- static end -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
54
Zweites Jahr/alt/LJ1/website/index.htm
Executable file
54
Zweites Jahr/alt/LJ1/website/index.htm
Executable file
@@ -0,0 +1,54 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MyCompany | Homepage</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- static -->
|
||||
<header>
|
||||
<div id = "company">MyCompany</div>
|
||||
<div id = "slogan">My Slogan</div>
|
||||
<div id = "logo">
|
||||
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||
</div>
|
||||
</header>
|
||||
<hr>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href = "index.htm">Home</a></li>
|
||||
<li><a href = "about.htm">About</a></li>
|
||||
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||
<li><a href = "contact.htm">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
<!-- static end-->
|
||||
|
||||
<!-- dynamic -->
|
||||
<main>
|
||||
<h1>Homepage</h1>
|
||||
<p>Welcome on our website!</p>
|
||||
</main>
|
||||
<hr>
|
||||
<!-- dynamic end -->
|
||||
|
||||
<!-- dynamic/static -->
|
||||
<aside>
|
||||
<h3>Dates</h3>
|
||||
<time>2011-01-01</time>
|
||||
<p>Open Day</p>
|
||||
</aside>
|
||||
<hr>
|
||||
<!-- dynamic/static end -->
|
||||
|
||||
<!-- static -->
|
||||
<footer>
|
||||
<p>© 2025 MyCompany</p>
|
||||
</footer>
|
||||
<!-- static end -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
58
Zweites Jahr/alt/LJ1/website/portfolio.htm
Executable file
58
Zweites Jahr/alt/LJ1/website/portfolio.htm
Executable file
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>MyCompany | Portfolio</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- static -->
|
||||
<header>
|
||||
<div id = "company">MyCompany</div>
|
||||
<div id = "slogan">My Slogan</div>
|
||||
<div id = "logo">
|
||||
<img src = "https://placehold.co/200x100" alt = "logo">
|
||||
</div>
|
||||
</header>
|
||||
<hr>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href = "index.htm">Home</a></li>
|
||||
<li><a href = "about.htm">About</a></li>
|
||||
<li><a href = "portfolio.htm">Portfolio</a></li>
|
||||
<li><a href = "contact.htm">Contact</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<hr>
|
||||
<!-- static end-->
|
||||
|
||||
<!-- dynamic -->
|
||||
<main>
|
||||
<h1>Portfolio</h1>
|
||||
<ul>
|
||||
<li>service</li>
|
||||
<li>consulting</li>
|
||||
<li>training</li>
|
||||
</ul>
|
||||
</main>
|
||||
<hr>
|
||||
<!-- dynamic end -->
|
||||
|
||||
<!-- dynamic/static -->
|
||||
<aside>
|
||||
<h3>Dates</h3>
|
||||
<time>2011-01-01</time>
|
||||
<p>Open Day</p>
|
||||
</aside>
|
||||
<hr>
|
||||
<!-- dynamic/static end -->
|
||||
|
||||
<!-- static -->
|
||||
<footer>
|
||||
<p>© 2025 MyCompany</p>
|
||||
</footer>
|
||||
<!-- static end -->
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
Zweites Jahr/alt/LJ1/whitespaces.htm
Executable file
30
Zweites Jahr/alt/LJ1/whitespaces.htm
Executable file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>HTML-Grundlagen: Whitespaces</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
|
||||
Est veniam illo culpa aliquid,
|
||||
esse fugiat dolorem
|
||||
dignissimos! Viele Leerzeichen: Rem mollitia,
|
||||
Viele leere Zeilen:
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
expedita asperiores
|
||||
accusantium reprehenderit Viele Tabs: iusto sint numquam temporibus
|
||||
qui distinctio pariatur!
|
||||
|
||||
Erzwungene Leerzeichen (aber keinen Grund diese anzuwenden): <-- Leerzeichen
|
||||
Erzwungene Zeilenumbrüche:<br><br><br><br><br> (niemals mehrere breaks)
|
||||
Tabs werden mit CSS gestaltet
|
||||
</body>
|
||||
</html>
|
||||
68
Zweites Jahr/alt/data_evaluate.php
Executable file
68
Zweites Jahr/alt/data_evaluate.php
Executable file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
<?php
|
||||
ini_set("display_errors", "on");
|
||||
|
||||
// file: data_evaluate.php
|
||||
|
||||
|
||||
|
||||
// required fields
|
||||
if( empty($_REQUEST['lastname']) ||
|
||||
empty($_REQUEST['password']) ||
|
||||
empty($_REQUEST['email'])) {
|
||||
echo "<p>All required fields must be filled in</p>";
|
||||
}
|
||||
else {
|
||||
|
||||
// required fields
|
||||
$lastname = $_REQUEST['lastname'];
|
||||
$country = $_REQUEST['country'];
|
||||
$email = $_REQUEST['email'];
|
||||
$favs = $_REQUEST['favs'];
|
||||
|
||||
|
||||
// optional fields
|
||||
$firstname = empty($_REQUEST['firstname']) ? "n.a." : $_REQUEST['firstname'];
|
||||
$dob = empty($_REQUEST['dob']) ? "n.a." : $_REQUEST['dob'];
|
||||
|
||||
|
||||
echo "<h2>Your data:</h2>";
|
||||
echo "<p>";
|
||||
echo "<strong>First Name:</strong> $firstname<br>";
|
||||
echo "<strong>Last Name:</strong> $lastname<br>";
|
||||
echo "<strong>Email:</strong> $email<br>";
|
||||
echo "<strong>Country:</strong> $country<br>";
|
||||
echo "<strong>Date Of Birth:</strong> $dob<br>";
|
||||
echo "<strong>Favorites:</strong><br>";
|
||||
|
||||
if(!empty($_REQUEST["favs"]) && is_array($_REQUEST["favs"])) {
|
||||
echo "<ul>";
|
||||
$favs = $_REQUEST["favs"];
|
||||
foreach($favs as $fav) {
|
||||
echo "<li>$fav</li>";
|
||||
}
|
||||
echo "</ul>";
|
||||
|
||||
}
|
||||
else {
|
||||
echo "n.a<br>";
|
||||
/*
|
||||
echo "<pre>";
|
||||
print_r($favs);
|
||||
echo "</pre>";
|
||||
*/
|
||||
//echo "<strong>Favorites:</strong> $favs<br>";
|
||||
echo "</p>";
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
66
Zweites Jahr/alt/file_handling/file_write.php
Executable file
66
Zweites Jahr/alt/file_handling/file_write.php
Executable file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<form>
|
||||
<div>
|
||||
<label>First Name:
|
||||
<input name = "fn">
|
||||
</label>
|
||||
</div>
|
||||
<div>
|
||||
<label for = "ln">Last Name:</label>
|
||||
<input id = "ln" name = "ln">
|
||||
</div>
|
||||
|
||||
<button>Ab damit</button>
|
||||
|
||||
</form>
|
||||
|
||||
<?php
|
||||
//file: file_write.php
|
||||
$file = "testfile_1.txt";
|
||||
$fp = fopen($file, 'w'); // open file for writing
|
||||
if(!$fp) { // is fp = false?
|
||||
die("Cannot open file!"); // "die" breaks the script
|
||||
}
|
||||
|
||||
// insert one row
|
||||
/*
|
||||
$row = "This is a row\n";
|
||||
if(!fputs($fp, $row)) echo "Error on writing";
|
||||
else echo "writing succesful";
|
||||
|
||||
*/
|
||||
|
||||
// insert from an assoziative array
|
||||
/*
|
||||
$myArray = [
|
||||
"firstname" => "Michael",
|
||||
"lastname" => "Staudt",
|
||||
"email" => "staudt@wvss-mannheim.de"
|
||||
];
|
||||
|
||||
foreach($myArray as $attr => $value) {
|
||||
$row = "$attr: $value\n";
|
||||
fputs($fp, $row);
|
||||
}
|
||||
*/
|
||||
|
||||
// insert from form
|
||||
if(!empty($_REQUEST)) { //submit button clicked
|
||||
$row = "First Name: $_REQUEST[fn] | Last Name: $_REQUEST[ln]\n";
|
||||
fputs($fp, $row);
|
||||
}
|
||||
|
||||
|
||||
fclose($fp);
|
||||
?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
1
Zweites Jahr/alt/file_handling/testfile_1.txt
Executable file
1
Zweites Jahr/alt/file_handling/testfile_1.txt
Executable file
@@ -0,0 +1 @@
|
||||
First Name: | Last Name:
|
||||
1
Zweites Jahr/alt/file_handling/testsfile_1.txt
Executable file
1
Zweites Jahr/alt/file_handling/testsfile_1.txt
Executable file
@@ -0,0 +1 @@
|
||||
This is a rowThis is a rowThis is a rowThis is a rowThis is a row
|
||||
50
Zweites Jahr/alt/file_handling/validate_date.php
Executable file
50
Zweites Jahr/alt/file_handling/validate_date.php
Executable file
@@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php
|
||||
// validate_date.php
|
||||
|
||||
//ini_set("display_errors", "on");
|
||||
|
||||
// M A I N
|
||||
$date = "29.02.2400";
|
||||
if(isValidDate($date)) echo "<p>Datum $date ist <strong>gültig</strong></p>";
|
||||
else echo "<p>Datum $date ist <strong>ungültig</strong></p>";
|
||||
|
||||
|
||||
// Functions
|
||||
function isLeapYear(int $year): bool {
|
||||
return ($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0);
|
||||
}
|
||||
|
||||
function isValidDate(string $date): bool {
|
||||
$date_parts = ["Tag","Monat", "Jahr"];
|
||||
$date_array = explode(".", $date);
|
||||
|
||||
$days_of_month = [31,28,31,30,31,30,31,31,30,31,30,31];
|
||||
if(isLeapYear($date_array[2])) {
|
||||
$days_of_month[1] = 29;
|
||||
}
|
||||
|
||||
// Monat auf Gültigkeit prüfen
|
||||
if($date_array[1] < 1 || $date_array[1] > 12) return false;
|
||||
|
||||
// Tag auf Gültigkeit prüfen
|
||||
if($date_array[0] < 1 || $date_array[0] > $days_of_month[$date_array[1]-1]) return false;
|
||||
|
||||
// Jahr auf Gültigkeit prüfen
|
||||
if($date_array[2] < 0 || $date_array[2] > 3000) return false;
|
||||
|
||||
// Falls Datum gültig
|
||||
return true;
|
||||
}
|
||||
|
||||
?>
|
||||
</body>
|
||||
</html>
|
||||
97
Zweites Jahr/alt/formtemplate.htm
Executable file
97
Zweites Jahr/alt/formtemplate.htm
Executable file
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Form Template</title>
|
||||
<style>
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
div.form-row {
|
||||
background: silver;
|
||||
padding: .2rem;
|
||||
margin: .2rem;
|
||||
}
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 7rem;
|
||||
}
|
||||
|
||||
label::after {
|
||||
content: ":";
|
||||
}
|
||||
|
||||
form {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input[required] {
|
||||
background: rgba(31, 225, 232, 0.2);
|
||||
border: 1px solid #003366;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<form action = "data_evaluate.php">
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "fn">First Name</label>
|
||||
<input id = "ln" name = "firstname" placeholder = "Hans" title = "Please insert your first name here!">
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "ln">Last Name</label>
|
||||
<input id = "ln" name = "lastname" placeholder = "Mustermann" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "pw">Password</label>
|
||||
<input id = "pw" name = "password" type = "password" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "email">Email</label>
|
||||
<input id = "email" name = "email" type = "email" placeholder = "me@mydomain.com" required>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "dob">Date of Birth</label>
|
||||
<input id = "dob" name = "dob" type = "date">
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "country">Country</label>
|
||||
<select id = "country" name = "country">
|
||||
<option>n.a.</option>
|
||||
<option>Germany</option>
|
||||
<option>United States Of America</option>
|
||||
<option>United Kingdom</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class = "form-row">
|
||||
<label for = "favs">Favorits</label>
|
||||
<select id = "favs" name = "favs[]" multiple>
|
||||
<option>web engineering</option>
|
||||
<option>music</option>
|
||||
<option>sports</option>
|
||||
<option>bing watching</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class = "form-row">
|
||||
<button>Go!</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
86
Zweites Jahr/alt/validate_date.php
Executable file
86
Zweites Jahr/alt/validate_date.php
Executable file
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Document</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php
|
||||
// validate_date.php
|
||||
|
||||
//ini_set("display_errors", "on");
|
||||
|
||||
// M A I N
|
||||
$date = "29.02.2400";
|
||||
if(isValidDate($date)) echo "<p>Datum $date ist <strong>gültig</strong></p>";
|
||||
else echo "<p>Datum $date ist <strong>ungültig</strong></p>";
|
||||
|
||||
|
||||
// Functions
|
||||
function isLeapYear(int $year): bool {
|
||||
return ($year % 4 == 0 && $year % 100 != 0 || $year % 400 == 0);
|
||||
}
|
||||
|
||||
function isValidDate(string $date): bool {
|
||||
$date_parts = ["Tag","Monat", "Jahr"];
|
||||
$date_array = explode(".", $date);
|
||||
|
||||
$days_of_month = [31,28,31,30,31,30,31,31,30,31,30,31];
|
||||
if(isLeapYear($date_array[2])) {
|
||||
$days_of_month[1] = 29;
|
||||
}
|
||||
|
||||
/*
|
||||
// geht nicht:
|
||||
echo $date_array;
|
||||
|
||||
// Ausgabe des Arrays zum Debuggen
|
||||
echo "<pre>";
|
||||
print_r($date_array);
|
||||
echo "</pre>";
|
||||
|
||||
// Benutzerfreundliche Ausgabe
|
||||
echo "<p>Tag: $date_array[0]<br>";
|
||||
echo "Monat: $date_array[1]<br>";
|
||||
echo "Jahr: $date_array[2]</p>";
|
||||
|
||||
|
||||
for($i = 0; $i < sizeof($date_array); $i++) {
|
||||
echo "<p>$date_parts[$i]: $date_array[$i]</p>";
|
||||
}
|
||||
|
||||
|
||||
echo "<pre>";
|
||||
print_r($date_array_assoz);
|
||||
echo "</pre>";
|
||||
*/
|
||||
/*
|
||||
$date_array_assoz = array_combine($date_parts, $date_array);
|
||||
foreach($date_array_assoz as $datepartkey => $datepartvalue) {
|
||||
echo "<p>$datepartkey: $datepartvalue</p>";
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
// Monat auf Gültigkeit prüfen
|
||||
if($date_array[1] < 1 || $date_array[1] > 12) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Tag auf Gültigkeit prüfen
|
||||
if($date_array[0] < 1 || $date_array[0] > $days_of_month[$date_array[1]-1]) {
|
||||
return false;
|
||||
}
|
||||
|
||||
// Jahr auf Gültigkeit prüfen
|
||||
if($date_array[2] < 0 || $date_array[2] > 3000) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
?>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user