luiz monteiro

Bom dia. Estou precisando formatar um campo de entrada type text somente para numero com a seguinte formatação. se menor que 999 mostrar dessa forma mesmo, nesse caso seria para centena.dezena.unidade. Tipo 001 até 009 depois 010 até 099 depois 100 até 999 de 1.000 até 999.999 mostrar com o ponto, nesse caso seria para milhar.centena.dezena.unidade. Tipo 001.000 até 001.999 e assim por diante. de 1.000.000 até 9.999.000, nesse caso seria para milhão.milhar.centena.dezena.unidade. aqui mesma ideia.... Parecidos com aqueles campos de preço, que ao digitar os zeros ficam a esquerda até o valor atingirem a unidade correspondente. Tentei adaptar esse que encontrei na net. function moeda(a, e, r, t) { let n = "" , h = j = 0 , u = tamanho2 = 0 , l = ajd2 = "" , o = window.Event ? t.which : t.keyCode; if (13 == o || 8 == o) return !0; if (n = String.fromCharCode(o), -1 == "0123456789".indexOf(n)) return !1; for (u = a.value.length, h = 0; h < u && ("0" == a.value.charAt(h) || a.value.charAt(h) == r); h++) ; for (l = ""; h < u; h++) -1 != "0123456789".indexOf(a.value.charAt(h)) && (l += a.value.charAt(h)); if (l += n, 0 == (u = l.length) && (a.value = ""), 1 == u && (a.value = "0" + r + "0" + l), 2 == u && (a.value = "0" + r + l), u > 2) { for (ajd2 = "", j = 0, h = u - 3; h >= 0; h--) 3 == j && (ajd2 += e, j = 0), ajd2 += l.charAt(h), j++; for (a.value = "", tamanho2 = ajd2.length, h = tamanho2 - 1; h >= 0; h--) a.value += ajd2.charAt(h); a.value += r + l.substr(u - 2, u) } return !1 } Mas sem sucesso. Grato por enquanto.

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á.

Encontrei. preciso usar o elements.name

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á.

Boa tarde. Tanto com javascript "formulario.submit()... e tanto com "<button type="submit" form="form1" value="Submit">Submit</button>", deu certo. Mas optei pelo javascript por insegurança com incompatibilidades de navegadores caso poderia acontecer. Eu testei em diferentes dispositivos mas prevaleceu a insegurança. Estarei em um novo projeto amanhã, e vou implementar o esse button. Não conhecia e nem imaginava isso. Resolvido meu problema. Obrigado pela ajuda de todos.

Bom dia! A questão é a seguinte, tenho o seguinte form <form onsubmit="return false;" action="./busca.php" method="post" name="buscar" id="buscar"> <input type="text" name="texto"> <button>Executa</button> </form> Que está funcionando perfeitamente com a seguinte estrutura do script abaixo var form = document.getElementById('buscar'); form.addEventListener('submit', function(e) { e.preventDefault(); }); O que preciso, é saber como submeter esse mesmo formulário ao clicar em button fora do form sem modificar esse script? <button id="fora_do_form">Submeter o form</button> Agradeço desde já!

Boa tarde! Tinha uma url de image ./imagem.extensão, alterei para https://dominio/imagem.extensão e voltou ao normal. O estranho era de que no wampserver estava tudo ok! Obrigado.

Boa tarde! Estou tentando criar uma url amigável, porem o htaccess não reconhece o arquivo sem a extensão. O objetivo é deixar a url assim: https://dominio.com.br/arquivo/id Estou usando essa regra no HTACCESS RewriteEngine On RewriteCond %{SCRIPT_FILENAME} !-f RewriteCond %{SCRIPT_FILENAME} !-d RewriteRule ^(.*)$ index.php [NC,L] No wampserver local funciona, porem no servidor online não. No online só aceita dessa maneira https://dominio.com.br/arquivo.php/id Sem a extensão não aceita. Tentei assim também RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php [NC,L] No wampserver local ok, porem no online não. Estou recuperando a id com o filter_input(INPUT_SERVER, 'REQUEST_URI') que no wampserver tudo ok, apenas no online não Agradeço desde já.

Boa tarde! Tive que adaptar esses script jquery que peguei no stackoverflow. window.AddConteudo = function() { var texto = $('#texto').val(); $('#texto').val(''); $('#ConteudoMateria').append('<div class="DivPadrao">' + texto + '<br><a href="#" class="MoveUp">Mover p/ cima</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#" class="MoveDown">Mover p/ baixo</a></div>'); } function MoverBlocoConteudo(index, moveUp) { var itemlist = $('#ConteudoMateria'); var len = $(itemlist).children().length; var thisElement = jQuery($(itemlist).children().eq(index)); var nextPosition = (moveUp) ? index - 1 : index + 1; if (moveUp) { jQuery($(itemlist).children().eq(nextPosition)).before(thisElement); } else if (!moveUp) { jQuery($(itemlist).children().eq(nextPosition)).after(thisElement); } } $(document).ready(function() { $("#ConteudoMateria").on('click', '.MoveUp, .MoveDown', function(e) { e.preventDefault(); var index = $(this).parents('.DivPadrao').index(); var isMoveUp = $(this).hasClass('MoveUp'); MoverBlocoConteudo(index, isMoveUp) }); }); //]]></script> <script> // tell the embed parent frame the height of the content if (window.parent && window.parent.parent){ window.parent.parent.postMessage(["resultsFrame", { height: document.body.getBoundingClientRect().height, slug: "5w7svk02" }], "*") } // always overwrite window.name, in case users try to set it manually window.name = "result" </script> <script> let allLines = [] window.addEventListener("message", (message) => { if (message.data.console){ let insert = document.querySelector("#insert") allLines.push(message.data.console.payload) insert.innerHTML = allLines.join(";\r") let result = eval.call(null, message.data.console.payload) if (result !== undefined){ console.log(result) } } }) Obrigado pela ajuda galera. E espero que isso ajude mais alguem.

Bom dia! A minha maior dificuldade está em manipular o files, tipo como pegar cada arquivo selecionado e adicionar em um novo input files com um botão delete para cada um deles. Tentei com o FileReader como no for mostrado acima, mas sem sucesso. Eu imagino que seja algo parecido com isso. let inputFile = document.querySelector("#imput_file"); const file = inputTarget.files; if (file) { const reader = new FileReader(); for (let i = 0; i < file.length; i++) { reader.addEventListener("load", function (e) { const readerTarget = e.target; const inputFile = document.createElement('input'); inputFile.type = "file"; inputFile.value = "como passo o valor? É assim mesmo, inputFile.value?"; inputFile.name = "preciso ter um diferente nome para cada um?"; document.document.querySelector('#div_recebe_botao_input').appendChild(inputFile); const botaoDelete = document.createElement("button"); botaoDelete.value = "como passo o valor? É assim mesmo, botaoDelete.value"; botaoDelete.name = "preciso ter um diferente nome para cada um?"; botaoDelete.innerHTML = 'Excluir'; document.document.querySelector('#div_recebe_botao_delete').appendChild(botaoDelete); o_que_preciso_aqui.appendChild(o que vai aqui?); }); o_que_preciso_aqui.readAsDataURL(o que vai aqui?); } } Imagino que minha ideia esteja certa, porem na prática nada acontece. Grato pela atenção.

Eu estou tentando adaptar esse que encontrei na net e modifiquei. Aqui ele adiciona os thumbs de um em um, porem o php só recebe o último arquivo inserido. Tentei fazer o for porem nada deu certo. const file = inputTarget.files; if (file) { const reader = new FileReader(); for (let i = 0; i < file.length; i++) { reader.addEventListener("load", function (e) { const readerTarget = e.target; const img = document.createElement("img"); img.src = readerTarget.result; thumbs.appendChild(img); }); reader.readAsDataURL(file); console.log(inputFile.files); } Nada deu certo.................. O script que estou usando é o seguinte. <style type="text/css"> #imput_file { display: none; } .area_input { width: 400px; aspect-ratio: 16/9; background: #ddd; display: flex; align-items: center; justify-content: center; color: #aaa; border: 2px dashed currentcolor; cursor: pointer; font-family: sans-serif; transition: color 100ms ease-in-out, background 100ms ease-in-out; outline: none; margin: auto; margin-top: 30px; } .area_input:hover { color: #777; background: #999; } .area_input:active { border-color: turquoise; color: turquoise; background: #eee; } .area_input:focus { color: #777; background: #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .area_input__img { width: 100%; max-width: 150px; height: 100%; max-width: 150px; } .box { width: 100%; margin: auto; margin-top: 100px; } #recebe_thumb { display: flex; justify-content: center; column-gap: 10px; grid-row-gap: 10px; flex-wrap: wrap; width: 100%; max-width: 600px; height: 100%; max-height: 600px; } #recebe_thumb img { width: 100%; max-width: 100px; height: 100%; max-height: 100px; } </style> <form method="POST" action="#" enctype="multipart/form-data"> <label class="area_input" for="imput_file" tabIndex="0" id="drop"> <input type="file" name="imput_file[]" id="imput_file" multiple> <span id="texto"></span> </label> <br> <button>test</button> </form> <div class="box"> <div id="recebe_thumb" draggable="true"></div> </div> <script type="text/javascript"> let inputFile = document.querySelector("#imput_file"); let thumbs = document.querySelector("#recebe_thumb"); let areaDrop = document.querySelector("#drop"); let text_shwoed = "Click ou solte as imagens aqui"; let text = document.querySelector("#texto"); text.innerHTML = text_shwoed; inputFile.addEventListener("change", function (e) { const inputTarget = e.target; const file = inputTarget.files[0]; if (file) { const reader = new FileReader(); reader.addEventListener("load", function (e) { const readerTarget = e.target; const img = document.createElement("img"); img.src = readerTarget.result; thumbs.appendChild(img); }); reader.readAsDataURL(file); } else { text.innerHTML = text_shwoed; } }); Preciso mostrar os thumbs quando forem inseridos vários de uma única vez e/ou de um em um. Também preciso adicionar no files para que o PHP capture, mesmo quando adicionado de um em um. Grato por enquanto.

Boa noite! Minha questão de hoje é de que o cliente quer arrastar imagem por imagem no drag an drop. Com o que com consegui na internet é possível arrastar todas em uma única vez, se arrastar novamente atualiza os thumbs pelo mais recente. Além disso, ele quer arrastar os thumbs para que o upload tenha aquela sequencia, ou seja, os thumbs tem que ter um drag para organizar na sequencia que ele precisa. A questão principal é como criar esse drag nos thumbs para organizar os mesmos e como modificar o input files para seguir essa sequencia? Agradeço desde já.

Bom dia. Eu uso evento onchange no select dos estados para fazer uma chamada a uma função AJAX para retornar as cidades correspondentes. O que acontece muito, são erros na execução no PHP. Abre o console do navegador e verifica se esta retornando algum erro. Precisa debugar e postar aqui.

Bom dia. Mesmo assim muito obrigado. Eu li bastante no https://developer.mozilla.org/ mas mesmo assim não consegui resolver outros problemas semelhantes ao que você passou a solução. Vou abrir outros posts para aperfeiçoar minhas necessidades com javascript. Obrigado.

Boa noite. Legal. Obrigado. Eu preciso de algumas coisas especificas sobre esse assunto. Fiquei algum tempo parado cuidando da minha falecida mãe.... Você tem whatsapp para passar para que possamos combinar uma aula ou mais dentro da minha necessidade?