lista
<script src=”https://code.jquery.com/jquery-3.6.0.min.js”></script> <script> jQuery(document).ready(function($) { $(‘.municipio’).click(function(e) { e.preventDefault(); var municipio = $(this).data(‘municipio’); // Buscar os dados do CSV $.get(‘/path/to/your/csvfile.csv’, function(data) { var linhas = data.split(“\n”); var dadosMunicipio = null; for (var i = 1; i < linhas.length; i++) { var colunas = linhas[i].split(“,”); if (colunas[1] == municipio) { dadosMunicipio = colunas; break; } } if (dadosMunicipio) { $(‘#modal-body’).html( ‘<div style=”text-align: left; font-weight: bold;”>’ + dadosMunicipio[1] + ‘</div>’ + ‘<div style=”text-align: center; font-weight: bold;”>’ + dadosMunicipio[3] + ‘</div>’ + ‘<div style=”text-align: center;”><img src=”‘ + dadosMunicipio[4] + ‘” alt=”Foto do Secretário”></div>’ + ‘<div style=”text-align: center;”>’ + dadosMunicipio[2] + ‘</div>’ + ‘<div style=”text-align: center;”><img src=”‘ + dadosMunicipio[5] + ‘” alt=”Foto do Município”></div>’ + ‘<div style=”text-align: right;”><a href=”‘ + dadosMunicipio[6] + ‘”>Site da Secretaria</a></div>’ ); } $(‘#modal’).show(); }); }); $(‘#close’).click(function() { $(‘#modal’).hide(); }); }); </script>
<!– Página de Municípios do ES –> <div id=”municipios-es”> <a href=”#” class=”municipio” data-municipio=”Vila Velha”>Vila Velha</a> <!– Adicione mais municípios aqui –> </div> <!– Modal –> <div id=”modal” style=”display: none;”> <div id=”modal-content”> <span id=”close”>×</span> <div id=”modal-body”> <!– Dados do município serão inseridos aqui –> </div> </div> </div>