Person 0
-
Conteúdo Similar
-
Por luiz monteiro
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á.
-
Por luiz monteiro
Olá. Tenho 3 formulários em uma mesma pagina, onde cada um tem 1 input type text.
O que preciso é recuperar o nome desses inputs e o valor correspondente ao formulário submetido.
=============
form name="formulario1" id="formulario1"
input type="text" name="nome1" value="valor1" /form
form name="formulario2" id="formulario2"
input type="text" name="nome2" value="valor2" /form
form name="formulario3" id="formulario3"
input type="text" name="nome3" value="valor3" /form
=============
..........
var formulario_submetido = document.getElementById("formulario1"); formulario_submetido.addEventListener('submit', function(e) { e.preventDefault(); //tentei console.log(document.querySelectorAll('#'+this.id + ' input').name); //tentei var formula = new FormData(formulario_submetido); console.log(formula.input['type=text'].name); //tentei console.log(formula.get(input['type=text']).name); ..........
no console.log(e), ele está nessa hierarquia form -> srcElement -> input -> attributes -> name
Como recupero o valor do name dele e o valor do value?
Agradeço desde já.
-
Por ILR master
Fala pessoal, tudo bem?
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.
Aguém pode me ajudar?
Segue código abaixo
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PÁGINA LOAD</title>
<style type="text/css">
.loadclass {
border: 2px solid #f3f3f3; /* Light grey */
border-top: 4px solid #ffc401; /* Blue */
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.conteudo {
display:none;
}
</style>
<script>
function loading(){
document.getElementsByClassName('loadclass')[0].style.display="none";
document.getElementsByClassName('conteudo').style.display="block";
}
</script>
</head>
<body onLoad="loading()">
<div class="loadclass"></div>
<div class="conteudo">SEU CONTEUDO AQUI DENTRO!!!</div>
</body>
</html>
-
Por ILR master
Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
<script>
function alerta()
{
if (window.confirm("Você realmente quer sair?")) {
window.open("sair.html");
}
}
</script>
Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
Alguém pode me ajudar?
-
Por Giovanird
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>
-
Estou fazendo um protótipo de e-commerce com aps clássico e sql server, na parte de administração, o usuário administrativo pode alterar o status do pedido, para isso ele clica no botão de alterar na pagina principal e é redirecionado para um formulário onde tenho as options, para que ele mude o status, coloquei um botão para que ele passe os parâmetros (id_pedido e id_status_pedido) para a pagina de manutenção, onde é feito o update e o envio de e-mail com as atualizações. Mas quero retirar esse botão e fazer com que, assim que eu clique em uma opção, ele altere, sem eu precisar ser redirecionado para a tela de manutenção, isso com o Ajax se possível.
Abaixo está o código da minha pagina de manutenção, no qual acontece a alteração do status
Compartilhar este post
Link para o post
Compartilhar em outros sites