matthieu/stagiaire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

json + navbarre update

Browse Source
This commit is contained in:
Stage1
2026-06-23 12:05:50 +02:00
parent e65bf607d8
commit d95bcdd306
3 changed files with 38 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/css/devis.js
+13 -1
View File
@@ -101,7 +101,7 @@ function heure() {
const message = document.getElementById("message_flotte");
const corps = document.getElementById("corps_flotte");
try {
const reponse = await fetch("vehicules.json");
const reponse = await fetch("css/vehicules.json");
const vehicules = await reponse.json();
for (const v of vehicules) {
const tr = document.createElement("tr");
@@ -116,3 +116,15 @@ function heure() {
}
Flotte();
}
function creerNavbar(pageActive) {
return `
<div id="nav_barre" class="shadow">
<h1>FleetZen</h1>
<div id="buttons">
<a href="contact.html"><button class="${pageActive === "contact" ? "x_to_x" : "styled"}">contact</button></a>
<a href="services.html"><button class="${pageActive === "services" ? "x_to_x" : "styled"}">services</button></a>
<a href="../index.html"><button class="retour btn_icone"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo2-icon lucide-undo-2"><path d="M9 14 4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"/></svg>retour</button></a>
</div>
</div>`;
}
document.body.insertAdjacentHTML("afterbegin", creerNavbar("services"));
pages/css/style_services.css
+22
View File
@@ -189,6 +189,7 @@ p {
border: solid;
display: flex;
font-size: 20px;
margin: 30px;
li {
padding: 15px;
}
@@ -217,3 +218,24 @@ body.sombre {
background-color: #1d2733;
color: white;
}
.table_2 {
margin: 30px;
margin-top: 120px;
width: 70%;
height: auto;
background-color: lightskyblue;
border-collapse: collapse;
font-size: 20px;
table-layout: auto;
border: 2px solid;
th,
td {
padding: 10px;
text-align: center;
}
td {
background-color: lightcoral;
}
}
pages/services.html
+3 -9
View File
@@ -8,14 +8,6 @@
<html lang="fr">
</head>
<body>
<div id="nav_barre" class="shadow">
<h1>FleetZen</h1>
<div id="buttons">
<a href="../pages/contact.html"><button class="styled">contact</button></a>
<a href="../pages/services.html"><button class="x_to_x">services</button></a>
<a href="../index.html"><button class="retour btn_icone"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-undo2-icon lucide-undo-2"><path d="M9 14 4 9l5-5"/><path d="M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11"/></svg>retour</button></a>
</div>
</div>
<div class="padding_left">
<p class="sous-titre">Découvrez nos services tous plus utiles les uns que les autres !</p>
<table border="1" class="table">
@@ -66,12 +58,14 @@
</form>
</div>
</div>
<table border="1" class="table_2">
<tbody id="corps_flotte"></tbody>
</table>
<footer class="footer">
<button id="color">Mode sombre</button>
stagiaires rpz echoes
<span id="horloge"></span>
</footer>
<p id="message_flotte"></p>
<script src="css/devis.js"></script>
</body>
</html>