mirror of
https://github.com/Daniongithub/ER-TPL.git
synced 2025-10-02 12:10:48 +00:00
Compare commits
22 Commits
5d834093be
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
|
c94b34bd1b | ||
|
|
65d0c3dd52 | ||
|
|
e861046ff4 | ||
| 69b3d48abe | |||
|
|
360fd26893 | ||
|
|
3c2f7330fa | ||
|
|
b64af26d3c | ||
c71b056867
|
|||
|
02b7890f97
|
|||
|
|
7e3dfaf2b5 | ||
|
|
004fd0457e | ||
|
|
3d453f4558 | ||
|
|
ec2ebb2434 | ||
|
|
55c974f3b2 | ||
|
|
93e363d775 | ||
|
|
3c6949af44 | ||
|
|
16b95d57f4 | ||
|
|
0acf6efef8 | ||
|
|
f60e546efd | ||
|
|
6dab202b6a | ||
|
|
6654addeaa | ||
|
|
e3134fabef |
@@ -1,2 +1,3 @@
|
||||
/sitemap /sitemap.xml
|
||||
/extra_menu/extra /service/comingsoon.html
|
||||
/dani /admin/dani/servizi.html
|
||||
@@ -19,7 +19,7 @@
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Altre Regioni</h1>
|
||||
<p>Qua si possono trovare foto di altri gestori di tutta Italia.</p>
|
||||
<p>Qua si possono trovare foto di altri gestori di tutta Italia. (questa pagina è morta. colpa mia)</p>
|
||||
<table class="image-table">
|
||||
<tr>
|
||||
<td>
|
||||
|
||||
16
index.html
16
index.html
@@ -31,21 +31,27 @@
|
||||
<h1 class="spazio"></h1>
|
||||
<hr class="solid">
|
||||
<h1 class="nospazio">Novità sito:</h1>
|
||||
<p class="novitasito"></p>
|
||||
<p class="novitasito">
|
||||
Ridimensionate novità aziende per schermi piccoli
|
||||
</p>
|
||||
<div class="container">
|
||||
<div class="riga">
|
||||
<h2 class="piccolospazio">SETA:</h2>
|
||||
<p class="piccolospazio">
|
||||
<strong>Servizi rapidi:</strong> <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> <br> <br>
|
||||
Ridimensionate tabelle <a class="novita" href="/seta_menu/percorsi/index.html">Percorsi</a>, <a class="novita" href="/seta_menu/cercaorario/index.html">Cerca orario</a> e <a class="novita" href="/seta_menu/businservizio/index.html">Bus in servizio</a> per schermi piccoli. <br>
|
||||
Sistemata grafica cerca orario. <br> <br>
|
||||
Nuove foto: <a class="novita" href="/setamodena_bus/suburbano/bredone.html">Breda 18m</a> <br> <br>
|
||||
Nuovo modello in servizio: <a class="novita" href="/setamodena_bus/suburbano/surbinostart.html">Solaris Urbino 18 III ex START</a> <br><br>
|
||||
Ridimensionata tabella dei percorsi per schermi piccoli.
|
||||
Nuovo modello in servizio: <a class="novita" href="/setamodena_bus/suburbano/surbinostart.html">Solaris Urbino 18 III ex START</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="riga">
|
||||
<h2 class="piccolospazio">Ravenna:</h2>
|
||||
<p class="piccolospazio">
|
||||
Aggiunti: <a class="novita" href="/startravenna_bus/urbano/manlc12e.html">MAN Lion's City 12E</a>.
|
||||
Nuove foto Interni: <a class="novita" href="/startravenna_bus/urbano/karsan.html">Karsan e-ATAK 37137</a>,<br> <a class="novita" href="/startravenna_bus/urbano/uwdim.html">Iveco Urbanway 12 CNG Dimostrativo 32401</a> <br>e <a class="novita" href="/startravenna_bus/suburbano/citelis.html">Irisbus Citelis CNG 10425</a><br><br>
|
||||
Scritta la <a class="novita" href="/start_menu/servizi/start-fermatebus/info.html">guida</a> "come cercare il codice fermata".<br>
|
||||
Nuova grafica per il servizio <a class="novita" href="/start_menu/servizi/start-livebus/index.html">autobus in tempo reale</a>.<br>
|
||||
Aggiunti: <a class="novita" href="/startravenna_bus/urbano/manlc12e.html">MAN Lion's City 12E</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="riga">
|
||||
@@ -56,7 +62,7 @@
|
||||
<div class="riga">
|
||||
<h2 class="piccolospazio">EXTRA:</h2>
|
||||
<p class="piccolospazio">
|
||||
<strong>COMING SOON™</strong>
|
||||
<strong>COMING SOON™ - 02/10/2025</strong>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,3 +4,8 @@
|
||||
<ul>
|
||||
<li><h1 class="warning">ATTENZIONE! Stiamo aggiornando i nostri server e perciò non è possibile visitare alcune sezioni o usare alcune funzioni. Ci scusiamo per il disagio.</h1></li>
|
||||
</ul>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><h1 class="yellow-warning">ATTENZIONE! I nuovi urbanway 4793-4799 non compaiono (sul cerca orario si) a causa di problemi SETA.</h1></li>
|
||||
</ul>
|
||||
</nav>
|
||||
@@ -168,13 +168,6 @@ select,input{
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.search-result {
|
||||
display: block;
|
||||
width: 95.5%;
|
||||
}
|
||||
th,td {
|
||||
font-size: 70%;
|
||||
}
|
||||
p.scaled{
|
||||
font-size: 70%;
|
||||
}
|
||||
@@ -182,8 +175,28 @@ select,input{
|
||||
margin-top: 10px;
|
||||
min-width: 100%;
|
||||
}
|
||||
div.content-background {
|
||||
max-width: 100%;
|
||||
}
|
||||
.search-result {
|
||||
display: block;
|
||||
width: 96.5%;
|
||||
}
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
th,td {
|
||||
font-size: 2vw;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
font-size: 90%;
|
||||
margin: 0;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
@@ -195,8 +208,20 @@ select,input{
|
||||
width: 98%;
|
||||
height: auto;
|
||||
}
|
||||
div.content-background {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 512px) {
|
||||
th,td {
|
||||
font-size: 3vw;
|
||||
}
|
||||
table{
|
||||
margin-top:10px;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -15,11 +15,6 @@
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><h1 class="yellow-warning">ATTENZIONE! I nuovi urbanway 4793-4799 non compaiono (sul cerca orario si) a causa di problemi SETA.</h1></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<nav id="nav-inservizio" style="display: flex;">
|
||||
<ul>
|
||||
<li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
|
||||
|
||||
@@ -27,7 +27,7 @@ fetch(urlRoutes)
|
||||
lineaSelect.appendChild(option);
|
||||
});
|
||||
})
|
||||
.catch(error => console.error('Errore nel caricamento dei dati:', error));
|
||||
.catch(error => {console.error('Errore nel caricamento dei dati:', error)});
|
||||
fetch(urlModels)
|
||||
.then(response => {
|
||||
if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
|
||||
@@ -49,7 +49,7 @@ fetch(urlModels)
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(error => console.error('Errore nel caricamento dei dati:', error));
|
||||
.catch(error => {console.error('Errore nel caricamento dei dati:', error)});
|
||||
|
||||
|
||||
function modelsDictionary(model){
|
||||
@@ -377,5 +377,5 @@ function caricaFiltratiModello(selectedOption){
|
||||
}
|
||||
|
||||
function reloadFiltratiModello(){
|
||||
caricaFiltratiModello(lineaSelect.value);
|
||||
caricaFiltratiModello(modelloSelect.value);
|
||||
}
|
||||
@@ -151,23 +151,23 @@ img{
|
||||
@media (max-width: 768px) {
|
||||
.search-result {
|
||||
display: block;
|
||||
width: 95.5%;
|
||||
width: 96.5%;
|
||||
}
|
||||
.container {
|
||||
flex-direction: column;
|
||||
}
|
||||
th,td {
|
||||
font-size: 70%;
|
||||
font-size: 2vw;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
font-size: 75%;
|
||||
font-size: 90%;
|
||||
margin: 0;
|
||||
}
|
||||
table {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 0;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
@@ -187,6 +187,24 @@ img{
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 512px) {
|
||||
th,td {
|
||||
font-size: 3vw;
|
||||
}
|
||||
table{
|
||||
margin-top:10px;
|
||||
}
|
||||
nav#corsie-nav ul li a{
|
||||
font-size: 3.2vw;
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
h2.noreduction{
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
position: relative;
|
||||
bottom: 0;
|
||||
|
||||
@@ -14,6 +14,10 @@
|
||||
#tabella-container{
|
||||
overflow-x: scroll;
|
||||
}
|
||||
.palinatelefono{
|
||||
max-width: 300px;
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
@@ -21,7 +21,7 @@
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Visualizzatore fermate START Romagna</h1>
|
||||
<a class="info" href="info.html">Informazioni sul servizio</a><br>
|
||||
<a class="info" href="info.html">Hai bisogno d'aiuto? - Informazioni sul servizio</a><br>
|
||||
<label for="bacino">Bacino:</label>
|
||||
<select id="bacino" autocomplete="off">
|
||||
<option value="n" selected>--Scegli un'opzione--</option>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>START Romagna - Visualizza fermata</title>
|
||||
<title>START Romagna - Informazioni sul servizio</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
@@ -22,15 +22,38 @@
|
||||
</nav>
|
||||
</header>
|
||||
<h1>Note e informazioni sul visualizzatore fermate</h1>
|
||||
<h3>Come leggere il codice fermata e inserirlo sul sito:</h3>
|
||||
<p><em>Questa sezione sarà scritta entro o poco oltre l'inizio del servizio scolastico</em></p>
|
||||
<h3>Note varie:</h3>
|
||||
<ul class="lista">
|
||||
<li>I dati qui visualizzati sono direttamente ottenuti da Start Romagna,<br>pertanto eventuali imprecisioni o errori non sono a carico nostro.</li>
|
||||
<li>Per le linee di Ravenna sono state incluse le varianti (es. 1B, 4C, 70/...), esse si basano sul tipo di capolinea in base agli orari.<br>Non conoscendo FC e RN, è impossibile replicare ciò senza errori (se vuoi aiutarci, scrivici nella mail di <a href="/chisiamo.html">chi siamo</a>).</li>
|
||||
<li>Un particolare accenno è dedicato alle linee "barrate", esempio 4/, 80/... Esse compariranno quando una linea è "limitata" come da orario oppure,<br>come abbiamo notato in vita reale, quando una corsa tipo il 70 e l'80 vengono soppresse spesso le dividono a metà e si fermano in stazione.</li>
|
||||
<li>Ci tenevo (io, Il Dani) a precisare che queste varianti possono non essere sempre corrette, in tal caso mi scuso in anticipo, ma almene avete un dettaglio in più,<br>perchè start mette solo il numero linea su Infobus.</li>
|
||||
</ul>
|
||||
<h4><a href="#codiceFermata">Vai alla sezione "codice fermata"</a> oppure <a href="#noteVarie">vai alla sezione "note varie"</a>.</h4>
|
||||
<h3 id="codiceFermata">Come leggere il codice fermata e inserirlo sul sito:</h3>
|
||||
<p><em>Clicca sulle foto per visualizzarle interamente se sono troppo piccole.</em></p>
|
||||
<p>Analizziamo i diversi tipi di fermate autobus presenti nel territorio, esistono diversi formati, dove si possono trovari dati in maniera differente.</p>
|
||||
<h3>Paline ATM</h3>
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<div style="margin-right: 20px;"><a id="palinaatmstendardo-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMstendardo.jpg&fileId=30599&x=1920&y=1080&a=true&etag=9bba74f8caa2ede01714cf25212e1631"><img height="500" id="palinaatmstendardo-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMstendardo.jpg&fileId=30599&x=1920&y=1080&a=true&etag=9bba74f8caa2ede01714cf25212e1631" onerror='this.onerror=null; changeUrlToFallback("palinaatmstendardo-link1","palinaatmstendardo-img1","/Dani/Fermate/PalinaATMstendardo.jpg");' alt="Server foto non raggiungibile."></a></div>
|
||||
<div style="text-align: left;"><p>Questa è una fermata classica proveniente dai tempi di ATM Ravenna.<br>Possiede un numero grande da tre (o quattro - 7XXXX0) cifre sul fianco esterno ed esso<br>ne costituisce il codice fermata breve (se è XXX allora il codice lungo è 70XXX0).</p><br><p>Il secondo elemento è il foglietto "Infobus" che fornisce indicazioni come il nome fermata<br>e il codice fermata lungo, più dettagli dopo, dove descrivo questo foglietto.</p></div>
|
||||
</div>
|
||||
<div style="display: flex; justify-content: center;">
|
||||
<div style="margin-right: 20px;"><a id="palinaatmpiccola-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMcorta.jpg&fileId=30598&x=1920&y=1080&a=true&etag=9e3a5e4683ba4f1d46b071b566bf1f7b"><img height="500" id="palinaatmpiccola-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaATMcorta.jpg&fileId=30598&x=1920&y=1080&a=true&etag=9e3a5e4683ba4f1d46b071b566bf1f7b" onerror='this.onerror=null; changeUrlToFallback("palinaatmpiccola-link1","palinaatmpiccola-img1","/Dani/Fermate/PalinaATMcorta.jpg");' alt="Server foto non raggiungibile."></a></div>
|
||||
<div style="text-align: left;">Palina ridotta ex ATM, stessi modi per ottenere il codice fermata.</div>
|
||||
</div>
|
||||
<p>Attenzione: in queste fermate ex ATM se non trovi il <b>foglietto Infobus</b> e non ci sono tabelle orarie<br>(in alcuni casi ce n'è una di un privato ma mai rimossa, oppure la fermata è nuova, in tal caso ignora ciò detto), ciò significa che la fermata è ABBANDONATA!<br>In altri casi c'è un foglio con scritto "Fermata sospesa" o "Fermata soppressa".</p>
|
||||
<h3>Altre fermate</h3>
|
||||
<a id="fermataGrande-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaGrande.jpg&fileId=30615&x=1920&y=1080&a=true&etag=ebb6fe85b2e2b93a23906508101da863"><img height="500" class="palinatelefono" id="fermataGrande-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/PalinaGrande.jpg&fileId=30615&x=1920&y=1080&a=true&etag=ebb6fe85b2e2b93a23906508101da863" onerror='this.onerror=null; changeUrlToFallback("fermataGrande-link1","fermataGrande-img1","/Dani/Fermate/PalinaGrande.jpg");' alt="Server foto non raggiungibile."></a>
|
||||
<p>In questo tipo di fermata è presente solo il foglietto Infobus.</p>
|
||||
<a id="tabellaOraria-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/TabellaNuova.jpg&fileId=30614&x=1920&y=1080&a=true&etag=76fed8c1faabcfce1518ead562625930"><img height="500" class="palinatelefono" id="tabellaOraria-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/TabellaNuova.jpg&fileId=30614&x=1920&y=1080&a=true&etag=76fed8c1faabcfce1518ead562625930" onerror='this.onerror=null; changeUrlToFallback("tabellaOraria-link1","tabellaOraria-img1","/Dani/Fermate/TabellaNuova.jpg");' alt="Server foto non raggiungibile."></a>
|
||||
<p>Tabella molto gettonata, soprattutto nell'extraurbano.<br>Indica esplicitamente nome fermata e codice fermata lungo.<br>È spesso accompagnata dal foglietto infobus.</p>
|
||||
<h3>Foglietto Infobus</h3>
|
||||
<a id="infobus-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/Infobus.jpg&fileId=30616&x=1920&y=1080&a=true&etag=1b4a8e5f65d735492a5461986c4063da"><img height="500" class="palinatelefono" id="infobus-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Fermate/Infobus.jpg&fileId=30616&x=1920&y=1080&a=true&etag=1b4a8e5f65d735492a5461986c4063da" onerror='this.onerror=null; changeUrlToFallback("infobus-link1","infobus-img1","/Dani/Fermate/Infobus.jpg");' alt="Server foto non raggiungibile."></a>
|
||||
<p>Questo foglietto, introdotto a giugno per il servizio infobus.startromagna.it, indica il nome della fermata e il codice fermata lungo, inseribili poi nel nostro <a href="index.html">visualizzatore fermate</a>.</p>
|
||||
<h3 id="noteVarie">Note varie:</h3>
|
||||
<div style="display: flex; justify-content: center; text-align: left;">
|
||||
<ul class="lista">
|
||||
<li>I dati qui visualizzati sono direttamente ottenuti da Start Romagna, pertanto eventuali imprecisioni o errori non sono a carico nostro.</li>
|
||||
<li>Per le linee di Ravenna sono state incluse le varianti (es. 1B, 4C, 70/, ...), esse si basano sul tipo di capolinea. Una linea come l'1B e l'1C che lo hanno<br>uguale verranno mostrate entrambe come 1B. Con i dati di start non posso fare di meglio.<br>Non conoscendo FC e RN, è impossibile replicare ciò senza errori (se vuoi aiutarci, scrivici nella mail di <a href="/chisiamo.html">chi siamo</a>).</li>
|
||||
<li>Un particolare accenno è dedicato alle linee "barrate", esempio 4/, 80/, ecc. Esse compariranno quando una linea è "limitata" come da orario oppure,<br>come abbiamo notato in vita reale, quando una corsa di tipo urbana o suburbana viene soppressa, dividendola a metà e facendola fermare in stazione.</li>
|
||||
<li>Ci tenevo (io, Il Dani) a precisare che queste varianti possono non essere sempre corrette, in tal caso mi scuso in anticipo, ma almeno avete un dettaglio in più,<br>perchè start mette solo il numero linea su Infobus.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<p>- IlDani 2025.</p>
|
||||
<footer>
|
||||
<div>
|
||||
<p>Copyright © 2025 ER-TPL Team - <a href="https://ertpl.pages.dev" target="_blank">ertpl.pages.dev</a> - code by Il Dani <a href="https://github.com/Daniongithub/startfermate" target="_blank">codice sorgente</a><br>Start Romagna, Start e il logo Start Romagna sono marchi registrati e protetti da copyright da Start Romagna SpA. Vengono usati in questa pagina solo per riferimento.</p>
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
body {
|
||||
background-color: #282828;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-family: Titillium Web;
|
||||
background-color: #282828;
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-family: Titillium Web;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@@ -22,15 +22,8 @@ p {
|
||||
}
|
||||
|
||||
#data-container {
|
||||
margin-top: 20px;
|
||||
max-width: 1000px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
background-color: #333;
|
||||
padding: 20px;
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
overflow-x: scroll;
|
||||
min-width: 80%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.filter-container {
|
||||
@@ -69,52 +62,46 @@ p {
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 20px;
|
||||
font-size: 15px;
|
||||
border-radius: 8px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0;
|
||||
border: 1px solid rgb(100,100,100);
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
min-width: 85%;
|
||||
max-width: 100%;
|
||||
margin: 18px auto;
|
||||
}
|
||||
|
||||
table th:nth-child(6),
|
||||
td:nth-child(6){
|
||||
display: none;
|
||||
/*Linee verticali*/
|
||||
th:not(:last-child),
|
||||
td:not(:last-child) {
|
||||
border-right: 1px solid rgb(100,100,100);
|
||||
}
|
||||
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border: 1px solid #e0e0e0;
|
||||
/*Linee orizzontali*/
|
||||
tr:not(:last-child) > th,
|
||||
tr:not(:last-child) > td {
|
||||
border-bottom: 1px solid rgb(100,100,100);;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: slategray;
|
||||
color: white;
|
||||
padding: 12px;
|
||||
text-align: left;
|
||||
text-align: center;
|
||||
padding: .7vw;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 10px;
|
||||
background-color: dimgray;
|
||||
padding: .7vw;
|
||||
background-color: #282828;
|
||||
color: white;
|
||||
}
|
||||
|
||||
tr:nth-child(even) td {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
tr:hover td {
|
||||
background-color: darkgray;
|
||||
background-color: rgb(60, 60, 60);
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
table th:nth-child(4),
|
||||
td:nth-child(4){
|
||||
display: none;
|
||||
}
|
||||
|
||||
.filter-container input{
|
||||
margin-top: 5px;
|
||||
}
|
||||
@@ -122,6 +109,9 @@ tr:hover td {
|
||||
.filter-container button{
|
||||
margin-top: 75%;
|
||||
}
|
||||
#data-container {
|
||||
overflow-x: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
|
||||
@@ -42,24 +42,38 @@ function applyFilter() {
|
||||
const table = document.createElement('table');
|
||||
|
||||
// Aggiungi l'intestazione della tabella
|
||||
const header = table.createTHead();
|
||||
const headerRow = header.insertRow();
|
||||
headerRow.insertCell().textContent = 'Zona';
|
||||
headerRow.insertCell().textContent = 'Linea';
|
||||
headerRow.insertCell().textContent = 'Fermata';
|
||||
headerRow.insertCell().textContent = 'Codice Fermata';
|
||||
headerRow.insertCell().textContent = 'Veicolo';
|
||||
headerRow.insertCell().textContent = ' ';
|
||||
headerRow.insertCell().textContent = 'Ultimo Aggiornamento';
|
||||
var th = document.createElement('th');
|
||||
var tr = document.createElement('tr');
|
||||
th.innerHTML='Zona';
|
||||
tr.appendChild(th);
|
||||
th = document.createElement('th');
|
||||
th.innerHTML='Linea';
|
||||
tr.appendChild(th);
|
||||
th = document.createElement('th');
|
||||
th.innerHTML='Fermata';
|
||||
tr.appendChild(th);
|
||||
th = document.createElement('th');
|
||||
th.innerHTML='Codice fermata';
|
||||
tr.appendChild(th);
|
||||
th = document.createElement('th');
|
||||
th.innerHTML='Veicolo';
|
||||
tr.appendChild(th);
|
||||
th = document.createElement('th');
|
||||
th.innerHTML='Ultimo aggiornamento';
|
||||
tr.appendChild(th);
|
||||
table.appendChild(tr);
|
||||
|
||||
// Aggiungi i dati alla tabella
|
||||
const tbody = table.createTBody();
|
||||
data.forEach(row => {
|
||||
const rowElement = tbody.insertRow();
|
||||
const rowt = document.createElement('tr');
|
||||
row.forEach(cellData => {
|
||||
const cell = rowElement.insertCell();
|
||||
cell.textContent = cellData;
|
||||
if(cellData!=""){
|
||||
const cell = document.createElement('td');
|
||||
cell.innerHTML = cellData;
|
||||
rowt.appendChild(cell);
|
||||
}
|
||||
});
|
||||
table.appendChild(rowt);
|
||||
});
|
||||
|
||||
// Aggiungi la tabella alla pagina
|
||||
|
||||
@@ -122,6 +122,12 @@
|
||||
<tr>
|
||||
<td><a id="10422-linkint1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/INTSTART10422(2).jpg&fileId=178791&x=1920&y=1080&a=true&etag=45c7042729a070ff36b4619b752ed91d"><img id="10422-imgint1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/INTSTART10422(2).jpg&fileId=178791&x=1920&y=1080&a=true&etag=45c7042729a070ff36b4619b752ed91d" onerror='this.onerror=null; changeUrlToFallback("10422-linkint1","10422-imgint1","/Fogli/START/Irisbus Citelis Start Ravenna/INTSTART10422(2).jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><h2>10425</h2></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a id="int10425-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int10425.jpg&fileId=30640&x=2560&y=1440&a=true&etag=8a75a69ba1ee42041175f9dd535110d2"><img id="int10425-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int10425.jpg&fileId=30640&x=2560&y=1440&a=true&etag=8a75a69ba1ee42041175f9dd535110d2" onerror='this.onerror=null; changeUrlToFallback("int10425-link1","int10425-img1","/Dani/Erik/int10425.jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -174,5 +174,12 @@
|
||||
<tr>
|
||||
<td><a id="int37126-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Leo/START/Karsan/interni37126.jpg&fileId=25158&x=1920&y=1080&a=true&etag=78538b11aca96bca7cbc869d78633b40"><img id="int37126-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Leo/START/Karsan/interni37126.jpg&fileId=25158&x=1920&y=1080&a=true&etag=78538b11aca96bca7cbc869d78633b40" onerror='this.onerror=null; changeUrlToFallback("int37126-link1","int37126-img1","/Leo/START/Karsan/interni37126.jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4"><h2>37137</h2></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a id="int37137-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int37137.jpg&fileId=30641&x=2560&y=1440&a=true&etag=bb7b3c9921b6adf9395190dd81894e70"><img id="int37137-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int37137.jpg&fileId=30641&x=2560&y=1440&a=true&etag=bb7b3c9921b6adf9395190dd81894e70" onerror='this.onerror=null; changeUrlToFallback("int37137-link1","int37137-img1","/Dani/Erik/int37137.jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -31,5 +31,14 @@
|
||||
<td><a id="32401-link" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&a=true&etag=46e25ae018a48e8146bbb1fd92a92ea0"><img id="32401-img" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&a=true&etag=46e25ae018a48e8146bbb1fd92a92ea0" onerror='this.onerror=null; changeUrlToFallback("32401-link","32401-img","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
<h1>Interni</h1>
|
||||
<table class="image-table">
|
||||
<tr>
|
||||
<td colspan="4"><h2>32401</h2></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><a id="int32401-link1" href="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int32401.jpg&fileId=30642&x=2560&y=1440&a=true&etag=c1a869f8ef9fc07acb9d68c52232f3b7"><img id="int32401-img1" src="https://drive.serverissimo.freeddns.org/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=/Dani/Erik/int32401.jpg&fileId=30642&x=2560&y=1440&a=true&etag=c1a869f8ef9fc07acb9d68c52232f3b7" onerror='this.onerror=null; changeUrlToFallback("int32401-link1","int32401-img1","/Dani/Erik/int32401.jpg");' alt="Server foto non raggiungibile."></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
16
style.css
16
style.css
@@ -268,6 +268,13 @@ table.image-table img {
|
||||
font-family: Titillium Web;
|
||||
font-size: medium;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin: 20px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
table.image-table {
|
||||
width: 100%;
|
||||
@@ -283,6 +290,8 @@ table.image-table img {
|
||||
}
|
||||
.container {
|
||||
flex-direction: column;
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
iframe.chisiamo{
|
||||
width: 340px;
|
||||
@@ -391,10 +400,3 @@ table.image-table img {
|
||||
margin: 20px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
gap: 20px;
|
||||
margin: 20px;
|
||||
}
|
||||
Reference in New Issue
Block a user