Bom dia,
alguém pode me ajudar com uma situação?
estou utilizando um script pra fazer o carregamento assíncrono do site.
var links = document.querySelectorAll('a');
function handleClick(event) {
event.preventDefault();
fetchPage(event.target.href);
window.history.pushState(null, null, event.target.href);
window.scrollTo(0, 0);
}
async function fetchPage(url) {
document.querySelector('.content');
var pageResponse = await fetch(url);
var pageText = await pageResponse.text();
replaceContent(pageText);
}
function replaceContent(newText) {
var newHtml = document.createElement('div');
newHtml.innerHTML = newText;
var oldContent = document.querySelector('.content');
var newContent = newHtml.querySelector('.content');
oldContent.innerHTML = newContent.innerHTML;
document.title = newHtml.querySelector('title').innerText;
}
window.addEventListener('popstate', () => {
fetchPage(window.location.href);
})
links.forEach(link => {
link.addEventListener('click', handleClick);
})
O problema em questão é que, o conteúdo da pagina que é carregado dentro da div content não funciona corretamente
os scripts em javascript não são executados;
os links de navegação da pagina não funcionam de maneira assincrona, diferente dos links de navegação do menu
Ola pessoal eu gostaria de saber se teria como e se sim, como fazer para pegar lat e lng quando fazer a busca do endereco pelo cep,
Tentei buscar uns exemplos de como poderia ser feito, porem não obtive resultado que precisava.
o código a baixo ele funciona sem problema, porem so precisaria pegar esta LAT e LNG
//Buscando endereco plo CEP
function limpa_formulário_cep() {
//Limpa valores do formulário de cep.
document.getElementById('rua').value=("");
document.getElementById('bairro').value=("");
document.getElementById('cidade').value=("");
document.getElementById('uf').value=("");
}
function meu_callback(conteudo) {
if (!("erro" in conteudo)) {
//Atualiza os campos com os valores.
document.getElementById('rua').value=(conteudo.logradouro);
document.getElementById('bairro').value=(conteudo.bairro);
document.getElementById('cidade').value=(conteudo.localidade);
document.getElementById('uf').value=(conteudo.uf);
} //end if.
else {
//CEP não Encontrado.
limpa_formulário_cep();
alert("CEP não encontrado.");
}
}
function pesquisacep(valor) {
//Nova variável "cep" somente com dígitos.
var cep = valor.replace(/\D/g, '');
//Verifica se campo cep possui valor informado.
if (cep != "") {
//Expressão regular para validar o CEP.
var validacep = /^[0-9]{8}$/;
//Valida o formato do CEP.
if(validacep.test(cep)) {
document.getElementById('cep').value = cep.substring(0,5)
+"-"
+cep.substring(5);
//Preenche os campos com "..." enquanto consulta webservice.
document.getElementById('rua').value="...";
document.getElementById('bairro').value="...";
document.getElementById('cidade').value="...";
document.getElementById('uf').value="...";
//Cria um elemento javascript.
var script = document.createElement('script');
//Sincroniza com o callback.
script.src = 'https://viacep.com.br/ws/'+ cep + '/json/?callback=meu_callback';
//Insere script no documento e carrega o conteúdo.
document.body.appendChild(script);
} //end if.
else {
//cep é inválido.
limpa_formulário_cep();
alert("Formato de CEP inválido.");
}
} //end if.
else {
//cep sem valor, limpa formulário.
limpa_formulário_cep();
}
};
</script>
<?php // Map($Width, $Height, $StringNome, $StringEndereco, $StringCidade)
$LAT = '37.86926';
$LNG = '-122.254811';
?>
<script>
// gmap for street view
panorama = GMaps.createPanorama({
el: '#MapCanvasStreet',
lat : <?= $LAT; ?>,
lng : <?= $LNG; ?>,
});
</script>
Desde já fico grato!!
Bom dia a todos, preciso aplicar duas máscaras em uma janela modal, não estou conseguindo fazer, fora dela as mascaras funcionam.
<div class="form-group col-md-4">
<label>Data pagamento</label>
<input type="text" name="dataval" class="form-control" id="dataapp">
</div>
<div class="form-group col-md-4">
<label>Valor</label>
<input type="text" name="valpro" class="form-control" id="money">
</div>
utilizo este plugin
<script src="../plugins/input-mask/jquery.inputmask.bundle.min.js"></script>
$("#money").inputmask("999,999,999.999");
$("#dataapp").inputmask("99/99/9999");
desde já agradeço qq ajuda
Ola pessoal tava procurando um modo de eu montar algo dessa forma com css e html
que seja usado cores rgb ou um bg de fundo, poderia ser ambos tbm.
porem que ambos ficassem tando pra direita, esquerda e centro, neste caso ficara a escolha da pessoa da forma que quer que fique
montei o exemplo no editor de imagem apenas para ver como que preciso, porem que fiquem alinhando srrs. Sobre o tamanho e a largura que pudesse ajustar conforme for a necessidade tbm sem que
fique sem qualidade..