Estou com um problema... Sou muito leigo em javascript e comecei a estudar tem pouco tempo.
Estava querendo substituir os alerts por uma janela modal mais bonita. Consegui achar um código na internet que auxilia muito nisso. Peguei ele e estou tentando aplicar no meu script.
Nesse código ao ser clicado em um link ou um botão, ele pega a class ou id dos mesmos e abre a janela, sendo uma janela simples de alerta ou uma janela de confirmação só que estilizadas.
No meu código estou tentando validar os dados enviados do formulário e, caso o campo não for preenchido, ao invés de mostrar o convencional alert, estou tentando implementar essa janela modal.
Eu até consegui fazer que ela apareça caso o campo não esteja preenchido. O problema é que tenho que se dou um clique nada acontece, mas quando dou o segundo clique ela aparece normalmente, dai em diante ela funciona normalmente, mas se atualizo a pagina tenho que dar dois cliques para que funcione.
E se preencho o nome ela também aparece.
Se alguém souber e poder me ajudar ficaria grato.
<!DOCTYPE html><htmllang="pt-br"><head><title>Alert - Testes</title><metacharset="UTF-8"/><metaname="viewport"content="widht=device-widht, initial-scale=1"><scriptsrc="m2br.dialog.pack.js"></script><scriptsrc="m2br.dialog.js"></script><linkrel="stylesheet"type="text/css"href="m2br.dialog.css"/></head><body><formaction=""method="post"name="form"onsubmit="returnValidar();"><inputtype="text"name="nome"><inputtype="submit"value="enviar"name="enviar"class='enviar'></form><script>functionValidar(){var nome = form.nome.value;if(nome ==""){
$('.enviar').m2brDialog({
tipo :'erro',
largura :300,
altura :100,
titulo :'Alerta!',
texto :'<h3>Erro ao enviar os dados</h3> <div class="text">Por favor, preencha o campo nome!</div>'});returnfalse;}};</script></body></html>
O script abaixo atualiza a página (centro.php) a cada um minuto e dentro desta página terei uma div que não poderá ser atualizada.
Tentei colocar esta div como pagina com setInterval de 100 minutos porem ao dar o refresh no centro.php tudo vai junto. Será que isto é possivel?
Desde já meu muito obrigado!
<script>
function atualiza(){
var url = 'centro.php';
$.get(url, function(dataReturn) {
$('#centro').html(dataReturn);
});
}
setInterval("atualiza()",60000);
</script>
Bom dia. Eu estou tentando encontrar uma maneira de evitar que após o usuário selecionar, se selecionar, uma imagem, essa seja substituída apenas por outra selecionada. Porém quando o usuário cancela a seleção, o input file remove o arquivo se já foi selecionado anteriormente.
Essa é a estrutura que estou usando HTML
form action="#" method="post" name="formulario" id="formulario" enctype="multipart/form-data"
input type="file" name="file_name[]"
br
input type="file" name="file_name[]"
br
button enviar /button
/form
JS PURO
Peguei esse script em um post aqui do stackoverflow e adaptei
script type="text/javascript"
let formulario = document.querySelector("#formulario");
formulario.addEventListener("change", (e)=>{
e.preventDefault();
var file = e.target.files[0];
if (e.target.files.length === 1 && e.target.files !== undefined && e.target.files !== null
&& file.type.match('image.*'))
{
console.log("if okay");
}
else
{
//preciso entender o que devo fazer aqui para verificar se há arquivo no DOM desse
target caso, o usuário cancele a seleção, para evitar que se há um arquivo no DOM
esse permaneça.
console.log(file); //CASO O USUÁRIO CANSELA A SELEÇÃO, RETORNA undefined
}
});
/script
O if está correto, porém o que falta é o que fazer no else. Agradeço desde já.
Tô tentando fazer um pre-loading, mas não consigo de jeito algum.
Quero mostrar uma animação enquanto a página é carregada e depois de caregada, esconder a animação e mostrar conteúdo.
Olá a todos!
Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
Preciso que a pagina inclusa já inicie carregada
Meu código JavaScript e a DIV com a pagina PHP
<script>
function atualiza(){
var url = 'direita.php';
$.get(url, function(dataReturn) {
$('#direita').html(dataReturn);
});
}
setInterval("atualiza()",60000);
</script>
<div>
<span id="direita"></span>
</div>
Olá pessoal,
Estou com um problema... Sou muito leigo em javascript e comecei a estudar tem pouco tempo.
Estava querendo substituir os alerts por uma janela modal mais bonita. Consegui achar um código na internet que auxilia muito nisso. Peguei ele e estou tentando aplicar no meu script.
Nesse código ao ser clicado em um link ou um botão, ele pega a class ou id dos mesmos e abre a janela, sendo uma janela simples de alerta ou uma janela de confirmação só que estilizadas.
No meu código estou tentando validar os dados enviados do formulário e, caso o campo não for preenchido, ao invés de mostrar o convencional alert, estou tentando implementar essa janela modal.
Eu até consegui fazer que ela apareça caso o campo não esteja preenchido. O problema é que tenho que se dou um clique nada acontece, mas quando dou o segundo clique ela aparece normalmente, dai em diante ela funciona normalmente, mas se atualizo a pagina tenho que dar dois cliques para que funcione.
E se preencho o nome ela também aparece.
Se alguém souber e poder me ajudar ficaria grato.
Compartilhar este post
Link para o post
Compartilhar em outros sites