Altre corsie cercaorario + fix dimensione navbar index

This commit is contained in:
Leocraft1 2025-07-29 17:58:28 +02:00
parent cc942f4785
commit 69724e3da8
6 changed files with 133 additions and 40 deletions

View File

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ER-TPL</title>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Immagini%20sito/atcma.png" type="image/x-icon">
</head>
<body>
<header>
<nav style="min-height: 46px;">
<ul>
<li>
</li>
</ul>
</nav>
</header>
<h2>Altre corsie di: "<span id="fermata-span"></span>"</h2>
<div id="buttons" class="search-results"></div>
<script src="js/paginacorsie.js"></script>
</body>
</html>

View File

@ -23,7 +23,7 @@ table {
min-width: 85%; min-width: 85%;
max-width: 100%; max-width: 100%;
margin: auto; margin: auto;
margin-top: 1rem; margin-top: 18px;
} }
th { th {
@ -42,6 +42,10 @@ th,td {
background-color: rgb(241, 120, 120) !important; background-color: rgb(241, 120, 120) !important;
} }
hr{
margin-top:19px;
}
h1.warning { h1.warning {
color:red; color:red;
font-size: 16px; font-size: 16px;
@ -104,6 +108,11 @@ nav ul li a:hover {
a { a {
color: orange; color: orange;
} }
a.bianco{
color: white;
text-decoration: none;
}
#bacino, #bacino,
#searchBar { #searchBar {
padding: 10px; padding: 10px;
@ -159,6 +168,9 @@ a {
#stopCodeBar { #stopCodeBar {
width: 80%; width: 80%;
} }
hr{
margin-bottom:19px;
}
} }
footer { footer {

View File

@ -7,59 +7,27 @@ const fermata_span = document.getElementById('fermata-span');
fermata_span.innerHTML = `"${nome}"`; fermata_span.innerHTML = `"${nome}"`;
//Set corsie per stazione o autostazione //Set corsie per stazione o autostazione
const corsie_nav = document.getElementById('corsie-nav'); const corsie_nav = document.getElementById('corsie-nav');
if(nome=="STAZIONE FS (Corsia 1)"){ if(nome.includes("STAZIONE FS")){
corsie_nav.innerHTML = ` corsie_nav.innerHTML = `
<ul> <ul>
<li> <li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a> <a href="/seta_menu/cercaorario/altrecorsie.html?location=STAZIONE FS">Altre corsie</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li> </li>
</ul>`; </ul>`;
} }
if(nome=="STAZIONE FS (Corsia 2)"){ if(nome.includes("MODENA AUTOSTAZIONE")){
corsie_nav.innerHTML = ` corsie_nav.innerHTML = `
<ul> <ul>
<li> <li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a> <a href="/seta_menu/cercaorario/altrecorsie.html?location=MODENA AUTOSTAZIONE">Altre corsie</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li> </li>
</ul>`; </ul>`;
} }
if(nome=="STAZIONE FS (Corsia 3)"){ if(nome.includes("GARIBALDI")){
corsie_nav.innerHTML = ` corsie_nav.innerHTML = `
<ul> <ul>
<li> <li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a> <a href="/seta_menu/cercaorario/altrecorsie.html?location=GARIBALDI">Altre corsie</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)">Corsia 4</a>
</li>
</ul>`;
}
if(nome=="STAZIONE FS (Corsia 4)"){
corsie_nav.innerHTML = `
<ul>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)">Corsia 1</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)">Corsia 2</a>
</li>
<li>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)">Corsia 3</a>
</li> </li>
</ul>`; </ul>`;
} }

View File

@ -0,0 +1,81 @@
const params = new URLSearchParams(window.location.search);
const bottoni = document.getElementById('buttons');
const posto = params.get('location');
const fermata_span = document.getElementById('fermata-span');
fermata_span.innerHTML=posto;
if(posto=="STAZIONE FS"){
bottoni.innerHTML = `
<a href="/seta_menu/cercaorario/fermata.html?code=MO6132&name=STAZIONE%20FS%20(Corsia%201)" class="bianco">
<div class="search-result"><h3>Corsia 1</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6133&name=STAZIONE%20FS%20(Corsia%202)" class="bianco">
<div class="search-result"><h3>Corsia 2</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6134&name=STAZIONE%20FS%20(Corsia%203)" class="bianco">
<div class="search-result"><h3>Corsia 3</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6119&name=STAZIONE%20FS%20(Corsia%204)" class="bianco">
<div class="search-result"><h3>Corsia 4</h3></div>
</a>
`;
}
if(posto=="MODENA AUTOSTAZIONE"){
bottoni.innerHTML = `
<a href="/seta_menu/cercaorario/fermata.html?code=MO6121&name=MODENA AUTOSTAZIONE (dir. Centro)" class="bianco">
<div class="search-result"><h3>Direzione Centro</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO5003&name=MODENA AUTOSTAZIONE (lato Novi Park)" class="bianco">
<div class="search-result"><h3>Lato Novi Park</h3></div>
</a>
<div></div>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6600&name=MODENA AUTOSTAZIONE (davanti biglietteria)" class="bianco">
<div class="search-result"><h3>Davanti Biglietteria</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO10&name=MODENA AUTOSTAZIONE (fianco biglietteria)" class="bianco">
<div class="search-result"><h3>Fianco Biglietteria</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO6120&name=MODENA AUTOSTAZIONE (fianco biglietteria lato Novi Park)" class="bianco">
<div class="search-result"><h3>Fianco Biglietteria lato Novi Park</h3></div>
</a>
<hr>
<a href="/seta_menu/cercaorario/fermata.html?code=MO3&name=MODENA AUTOSTAZIONE (Corriere corsia 1)" class="bianco">
<div class="search-result"><h3>Corriere corsia 1</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO303&name=MODENA AUTOSTAZIONE (Corriere corsia 2)" class="bianco">
<div class="search-result"><h3>Corriere corsia 2</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO342&name=MODENA AUTOSTAZIONE (Corriere corsia 3)" class="bianco">
<div class="search-result"><h3>Corriere corsia 3</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO344&name=MODENA AUTOSTAZIONE (Corriere corsia 4)" class="bianco">
<div class="search-result"><h3>Corriere corsia 4</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO350&name=MODENA AUTOSTAZIONE (Corriere corsia 5)" class="bianco">
<div class="search-result"><h3>Corriere corsia 5</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO346&name=MODENA AUTOSTAZIONE (Corriere corsia 6)" class="bianco">
<div class="search-result"><h3>Corriere corsia 6</h3></div>
</a>
`;
}
if(posto=="GARIBALDI"){
bottoni.innerHTML = `
<a href="/seta_menu/cercaorario/fermata.html?code=MO5900&name=GARIBALDI%20(dir.%20Centro)" class="bianco">
<div class="search-result"><h3>Direzione Centro</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO30&name=GARIBALDI%20(dir.%20Trento%20Trieste)" class="bianco">
<div class="search-result"><h3>Direzione Trento Trieste</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO5900&name=GARIBALDI%20(dir.%20Centro)" class="bianco">
<div class="search-result"><h3>Direzione Centro</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO5111&name=GARIBALDI%20(Storchi%20dir.%20Trento%20Trieste)" class="bianco">
<div class="search-result"><h3>Storchi direzione Trento Trieste</h3></div>
</a>
<a href="/seta_menu/cercaorario/fermata.html?code=MO5112&name=GARIBALDI%20(Storchi%20dir.%20Centro)" class="bianco">
<div class="search-result"><h3>Storchi direzione. Centro</h3></div>
</a>
`;
}

View File

@ -10,6 +10,11 @@
<priority>0.75</priority> <priority>0.75</priority>
<lastmod>2025-07-27</lastmod> <lastmod>2025-07-27</lastmod>
</url> </url>
<url>
<loc>https://www.ertpl.pages.dev/seta_menu/cercaorario/altrecorsie.html</loc>
<priority>0.50</priority>
<lastmod>2025-07-29</lastmod>
</url>
<url> <url>
<loc>https://www.ertpl.pages.dev/tper_menu/tperextra.html</loc> <loc>https://www.ertpl.pages.dev/tper_menu/tperextra.html</loc>
<priority>0.50</priority> <priority>0.50</priority>

View File

@ -126,7 +126,7 @@ nav {
} }
nav.index{ nav.index{
display: flex; display: flex;
min-height: 51px; min-height: 46px;
} }
nav ul li { nav ul li {
margin-left: 20px; margin-left: 20px;