daniele/ER-TPL
1
0
Fork 0
mirror of https://github.com/Daniongithub/ER-TPL.git synced 2025-12-06 09:22:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mosso setasearch + display none bottoni + fix grafica ricerca + novità

Browse Source
This commit is contained in:
Leocraft1
2025-10-30 13:53:42 +01:00
parent 810cdb9dda
commit 41da0539e4
5 changed files with 16 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
index.html
View File

@@ -36,12 +36,11 @@
</p>
<div class="container">
<div class="riga">
<h2 class="piccolospazio">SETA:</h2>
<h2 class="piccolospazio yellow-warning">SETA:</h2>
<p class="piccolospazio">
<strong>Servizi rapidi:</strong> <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> <br> <br>
<strong>Recuperato (non più radiato):</strong> <a class="novita" href="/setamodena_bus/urbano/citelis.html#188">188 Irisbus Citelis</a> <br> <br>
Nuove foto: <a class="novita" href="/setamodena_bus/suburbano/urbinostart.html">Solaris Urbino 18 III ex START</a>, <a class="novita" href="/setamodena_bus/urbano/citelis.html">Citelis</a>, <a class="novita" href="/setamodena_bus/urbano/urbanway.html">Urbanway</a>, <a class="novita" href="/setamodena_bus/filobus/trollino.html">Trollino</a>, <a class="novita" href="/setamodena_bus/urbano/menarinocng.html">Menarini CNG</a>, <a class="novita" href="/setamodena_bus/urbano/menarinolng.html">Menarini LNG</a>, <a class="novita" href="/setamodena_bus/suburbano/citarogkoln.html">Citaro G ex Koln</a>, <a class="novita" href="/setamodena_bus/suburbano/urbinostart.html">Urbino ex START</a>, <a class="novita" href="/setamodena_bus/urbano/cityclassatcm.html">Cityclass ATCM</a>. <br> <br>
Eliminato il servizio <a class="novita" href="/seta_menu/frequenze/index.html">Frequenze e tempi di percorrenza</a>. e' stato integrato in <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>.
Eliminato il servizio <a class="novita" href="/seta_menu/frequenze/index.html">Frequenze e tempi di percorrenza</a>, e' stato integrato in <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>. <br> <br>
<h3 class="yellow-warning">Sezione in manutenzione</h3>
</p>
</div>
<div class="riga">

0
scripts/setabus.json → seta_menu/js_menu/setabus.json
View File

30
scripts/setasearch.js → seta_menu/js_menu/setasearch.js
View File

@@ -5,7 +5,7 @@ const buttons = document.getElementById('buttons');
let allProducts = [];
window.onbeforeunload=searchBar.value="";
const url = '/scripts/setabus.json';
const url = '/seta_menu/js_menu/setabus.json';
fetch(url)
.then(response => {
if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
@@ -19,34 +19,10 @@ fetch(url)
searchBar.addEventListener('input', () => {
if (searchBar.value == '') {
productsContainer.innerHTML = '';
buttons.innerHTML = `
<div>
<a href="/seta_menu/setaurbano.html" class="button">Urbano</a>
<a href="/seta_menu/setasub.html" class="button">Suburbano</a>
<a href="/seta_menu/setaextra.html" class="button">Extraurbano</a>
<a href="/seta_menu/setafilobus.html" class="button">Filobus</a>
<a href="/setamodena_bus/minibus/sprinter.html" class="button">Minibus</a>
<div style="height: 8px;"></div>
<a href="/setamodena_bus/servizio.html" class="button">Veicoli di servizio</a>
<div style="height: 8px;"></div>
<a href="/seta_menu/radiatimenu.html" class="rbutton">Veicoli radiati</a>
</div>
<div style="height: 35px;"></div>
<div>
<a class="gbutton" href="atcmlalinea.html">Archivio La Linea ATCM</a>
<a class="gbutton" href="setastreetview.html">Storico StreetView</a>
</div>
<div style="height: 5px;"></div>
<h2>Servizi SETA Modena:</h2>
<div>
<a class="gbutton" href="cercaorario/index.html">Orari in tempo reale</a>
<a class="gbutton" href="businservizio/index.html">Monitor autobus in servizio</a>
<a class="gbutton" href="percorsi/index.html">Percorsi</a>
</div>
`;
buttons.style.display="";
return;
}
buttons.innerHTML = ' ';
buttons.style.display="none";
const searchTerm = searchBar.value.toLowerCase();
const filtered = allProducts.filter(bus => bus.matricola.toLowerCase().includes(searchTerm))
.sort((a, b) => {

4
seta_menu/seta.html
View File

@@ -22,10 +22,8 @@
</nav>
</header>
<h1>SETA Modena</h1>
<div class="verticale">
<input type="text" id="searchBar" placeholder="Cerca una matricola...">
<div id="bus-container"></div>
</div>
<br>
<div id="buttons">
<div>
@@ -57,6 +55,6 @@
</div>
</div>
<div style="height: 65px;"></div>
<script src="/scripts/setasearch.js"></script>
<script src="/seta_menu/js_menu/setasearch.js"></script>
</body>
</html>

6
style.css
View File

@@ -199,6 +199,11 @@ nav ul li h1.yellow-warning {
font-size: 16px;
}
.yellow-warning {
color:rgb(255, 205, 0);
margin:8px;
}
.bus{
border: 2px solid;
border-style: hidden;
@@ -436,6 +441,7 @@ table.image-table img {
#bus-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#searchBar {