Fix vari = ricerca per compagnia

scripts/bus.json

@@ -1,65 +0,0 @@
-[
-    {
-        "matricola": "10108",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10108",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10109",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10109",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10110",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10110",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10111",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10111",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10112",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10112",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10113",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10113",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    },
-    {
-        "matricola": "10114",
-        "compagnia": "START Romagna",
-        "settore" : "Extraurbano",
-        "modello" : "Scania De Simon IL.3",
-        "link": "startravenna_bus/extraurbano/desimon.html#10114",
-        "linkmodello": "startravenna_bus/extraurbano/desimon.html",
-        "linksettore": "start_menu/start_menu/startextra.html"
-    }
-]

scripts/ertpl.js

@@ -1,23 +0,0 @@
-/*
-The function(s) below are used to fall back to the second (not for importance) server if the first is not available
-Swaps both links and images sources
-aid = identifier for the anchor (a tag)
-imgid = identifier for the image (img tag)
-path = path for the image starting from the root, for example /Dani/10225.jpg
-*/
-function changeUrlToFallback(aid,imgid,path) {
-    try {
-        document.getElementById(imgid).src = "http://serverissimo.freeddns.org:30081/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=" + path + "&x=1920&y=1080&a=true";
-    } catch {}
-    try {
-        document.getElementById(aid).href = "http://serverissimo.freeddns.org:30081/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=" + path + "&x=1920&y=1080&a=true";
-    } catch {}
-}
-function changeUrlToFallbackNoTrue(aid,imgid,path) {
-    try {
-        document.getElementById(imgid).src = "http://serverissimo.freeddns.org:30081/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=" + path + "&x=1920&y=1080";
-    } catch {}
-    try {
-        document.getElementById(aid).href = "http://serverissimo.freeddns.org:30081/apps/files_sharing/publicpreview/ffdqobqRg2ezKXt?file=" + path + "&x=1920&y=1080";
-    } catch {}
-}

scripts/search.js

@@ -1,54 +0,0 @@
-const searchBar = document.getElementById('searchBar');
-const productsContainer = document.getElementById('bus-container');
-let allProducts = [];
-
-const url = '/scripts/bus.json'; // cambia con il tuo URL
-
-window.onbeforeunload=searchBar.value="";
-fetch(url)
-    .then(response => {
-        if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
-        return response.json();
-    })
-    .then(data => {
-        allProducts = data;
-        //renderProducts(allProducts);
-    })
-    .catch(error => console.error('Errore nel caricamento dei dati:', error));
-
-searchBar.addEventListener('input', () => {
-    if (searchBar.value == '') {
-        productsContainer.innerHTML = '';
-        return;
-    }
-    const searchTerm = searchBar.value.toLowerCase();
-    const filtered = allProducts.filter(bus =>
-        bus.matricola.toLowerCase().includes(searchTerm)
-    );
-    renderProducts(filtered);
-});
-searchBar.addEventListener('click', () => {
-    if (searchBar.value == '') {
-        productsContainer.innerHTML = '';
-        return;
-    }
-    const searchTerm = searchBar.value.toLowerCase();
-    const filtered = allProducts.filter(bus =>
-        bus.matricola.toLowerCase().includes(searchTerm)
-    );
-    renderProducts(filtered);
-});
-
-function renderProducts(products) {
-    productsContainer.innerHTML = '';
-    products.forEach(bus => {
-        const div = document.createElement('div');
-        div.className = 'product-card';
-        div.innerHTML = `
-            <a href="${bus.link}"><h3>${bus.matricola}</h3></a>
-            <a href="${bus.linksettore}"><p>${bus.compagnia} - ${bus.settore}</p></a>
-            <a href="${bus.linkmodello}"><p>${bus.modello}</p></a>
-        `;
-        productsContainer.appendChild(div);
-    });
-}

scripts/setabus.json

@@ -0,0 +1,8 @@
+[
+    {
+        "matricola": "10108",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "https://ertpl.pages.dev/startravenna_bus/extraurbano/desimon.html#10108"
+    }
+]

scripts/setasearch.js

@@ -0,0 +1,60 @@
+        const searchBar = document.getElementById('searchBar');
+        const productsContainer = document.getElementById('bus-container');
+        const buttons = document.getElementById('buttons');
+
+        let allProducts = [];
+
+        const url = '/scripts/setabus.json';
+        fetch(url)
+            .then(response => {
+                if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
+                return response.json();
+            })
+            .then(data => {
+                allProducts = data;
+            })
+            .catch(error => console.error('Errore nel caricamento dei dati:', error));
+
+        searchBar.addEventListener('input', () => {
+            if (searchBar.value == '') {
+                productsContainer.innerHTML = ' ';
+                buttons.innerHTML = `
+                <div>
+                    <h3>Oppure sfoglia una categoria</h3>
+                    <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>
+                <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>
+                `;
+                return;
+            }
+            buttons.innerHTML = ' ';
+                const searchTerm = searchBar.value.toLowerCase();
+                const filtered = allProducts.filter(bus =>
+                    bus.matricola.toLowerCase().includes(searchTerm)
+                );
+                renderProducts(filtered);
+        });
+
+        function renderProducts(products) {
+            productsContainer.innerHTML = '';
+            products.forEach(bus => {
+                const div = document.createElement('div');
+                div.className = 'product-card';
+                div.innerHTML = `
+                    <a href="${bus.link}">
+                    <h3>${bus.matricola}</h3>
+                    <p>${bus.settore}</p>
+                    <p>${bus.modello}</p>
+                    </a>
+                `;
+                productsContainer.appendChild(div);
+            });
+        }

scripts/startbus.json

@@ -0,0 +1,58 @@
+[
+    {
+        "matricola": "10108",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10108",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10109",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10109",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10110",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10110",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10111",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10111",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10112",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10112",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10113",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10113",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    },
+    {
+        "matricola": "10114",
+        "settore" : "Extraurbano",
+        "modello" : "Scania De Simon IL.3",
+        "link": "/startravenna_bus/extraurbano/desimon.html#10114",
+        "linkmodello": "/startravenna_bus/extraurbano/desimon.html",
+        "linksettore": "/start_menu/start_menu/startextra.html"
+    }
+]

scripts/startsearch.js

@@ -0,0 +1,57 @@
+        const searchBar = document.getElementById('searchBar');
+        const productsContainer = document.getElementById('bus-container');
+        const buttons = document.getElementById('buttons');
+
+        let allProducts = [];
+
+        const url = '/scripts/startbus.json';
+        fetch(url)
+            .then(response => {
+                if (!response.ok) throw new Error("Errore nel caricamento dei dati.");
+                return response.json();
+            })
+            .then(data => {
+                allProducts = data;
+            })
+            .catch(error => console.error('Errore nel caricamento dei dati:', error));
+
+        searchBar.addEventListener('input', () => {
+            if (searchBar.value == '') {
+                productsContainer.innerHTML = ' ';
+                buttons.innerHTML = `
+                <div class="verticale">
+                    <h3>Oppure sfoglia una categoria</h3>
+                    <h3>Oppure sfoglia una categoria</h3>
+                    <a href="/start_menu/starturbano.html" class="button">Urbano</a>
+                    <a href="/start_menu/startsub.html" class="button">Suburbano</a>
+                    <a href="/start_menu/startextra.html" class="button">Extraurbano</a>
+                </div>
+                <div style="height: 35px;"></div>
+                <div>
+                    <a class="gbutton" href="/startravenna_bus/listamezzi.html">Lista mezzi</a>
+                </div>
+                `;
+                return;
+            }
+            buttons.innerHTML = ' ';
+                const searchTerm = searchBar.value.toLowerCase();
+                const filtered = allProducts.filter(bus =>
+                    bus.matricola.toLowerCase().includes(searchTerm)
+                );
+                renderProducts(filtered);
+        });
+
+        function renderProducts(products) {
+            productsContainer.innerHTML = '';
+            products.forEach(bus => {
+                const div = document.createElement('div');
+                div.className = 'product-card';
+                div.innerHTML = `
+                    <a href="${bus.link}">
+                    <h3>${bus.matricola}</h3>
+                    <p>${bus.modello}</p>
+                    <p>${bus.settore}</p></a>
+                `;
+                productsContainer.appendChild(div);
+            });
+        }

seta_menu/seta.html

@@ -25,17 +25,27 @@
         </nav>
       </header>
       <h1>SETA Modena</h1>
-      <div>
+      <div class="verticale">
-        <a href="/seta_menu/setaurbano.html" class="button">Urbano</a>
+        <h3>Cerca una matricola</h3>
-        <a href="/seta_menu/setasub.html" class="button">Suburbano</a>
+        <input type="text" id="searchBar" placeholder="Cerca per matricola...">
-        <a href="/seta_menu/setaextra.html" class="button">Extraurbano</a>
+        <div id="bus-container"></div>
-        <a href="/seta_menu/setafilobus.html" class="button">Filobus</a>
-        <a href="/setamodena_bus/minibus/sprinter.html" class="button">Minibus</a>
       </div>
-      <div style="height: 35px;"></div>
+      <br>
-      <div>
+      <div id="buttons">
-        <a class="gbutton" href="atcmlalinea.html">Archivio La Linea ATCM</a>
+        <div>
-        <a class="gbutton" href="setastreetview.html">Storico StreetView</a>
+          <h3>Oppure sfoglia una categoria</h3>
+          <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>
+        <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>
+      <script src="/scripts/setasearch.js"></script>
   </body>
 </html>

start_menu/start.html

@@ -23,13 +23,23 @@
   </header>
   <h1>START Romagna - Bacino di Ravenna</h1>
   <div class="verticale">
-    <a href="start_menu/starturbano.html" class="button">Urbano</a>
+    <h3>Cerca una matricola</h3>
-    <a href="start_menu/startsub.html" class="button">Suburbano</a>
+    <input type="text" id="searchBar" placeholder="Cerca per matricola...">
-    <a href="start_menu/startextra.html" class="button">Extraurbano</a>
+    <div id="bus-container"></div>
   </div>
-  <div style="height: 35px;"></div>
+  <br>
-  <div>
+  <div id="buttons">
-    <a class="gbutton" href="startravenna_bus/listamezzi.html">Lista mezzi</a>
+    <div class="verticale">
+      <h3>Oppure sfoglia una categoria</h3>
+      <a href="/start_menu/starturbano.html" class="button">Urbano</a>
+      <a href="/start_menu/startsub.html" class="button">Suburbano</a>
+      <a href="/start_menu/startextra.html" class="button">Extraurbano</a>
+    </div>
+    <div style="height: 35px;"></div>
+    <div>
+      <a class="gbutton" href="/startravenna_bus/listamezzi.html">Lista mezzi</a>
+    </div>
   </div>
+  <script src="/scripts/startsearch.js"></script>
 </body>
 </html>

start_menu/startextra.html

@@ -19,7 +19,7 @@
             </ul>
             <ul>
                 <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
-                <li><a href="start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
+                <li><a href="/start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
             </ul>
         </nav>
     </header>
@@ -28,29 +28,29 @@
         <tr>
             <td>
                 <p>10108-10125<br>Scania De Simon IL.3</p>
-                <a href="startravenna_bus/extraurbano/desimon.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Scania%20De%20Simon%20IL.3%20Start%20Ravenna/START10122.jpg&fileId=233646&x=1920&y=1080&etag=1cee8b5fd01e6c81618cf37587e73a25" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/desimon.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Scania%20De%20Simon%20IL.3%20Start%20Ravenna/START10122.jpg&fileId=233646&x=1920&y=1080&etag=1cee8b5fd01e6c81618cf37587e73a25" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>34231-34267<br>Iveco Crossway LE 12m</p>
-                <a href="startravenna_bus/extraurbano/crossway12le.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34260.jpg&fileId=233605&x=1920&y=1080&etag=1bbbd7779063e06a63e2fcd5dc622a5a" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/crossway12le.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34260.jpg&fileId=233605&x=1920&y=1080&etag=1bbbd7779063e06a63e2fcd5dc622a5a" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>34301-34304<br>Iveco Crossway LE 13m</p>
-                <a href="startravenna_bus/extraurbano/crossway13le.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34303.jpg&fileId=233543&x=1920&y=1080&etag=ff9af2b469d31d2af0093b4aa167734f" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/crossway13le.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34303.jpg&fileId=233543&x=1920&y=1080&etag=ff9af2b469d31d2af0093b4aa167734f" alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
         <tr>
             <td>
                 <p>34411-34435<br>Scania Irizar i4 LNG 12m</p>
-                <a href="startravenna_bus/extraurbano/irizari4.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Scania%20Irizar%20I4%20LNG%20Start%20Ravenna/START34425.jpg&fileId=233969&x=1920&y=1080&etag=dba73dfb1c674860bad4276d08f4f459" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/irizari4.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Scania%20Irizar%20I4%20LNG%20Start%20Ravenna/START34425.jpg&fileId=233969&x=1920&y=1080&etag=dba73dfb1c674860bad4276d08f4f459" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>34441-34446<br>Iveco Crossway LE CNG 12m 2023</p>
-                <a href="startravenna_bus/extraurbano/crossway12cngle2023.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Dani/Manuel/34445%20(2).jpg&fileId=270946&x=1920&y=1080&etag=48892530717aec1e6d5ef88972df01cf" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/crossway12cngle2023.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Dani/Manuel/34445%20(2).jpg&fileId=270946&x=1920&y=1080&etag=48892530717aec1e6d5ef88972df01cf" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>34451-34499<br>Iveco Crossway LE CNG 12m</p>
-                <a href="startravenna_bus/extraurbano/crossway12cngle.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34494(2).jpg&fileId=233606&x=1920&y=1080&etag=2eefbcb0cd8150aea7db260ca39499b1" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/extraurbano/crossway12cngle.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Crossway%20LE%20Start%20Ravenna/START34494(2).jpg&fileId=233606&x=1920&y=1080&etag=2eefbcb0cd8150aea7db260ca39499b1" alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
     </table>

start_menu/startsub.html

@@ -19,7 +19,7 @@
             </ul>
             <ul>
                 <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
-                <li><a href="start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
+                <li><a href="/start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
             </ul>
         </nav>
     </header>
@@ -28,21 +28,21 @@
         <tr>
             <td>
                 <p>10418-10431<br>Irisbus Citelis CNG (non-EEV)</p>
-                <a href="startravenna_bus/suburbano/citelis.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/START10419.jpg&fileId=233128&x=1920&y=1080&etag=e442439622b318f75ef5affc021106f9" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/suburbano/citelis.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/START10419.jpg&fileId=233128&x=1920&y=1080&etag=e442439622b318f75ef5affc021106f9" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>10432-10443<br>Irisbus Citelis CNG (EEV) + Dimostrativo</p>
-                <a href="startravenna_bus/suburbano/citeliseev.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/START10432.jpg&fileId=233155&x=1920&y=1080&etag=1be982969de759e24cf9728fb13ce144" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/suburbano/citeliseev.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Irisbus%20Citelis%20Start%20Ravenna/START10432.jpg&fileId=233155&x=1920&y=1080&etag=1be982969de759e24cf9728fb13ce144" alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>10444<br>Iveco Urbanway 12m CNG</p>
-                <a href="startravenna_bus/suburbano/uw.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10444(2).jpg&fileId=233838&x=1920&y=1080&etag=6903bcab024b61e2a7485464db64b287" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/suburbano/uw.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10444(2).jpg&fileId=233838&x=1920&y=1080&etag=6903bcab024b61e2a7485464db64b287" alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
         <tr>
             <td>
                 <p>36101-36109<br>MAN Lion's City A40 GL CNG</p>
-                <a href="startravenna_bus/suburbano/mana40.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Man%20Lion%27s%20City%20A40%20GL%20CNG%20Start%20Ravenna/START36105.jpg&fileId=619&x=1920&y=1080&etag=7a45828b5a0363fd8b3948ccf12a9e27" alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/suburbano/mana40.html"><img class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Man%20Lion%27s%20City%20A40%20GL%20CNG%20Start%20Ravenna/START36105.jpg&fileId=619&x=1920&y=1080&etag=7a45828b5a0363fd8b3948ccf12a9e27" alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
     </table>

start_menu/starturbano.html

@@ -19,7 +19,7 @@
             </ul>
             <ul>
                 <li><a href="/index.html"><h1 style="font-size: 100%;font-weight: 500;">Home</h1></a></li>
-                <li><a href="start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
+                <li><a href="/start_menu/start.html"><h1 style="font-size: 100%;font-weight: 500;">START Ravenna</h1></a></li>
             </ul>
         </nav>
     </header>
@@ -28,35 +28,35 @@
         <tr>
             <td>
                 <p>10219-10235 10240-10242<br>BredaMenariniBus M231 CNG</p>
-                <a href="startravenna_bus/urbano/bredino.html"><img id="bredino" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Bredamenarinibus%20M231%20CNG%20Start%20Ravenna/START10226.jpg&fileId=233903&x=1920&y=1080&etag=812a711d9fbd2dcca8e760c071231ad5" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","bredino","/Fogli/START/Bredamenarinibus%20M231%20CNG%20Start%20Ravenna/START10226.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/bredino.html"><img id="bredino" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Bredamenarinibus%20M231%20CNG%20Start%20Ravenna/START10226.jpg&fileId=233903&x=1920&y=1080&etag=812a711d9fbd2dcca8e760c071231ad5" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","bredino","/Fogli/START/Bredamenarinibus%20M231%20CNG%20Start%20Ravenna/START10226.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>10243-10246<br>BredaMenariniBus Vivacity CNG</p>
-                <a href="startravenna_bus/urbano/bredinovivo.html"><img id="bredinovivo" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Bredamenarinibus%20Vivacity%20CNG%20Start%20Ravenna/START10246.jpg&fileId=234008&x=1920&y=1080&etag=54e7aa1d2894297144971691d9f97829" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","bredinovivo","/Fogli/START/Bredamenarinibus%20Vivacity%20CNG%20Start%20Ravenna/START10246.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/bredinovivo.html"><img id="bredinovivo" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Bredamenarinibus%20Vivacity%20CNG%20Start%20Ravenna/START10246.jpg&fileId=234008&x=1920&y=1080&etag=54e7aa1d2894297144971691d9f97829" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","bredinovivo","/Fogli/START/Bredamenarinibus%20Vivacity%20CNG%20Start%20Ravenna/START10246.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>10445-10448<br>Iveco Urbanway 12m CNG</p>
-                <a href="startravenna_bus/urbano/uw.html"><img id="uw" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10447.jpg&fileId=233839&x=1920&y=1080&etag=b612f10439fb484e6558b3c196ad7840" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uw","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10447.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/uw.html"><img id="uw" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10447.jpg&fileId=233839&x=1920&y=1080&etag=b612f10439fb484e6558b3c196ad7840" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uw","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START10447.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
         <tr>
             <td>
                 <p>32051<br>Iveco Urbanway 10.5 CNG</p>
-                <a href="startravenna_bus/urbano/uwpiccolo.html"><img id="uwpiccolo" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2010m%20CNG%20Start%20Ravenna/START32051.jpg&fileId=233882&x=1920&y=1080&etag=2a678c1af017cbb901635f0c44362e5a" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uwpiccolo","/Fogli/START/Iveco%20Urbanway%2010m%20CNG%20Start%20Ravenna/START32051.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/uwpiccolo.html"><img id="uwpiccolo" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2010m%20CNG%20Start%20Ravenna/START32051.jpg&fileId=233882&x=1920&y=1080&etag=2a678c1af017cbb901635f0c44362e5a" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uwpiccolo","/Fogli/START/Iveco%20Urbanway%2010m%20CNG%20Start%20Ravenna/START32051.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>32301-32323<br>MenariniBus Citymood 12 CNG</p>
-                <a href="startravenna_bus/urbano/menarinocng.html"><img id="menarinocng" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/MenariniBus%20IIA%20Citymood%20CNG/START32305.jpg&fileId=264809&x=1920&y=1080&etag=867a0cd532937b5af6551f34c9c8a886" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","menarinocng","/Fogli/START/MenariniBus%20IIA%20Citymood%20CNG/START32305.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/menarinocng.html"><img id="menarinocng" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/MenariniBus%20IIA%20Citymood%20CNG/START32305.jpg&fileId=264809&x=1920&y=1080&etag=867a0cd532937b5af6551f34c9c8a886" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","menarinocng","/Fogli/START/MenariniBus%20IIA%20Citymood%20CNG/START32305.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
             <td>
                 <p>32401<br>Iveco Urbanway 12 CNG Dimostrativo</p>
-                <a href="startravenna_bus/urbano/uwdim.html"><img id="uwdim" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&etag=46e25ae018a48e8146bbb1fd92a92ea0" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uwdim","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/uwdim.html"><img id="uwdim" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg&fileId=264869&x=1920&y=1080&etag=46e25ae018a48e8146bbb1fd92a92ea0" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","uwdim","/Fogli/START/Iveco%20Urbanway%2012%20CNG%20Start%20Ravenna/START32401.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
         <tr>
             <td>
                 <p>37111-37149<br>Karsan e-ATAK</p>
-                <a href="startravenna_bus/urbano/karsan.html"><img id="karsan" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Karsan%20e-Atak%20Start%20Ravenna/START37127.jpg&fileId=234036&x=1920&y=1080&etag=5d5ff90328cdc341a1da0b28844e0ed4" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","karsan","/Fogli/START/Karsan%20e-Atak%20Start%20Ravenna/START37127.jpg");' alt="Server foto non raggiungibile."></a>
+                <a href="/startravenna_bus/urbano/karsan.html"><img id="karsan" class="bus" src="https://drive-vichingo455.duckdns.org/apps/files_sharing/publicpreview/dydYxaqMrKce3Zj?file=/Fogli/START/Karsan%20e-Atak%20Start%20Ravenna/START37127.jpg&fileId=234036&x=1920&y=1080&etag=5d5ff90328cdc341a1da0b28844e0ed4" onerror='this.onerror=null; changeUrlToFallbackNoTrue("","karsan","/Fogli/START/Karsan%20e-Atak%20Start%20Ravenna/START37127.jpg");' alt="Server foto non raggiungibile."></a>
             </td>
         </tr>
     </table>

style.css

@@ -242,3 +242,33 @@ table.image-table img {
 .lista-mezzi tbody tr.trasferito{
     background-color: blue;
 }
+/* Zona ricerca */
+#bus-container a{
+    text-decoration: none;
+}
+.product-card {
+    padding: 10px;
+    margin: 10px;
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    background-color: #282828;
+    width: 300px;
+}
+
+.product-card img {
+    width: 100%;
+    height: auto;
+    border-radius: 6px;
+}
+
+#bus-container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+#searchBar {
+    padding: 10px;
+    width: 300px;
+    margin: 20px;
+    font-size: 16px;
+}