added more code examples

This commit is contained in:
Fabian 2024-10-10 22:03:35 +02:00
parent 0513c50b67
commit a5ff4aa7f7
9 changed files with 57 additions and 12 deletions

View File

@ -3,7 +3,7 @@ $hostname = "hostname/IP";
$username = "username"; $username = "username";
$password = "password"; $password = "password";
$db_name = "databaseName"; $db_name = "databaseName";
$port = "webport"; $port = "port";
$sqlArray = []; $sqlArray = [];

View File

@ -7,6 +7,7 @@ $(document).ready(function () {
dataType: "json", // return type of the PHP script dataType: "json", // return type of the PHP script
success: function (data) { success: function (data) {
console.log("successfully called PHP file!") console.log("successfully called PHP file!")
console.log(data)
// implement logic to write json into HTML here // implement logic to write json into HTML here
}, },
error: function () { error: function () {

View File

@ -0,0 +1,37 @@
.item1 {
grid-area: header;
}
.item2 {
grid-area: menu;
}
.item3 {
grid-area: main;
}
.item4 {
grid-area: right;
}
.item5 {
grid-area: footer;
}
.grid-container {
display: grid;
grid-template-areas:
'header header header header header header'
'menu main main main main right'
'menu footer footer footer footer footer';
gap: 10px;
background-color: whitesmoke;
padding: 10px;
}
.grid-container > div {
background-color: rgba(255, 255, 255, 0.8);
text-align: center;
padding: 20px 0;
font-size: 30px;
}

View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example 1</title>
<link rel="stylesheet" href="/src/styles.css">
<link rel="stylesheet" href="grid_layout.css">
</head>
<body>
<div class="grid-container">
<div class="item1">header</div>
<div class="item2">menu</div>
<div class="item3">main</div>
<div class="item4">right</div>
<div class="item5">footer</div>
</div>
</body>
</html>

View File

@ -1,11 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example 1</title>
<link rel="stylesheet" href="/src/styles.css">
</head>
<body>
</body>
</html>