BossBey File Manager
PHP:
8.4.18
OS:
Linux
User:
kids
Root
/
home
/
kids
/
public_html
/
app
📤 Upload
📝 New File
📁 New Folder
Close
Editing: create2.php
<!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <title>Criação de usuário no sistema</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <style> .wrapper{ width: 500px; margin: 0 auto; } </style> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <div class="wrapper"> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <h2 class="mt-5">Criar usuário</h2> <form action="insert.php" method="post"> <div class="form-group"> <label>Nome</label> <input type="text" name="nome" class="form-control"> </div> <div class="form-group"> <label>Senha</label> <input type="password" name="senha" class="form-control"> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" class="form-control"> </div> <div class="form-group"> <label>Telefone</label> <input type="text" name="telefone" class="form-control"> </div> <div class="form-group"> <label>Nível de Acesso</label> <select name="nivelAcesso" class="form-control"> <option value="admin">Admin</option> <option value="prof">Prof</option> <option value="resp">Resp</option> <option value="aluno">Aluno</option> </select> </div> <div class="form-group"> <label for="cep">CEP:</label> <input type="text" id="cep" name="cep" maxlength="9" oninput="pesquisarEndereco(this.value)" required> </div> <div class="form-group"> <label for="logradouro">Logradouro:</label> <input type="text" id="logradouro" name="logradouro" required> </div> <div class="form-group"> <label for="bairro">Bairro:</label> <input type="text" id="bairro" name="bairro" required> </div> <div class="form-group"> <label for="cidade">Cidade:</label> <input type="text" id="cidade" name="cidade" required> </div> <div class="form-group"> <label for="estado">Estado:</label> <input type="text" id="estado" name="estado" required> </div> <div class="form-group"> <label for="complemento">Complemento:</label> <input type="text" id="complemento" name="complemento"> </div> <div class="form-group"> <label for="numero">Número:</label> <input type="text" id="numero" name="numero" required> </div> <div class="form-group"> <label for="latitude">Latitude:</label> <input type="text" id="latitude" name="latitude" required> </div> <div class="form-group"> <label for="longitude">Longitude:</label> <input type="text" id="longitude" name="longitude" required> </div> <div class="form-group"> <label>Observações</label> <textarea name="obs" class="form-control" rows="5"><?php echo $obs; ?></textarea> </div> <input type="submit" class="btn btn-primary" value="Submit"> </form> </div> </div> </div> </div> <script> function pesquisarEndereco(cep) { cep = cep.replace(/\D/g, ''); if (cep.length === 8) { fetch(`https://viacep.com.br/ws/${cep}/json/`) .then(response => response.json()) .then(data => preencherEndereco(data)); } } function preencherEndereco(data) { document.getElementById('logradouro').value = data.logradouro || ''; document.getElementById('bairro').value = data.bairro || ''; document.getElementById('cidade').value = data.localidade || ''; document.getElementById('estado').value = data.uf || ''; document.getElementById('complemento').value = data.complemento || ''; document.getElementById('numero').focus(); // Use a API do OpenCage Geocoding para obter a latitude e a longitude const enderecoCompleto = `${data.logradouro}, ${data.bairro}, ${data.localidade}, ${data.uf}`; obterLatitudeLongitude(enderecoCompleto); } function obterLatitudeLongitude(endereco) { const apiKey = 'dbac33e42c504f4ea29e2d550960540f '; // Substitua pela sua própria API Key const url = `https://api.opencagedata.com/geocode/v1/json?q=${encodeURIComponent(endereco)}&key=${apiKey}`; $.get(url, function (data) { if (data.results && data.results.length > 0) { const latitude = data.results[0].geometry.lat; const longitude = data.results[0].geometry.lng; document.getElementById('latitude').value = latitude; document.getElementById('longitude').value = longitude; } else { alert('Endereço não encontrado.'); } }); } </script> </body> </html>
Save
Cancel