Show sourcecode
The following files exists in this folder. Click to view.
Media/
Ovningar/
comments.php
exercises.php
incl/
index.php
source.php
style/
viewsource.php
exercises.php
104 lines UTF-8 Windows (CRLF)
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
<?php
include("incl/config.php");
$title = "Webbserv1: Övningar";
$pageId = "exercises";
$pageStyle = '
ul#exer {
list-style-type:none;
padding: 0px;
}
ul#exer a {
margin:40px;
}
ul#exer div {
transition: 0.3s;
overflow: hidden;
line-break: keep-all;
}
ul#exer li {
user-select: none;
cursor: pointer;
}
ul#exer li:hover {
text-decoration: underline;
}
';
include("incl/header.php");
?>
<!-- <style>
ul {
}
</style> -->
<!-- sidans huvudinnehåll -->
<div id="content">
<aside>
<p></p>
<p></p>
<!-- Menyn med övningar -->
<h3>Mina övningar</h3>
<nav>
<ul id="exer">
<?php
foreach (glob("./Ovningar/*") as $ovning) {
$li = "";
if (is_dir($ovning)) {
$li .= "<li><i>" . basename($ovning) . "</i>";
$li .= "<div class='rolledUp exercise' style='height:0px;'>";
foreach (glob($ovning . "/*.php") as $o) {
$li .= '<p><a href="' . $o . '" target="_blank">' . basename($o) . '</a></p>';
}
$li .= "</div></li>";
}
elseif (is_file($ovning)) {
$li .= '<p><a href="' . $ovning . '" target=_blank">' . basename($ovning) . '</a></p>';
}
echo $li;
}
?>
</ul>
</nav>
</aside>
<article class="justify border">
<!-- Sidans/Dokumentets huvudsakliga innehåll -->
<h1>Övningar i kursen</h1>
<p>Här är en samlingssida för mina övningar i de olika kursmomenten.</p>
<p>Skapa en ny sida varje gång du implementerar en ny övning. Då har du alltid
ett kodexempel att gå tillbaka till. Du slipper komma ihåg de exakta konstruktionerna. Du har löst
problemet en gång och du vet var du har lösningen. Perfekt.</p>
<p>Källkoden till mina övningar och övriga delar till sidan,
<a href="viewsource.php?dir=exercises">hittar du i denna katalogen</a>.
</p>
</article>
</div>
<script>
let ul = document.getElementById("exer");
let exercises = ul.getElementsByTagName("li");
// let test = document.getElementById("test")
console.log(exercises);
for (let i = 0; i < exercises.length; i++) {
const li = exercises[i];
// console.log(li);
li.addEventListener("click", function () {
let div = this.getElementsByTagName("div")[0];
div.classList.toggle("rolledUp");
if (div.style.height == '0px') {
div.style.height = div.scrollHeight + "px";
}
else {
div.style.height = '0px'
}
})
};
</script>
<?php include("incl/footer.php"); ?>