Jump to content

Williams Duarte

Members
  • Content count

    3907
  • Joined

  • Last visited

  • Days Won

    47

Williams Duarte last won the day on November 2 2017

Williams Duarte had the most liked content!

Community Reputation

431 Incrível

About Williams Duarte

  • Birthday 05/17/1989

Informações Pessoais

  • Sexo
    Masculino
  • Interesses
    Tecnologia, Engenharia de Software, PHP, Design Pattern, JavaScript, SQL, NoSQL e Empreendedorismo

Recent Profile Visitors

8799266 profile views
  1. Williams Duarte

    update em mais de um id, dependendo do id

    Para gerenciar updates condicionais em múltiplas subcategorias no banco de dados MySQL, baseando-se na existência de relações entre essas subcategorias, você pode adotar uma abordagem que utiliza uma coluna de referência adicional e variáveis de usuário. Essa metodologia permite atualizações agrupadas e controladas, otimizando a manutenção e a consistência dos dados. Você tem duas tabelas relacionadas: uma para categorias e outra para subcategorias. A tabela de subcategorias deve conter uma coluna adicional, ref_id, destinada a estabelecer um vínculo entre subcategorias que devem ser atualizadas conjuntamente. Essa coluna vai ser usada para agrupar subcategorias relacionadas que, quando uma delas é atualizada, as demais também devem ser. Armazenamento Temporário (@RefID): Para facilitar a execução condicional de updates, você utiliza uma variável de usuário, @RefID, para armazenar temporariamente o valor de ref_id da subcategoria alvo do update. Execução Condicional do Update: Primeiramente, você recupera e armazena o ref_id da subcategoria alvo na variável @RefID. Com base no valor armazenado, você realiza o update em todas as subcategorias que compartilham o mesmo. Se a subcategoria alvo não está relacionada a outras (ou seja, ref_id é nulo), o update é realizado apenas nela. Implementação SQL: -- Armazenar o ref_id da subcategoria alvo SET @RefID := (SELECT ref_id FROM subcategoria WHERE id = X); -- Atualizar todas as subcategorias relacionadas UPDATE subcategoria SET campo = valor WHERE ref_id = @RefID; -- Atualizar a subcategoria alvo se não estiver relacionada UPDATE subcategoria SET campo = valor WHERE id = X AND ref_id IS NULL; A estrutura permite atualizações precisas, seja em subcategorias individuais ou em grupos, de acordo com a presença de relações entre elas. Maiores detalhes leia o documentação! MySQL User-Defined Variables: https://dev.mysql.com/doc/refman/8.0/en/user-variables.html
  2. Williams Duarte

    Nodejs não consigo rodar uma Api de rotas

    Você está lidando com um conflito entre módulos ES e CommonJS no seu projeto Node.js. Quando você define "type": "module" no seu package.json, o Node.js espera que todos os arquivos .js usem a sintaxe de módulos ES6 (import/export). O problema é que o Consign, pelo que você descreveu, não suporta diretamente esta sintaxe. Aqui estão algumas abordagens que você pode tentar: Alterar o Tipo de Módulo: Modifique "type": "module" para "type": "commonjs" no seu package.json. Isso exigirá que você atualize seu código para usar require e module.exports em vez de import e export. Aqui está um exemplo de como seu index.js poderia ser alterado: const express = require('express'); const consign = require('consign'); const app = express(); consign() .include("models") .then("libs/middlewares.js") .then("routes") .then("libs/boot.js") .into(app); Importação Dinâmica: Se quiser manter os módulos ES, experimente usar import() dinamicamente. Essa é uma solução mais moderna, mas pode não ser totalmente compatível com a forma como o Consign carrega arquivos. Reavaliar o Uso do Consign: Dependendo da complexidade do seu projeto, talvez valha a pena considerar estruturas alternativas que não dependam do Consign, facilitando o uso de módulos ES diretamente. Configuração Adequada do Babel: Como você já utiliza o Babel, certifique-se de que está corretamente configurado para transpilar o código ES6+ para compatibilidade com a versão do Node.js que você está usando. Isso pode ajudar a manter a sintaxe de módulos ES6 e ainda assim ser compatível com bibliotecas que esperam CommonJS.
  3. Williams Duarte

    Campo de sequencial em uma select

    Fiquei curioso sobre isto, então resolvi pesquisar! SELECT ROW_NUMBER() OVER (ORDER BY nome_usuario) AS contador, id_usuario, nome_usuario FROM usuarios
  4. Williams Duarte

    Upload de arquivos com javascript

    O erro "Unexpected token ... sugere que o seu código esperava JSON, mas recebeu HTML, provavelmente de uma página de erro (como 404 ou 500). Isso ocorre ao tentar converter a resposta do servidor em JSON quando a URL está errada ou o servidor não responde corretamente. Verifique a URL e as configurações do servidor para garantir que aceitam uploads POST e retornam JSON. fetch('http://localhost/dashboard/dados', { method: 'POST', body: formData }) .then(response => { if (!response.ok) { throw new Error('Houve um problema com a resposta da rede'); } // Verifica se a resposta é JSON antes de tentar converter const contentType = response.headers.get('content-type'); if (contentType && contentType.includes('application/json')) { return response.json(); } else { throw new Error('Não é JSON: ' + contentType); } }) .then(data => { console.log('Sucesso:', data); }) .catch(error => { console.error('Problemas com o Upload:', error); }); Entenda, quando você faz o upload de arquivos para um servidor usando PHP ou Node.js, a resposta esperada geralmente depende de como você configurou o servidor para lidar com o upload e o que você precisa fazer com os arquivos após recebê-los. Abaixo estão exemplos de respostas que você pode esperar de cada um: Exemplo de Resposta do PHP: <?php // Processamento do upload... // Supondo que tudo correu bem $response = [ 'success' => true, 'message' => 'Upload realizado com sucesso!', 'fileInfo' => [ 'name' => $_FILES['file']['name'], 'size' => $_FILES['file']['size'], 'type' => $_FILES['file']['type'], ] ]; header('Content-Type: application/json'); echo json_encode($response); Exemplo de Resposta do Node.js com Express: app.post('/upload', upload.single('file'), (req, res) => { // Processamento do upload... // Supondo que tudo correu bem res.json({ success: true, message: 'Upload realizado com sucesso!', fileInfo: { name: req.file.originalname, size: req.file.size, type: req.file.mimetype, } }); }); Obs.: Diferentes frameworks têm a capacidade de ajustar automaticamente seus comportamentos com base nos cabeçalhos HTTP recebidos, o que significa que não existe uma única abordagem padrão aplicável a todos os casos.
  5. Williams Duarte

    Upload de arquivos com javascript

    A lógica é bem parecida com a de um único arquivo, só que você vai incluir mais de um arquivo no formData. No input no seu HTML adicione o atributo multiple <input multiple type="file"> Agora, pegue os arquivos do input. const fileInput = document.querySelector('input[type="file"][multiple]'); Adicione cada arquivo ao formData Array.from(fileInput.files).forEach((file, index) => { // Aqui, 'files[]' é o nome do campo que será usado pelo servidor para receber os arquivos. // O uso de '[]' indica que é um array de arquivos. O nome exato depende da API do servidor. formData.append('files[]', file); }); O restante é praticamente igual! Fóruns exigem esforço próprio; não esperem soluções prontas. Pesquise para aproveitar bem.
  6. Williams Duarte

    Upload de arquivos com javascript

    Uma coisa que notei no seu código é a definição explícita do cabeçalho 'Content-Type' como 'multipart/form-data'. Na verdade, ao fazer uploads de arquivos usando FormData, é recomendável não definir esse cabeçalho manualmente. Isso porque o navegador precisa adicionar um boundary ao tipo de conteúdo, o que é algo que ele faz automaticamente quando você omite esse cabeçalho. Aqui vai uma sugestão de como você poderia ajustar o seu código: const formData = new FormData(); const fileField = document.querySelector('input[type="file"]'); formData.append('file', fileField.files[0]); fetch('http://localhost/dashboard/dados', { method: 'POST', body: formData }) .then(response => { if (!response.ok) { throw new Error('Network response was not ok'); } return response.json(); }) .then(data => { console.log('Success:', data); }) .catch((error) => { console.error('Problemas com o Upload:', error); }); Com essa abordagem, você deixa que o navegador cuide do cabeçalho Content-Type por você. Isso simplifica um pouco as coisas e pode resolver o problema que você está enfrentando. Além disso, é sempre bom verificar se o servidor está configurado corretamente para aceitar uploads de arquivos e se o endpoint especificado está correto e pronto para lidar com solicitações POST multipart/form-data. Se mesmo assim você continuar tendo problemas, uma boa dica é verificar os logs do servidor para mais detalhes sobre o que pode estar errado. Espero que essa dica te ajude a resolver o problema! Se tiver mais alguma dúvida ou se algo não estiver claro, sinta-se à vontade para perguntar. Boa sorte com o seu projeto!
  7. Williams Duarte

    Não consigo adicionar um valor de forma dinâmica

    Seu código está bastante extenso, tornando a análise um tanto complexa. Além disso, não identifiquei em nenhum ponto específico a execução de uma chamada POST que envie os dados atualizados através de data: {data: JSON.stringify(arrayData)}. É fundamental incluir essa chamada AJAX após a atualização dos dados para garantir que eles sejam enviados corretamente ao seu backend. Exemplo: $.ajax({ type: "POST", url: "<URL_PARA_ENVIO_DOS_DADOS>", data: {data: JSON.stringify(arrayData)}, success: function(response) { // Trate a resposta aqui }, error: function(xhr, status, error) { // Trate erros aqui } }); Usei um formatador online, para tentar pelo menos entender teu código, então faça um teste de evento de click: Lembrando que tu é o pai da criança, só você e Deus sabe oque este código faz, só estou lhe dando um exemplo, não é solução final. $(document).ready(function () { $('#apply_removal').on('click', function () { let percentage = $('#percentage').val(); // Coleta o percentual if (!percentage) { alert('Por favor, insira um percentual válido.'); return; } let arrayData = []; // Inicializa o array $('.table-body tr').each(function () { let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text(); let removal_vehicle = parseFloat(veiculo) * (1 + parseFloat(percentage) / 100); let removal_motorcycle = parseFloat(moto) * (1 + parseFloat(percentage) / 100); let removal_tuck = parseFloat(caminhao) * (1 + parseFloat(percentage) / 100); // Atualiza os campos na tabela $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // Adiciona os dados atualizados ao array arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck }); }); // Faz a chamada AJAX para enviar ao backend $.ajax({ type: "POST", url: "<URL_PARA_ENVIO_DOS_DADOS>", // Substitua pela URL correta do seu backend data: JSON.stringify({data: arrayData}), // Certifique-se de que seu backend espera receber um JSON contentType: "application/json", // Informa ao servidor que o tipo de conteúdo é JSON success: function(response) { console.log('Dados enviados com sucesso!', response); }, error: function(xhr, status, error) { console.error('Erro ao enviar dados:', error); } }); }); });
  8. Williams Duarte

    Colocar resultado do msql em um array

    Mais limpo: SELECT GROUP_CONCAT(nome SEPARATOR ', ') AS nomes FROM usuarios; <?php $query = mysqli_query($conexao, "SELECT GROUP_CONCAT(nome SEPARATOR ', ') AS nomes FROM usuarios"); $row = mysqli_fetch_assoc($query); $nomes = explode(', ', $row['nomes']); ?>
  9. Williams Duarte

    Como pegar um tema qualquer do wordpress e torna-lo meu

    style.css Modifique os Detalhes do Tema /* Theme Name: Nome do Tema Theme URI: http://exemplo.com/nome-do-tema/ Author: Nome do Autor Author URI: http://exemplo.com/ Description: Uma breve descrição do tema. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: nome-do-tema */ Alterando os detalhes do tema neste arquivo style.css, vai fazer com que o WordPress e os sistemas de atualização o reconheçam como um tema diferente e, portanto, não apliquem atualizações automáticas destinadas ao tema original.
  10. Williams Duarte

    transição suave

    Acho que você tem demência, a quantos anos esta nesta vibe de tabela_aprendiz? Sobre "interpretação", leia direito, entenda o contexto, senão entender leia novamente! Senão entender ainda, copie e cole um trecho do que eu disse abaixo "restrições de segurança dos navegadores" e cole no google Veja o que eu disse, e não é você quem ira mudar isto. "Replicar a imagem selecionada no primeiro input para o segundo, e diretamente isso não é viável devido às restrições de segurança dos navegadores. Eles não permitem que scripts manipulem arquivos de input de forma direta por razões de privacidade." Vou faciltar sua vida porque tu gosta de coisa mastigada: Leia aqui: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file E é notório que em todo este tempo, não estudou o básico de Javascript e nem PHP. https://forum.imasters.com.br/topic/588653-rodar-código-php-em-servidores-diferentes/ E eu que tenho problemas de interpretação! rsrsrs
  11. Williams Duarte

    transição suave

    Percebi algum tempo atrás, que você tem uma tendência em rejeitar soluções que não se originam de seu próprio trabalho. Essa abordagem te limita em capacidade de aprendizado e crescimento na programação, um campo que se beneficia imensamente da colaboração e da troca de conhecimentos. Estar aberto a diferentes métodos e soluções não apenas enriquece sua base de conhecimento, mas também aprimora suas habilidades de resolução de problemas. Veja oque você ignorou funcionando: https://codepen.io/William-Duarte-the-decoder/pen/bGZjZKq Agora senão sabe trocar uma imagem ou link de exemplo, paciência! Veja o quanto você rejeita qualquer pergunta ou resposta feita: https://forum.imasters.com.br/topic/588664-carregar-imagem/ Veja o quanto fica ainda mais evidente que não sabe javascript básico: https://forum.imasters.com.br/topic/588672-servir-vários-banners-com-um-script/ Veja aqui a recomendação de um curso básico na Udemy, onde aprendera usar forEach para "Servir os banners" ou é manipular? rsrs https://www.udemy.com/course/curso-web/
  12. Williams Duarte

    transição suave

    Pelo que percebi, você buscou um script na internet e está tentando adaptá-lo às suas necessidades. No entanto, identifiquei que as transições não estão funcionando devido a vários problemas no seu código anterior. Sugeri duas soluções, sendo a última mais direta e eficaz. Entendo que, como o script é bastante diferente do que você encontrou originalmente, você pode estar tendo dificuldades para compreendê-lo devido a algumas limitações. É importante frisar que o conhecimento em JavaScript é essencial aqui, pois só assim você conseguirá entender completamente o código e realizar as modificações necessárias. Caso continue enfrentando dificuldades, talvez seja interessante considerar a contratação de um freelancer especializado. Eles podem oferecer o suporte técnico necessário para resolver esses problemas de forma eficiente, já que esta situação parece exigir uma assistência mais dedicada do que a que podemos oferecer aqui gratuitamente.
  13. Williams Duarte

    transição suave

    Corrigido, peço que, para futuras consultas, evite abrir múltiplos tópicos sobre o mesmo assunto, senão consegue resolver aguarde um pouco. Isso nos ajudará a manter o fórum organizado e a garantir que cada questão receba a atenção adequada. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Transição Suave entre Imagens</title> <style> #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 1s ease-in-out; opacity: 0; z-index: 1; /* Todos começam no fundo */ } .banner-link.active { opacity: 1; z-index: 2; /* Somente o ativo fica no topo */ } .banner-link img { width: 100%; height: auto; } </style> </head> <body> <div id="banner"> <a href="https://example.com/link1" class="banner-link active"><img src="https://via.placeholder.com/240x480?text=Image+1" alt="Image 1"></a> <a href="https://example.com/link2" class="banner-link"><img src="https://via.placeholder.com/240x480?text=Image+2" alt="Image 2"></a> <a href="https://example.com/link3" class="banner-link"><img src="https://via.placeholder.com/240x480?text=Image+3" alt="Image 3"></a> <!-- Adicione mais imagens conforme necessário --> </div> <script> const banner = document.getElementById('banner'); const links = document.querySelectorAll('.banner-link'); // Seleciona todos os links let currentIndex = 0; // Começa na primeira imagem function showRandomImage() { // Esconde o link (e a imagem dentro dele) atual links[currentIndex].classList.remove('active'); // Seleciona um novo link (e imagem) aleatório diferente do atual let randomIndex; do { randomIndex = Math.floor(Math.random() * links.length); } while (randomIndex === currentIndex); // Mostra o novo link (e imagem) links[randomIndex].classList.add('active'); // Atualiza o índice do link (e imagem) atual currentIndex = randomIndex; } showRandomImage(); // Mostra a primeira imagem let intervalId = setInterval(showRandomImage, 3000); // Altera a imagem a cada 3 segundos // Pausar o intervalo quando o mouse está sobre o banner banner.addEventListener('mouseover', () => { clearInterval(intervalId); }); // Retomar o intervalo quando o mouse sai do banner banner.addEventListener('mouseout', () => { intervalId = setInterval(showRandomImage, 3000); }); </script> </body> </html>
  14. Williams Duarte

    transição suave

    No seu CSS #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 1s ease-in-out; } .banner-link img { width: 100%; height: auto; } No seu JavaScript: Lembre-se de que a lógica de criação de novos elementos img e a foi removida, pois ela substituiria todo o conteúdo do banner, o que poderia interferir nas transições suaves. As imagens agora são controladas apenas por suas classes CSS. const links = document.querySelectorAll('.banner-link'); // Seleciona todos os links let currentIndex = 0; // Começa na primeira imagem // Inicialize todos os links como ocultos, exceto o primeiro links.forEach((link, index) => { if (index !== 0) { link.style.opacity = 0; link.style.zIndex = 1; link.style.position = 'absolute'; // Garante que todos os links usem o mesmo espaço } else { link.style.opacity = 1; link.style.zIndex = 2; link.style.position = 'relative'; } }); function showRandomImage() { // Esconde o link (e a imagem dentro dele) atual links[currentIndex].style.opacity = 0; links[currentIndex].style.zIndex = 1; // Seleciona um novo link (e imagem) aleatório diferente do atual let randomIndex; do { randomIndex = Math.floor(Math.random() * links.length); } while (randomIndex === currentIndex); // Mostra o novo link (e imagem) links[randomIndex].style.opacity = 1; links[randomIndex].style.zIndex = 2; // Atualiza o índice do link (e imagem) atual currentIndex = randomIndex; } showRandomImage(); // Mostra a primeira imagem setInterval(showRandomImage, 3000); // Altera a imagem a cada 3 segundos No HTML, você pode colocar cada imagem dentro de um elemento de link: <div id="banner"> <a href="https://example.com/link1" class="banner-link" style="opacity: 1; z-index: 2;"><img src="https://via.placeholder.com/240x480?text=Image+1" alt="Image 1"></a> <a href="https://example.com/link2" class="banner-link" style="opacity: 0; z-index: 1;"><img src="https://via.placeholder.com/240x480?text=Image+2" alt="Image 2"></a> <a href="https://example.com/link3" class="banner-link" style="opacity: 0; z-index: 1;"><img src="https://via.placeholder.com/240x480?text=Image+3" alt="Image 3"></a> <!-- Adicione mais imagens conforme necessário --> </div> Código HTML Completo: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Transition Suave entre Imagens</title> <style> #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 1s ease-in-out; } .banner-link img { width: 100%; height: auto; } </style> </head> <body> <div id="banner"> <a href="https://example.com/link1" class="banner-link" style="opacity: 1; z-index: 2;"><img src="https://via.placeholder.com/240x480?text=Image+1" alt="Image 1"></a> <a href="https://example.com/link2" class="banner-link" style="opacity: 0; z-index: 1;"><img src="https://via.placeholder.com/240x480?text=Image+2" alt="Image 2"></a> <a href="https://example.com/link3" class="banner-link" style="opacity: 0; z-index: 1;"><img src="https://via.placeholder.com/240x480?text=Image+3" alt="Image 3"></a> <!-- Adicione mais imagens conforme necessário --> </div> <script> const links = document.querySelectorAll('.banner-link'); // Seleciona todos os links let currentIndex = 0; // Começa na primeira imagem // Inicialize todos os links como ocultos, exceto o primeiro links.forEach((link, index) => { if (index !== 0) { link.style.opacity = 0; link.style.zIndex = 1; link.style.position = 'absolute'; // Garante que todos os links usem o mesmo espaço } else { link.style.opacity = 1; link.style.zIndex = 2; link.style.position = 'relative'; } }); function showRandomImage() { // Esconde o link (e a imagem dentro dele) atual links[currentIndex].style.opacity = 0; links[currentIndex].style.zIndex = 1; // Seleciona um novo link (e imagem) aleatório diferente do atual let randomIndex; do { randomIndex = Math.floor(Math.random() * links.length); } while (randomIndex === currentIndex); // Mostra o novo link (e imagem) links[randomIndex].style.opacity = 1; links[randomIndex].style.zIndex = 2; // Atualiza o índice do link (e imagem) atual currentIndex = randomIndex; } showRandomImage(); // Mostra a primeira imagem setInterval(showRandomImage, 3000); // Altera a imagem a cada 3 segundos </script> </body> </html>
  15. Williams Duarte

    colocar imagens do banner no html

    Dei uma ligeira modificada e uma enxugada neste teu código, ja deixei comentado para o que cada linha faz, testa ai: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Colocar Imagens do Banner no HTML</title> <style> #banner { width: 240px; height: 480px; overflow: hidden; position: relative; } .banner-img { width: 100%; height: 100%; object-fit: cover; position: absolute; transition: opacity 0.5s ease-in-out; } .banner-link { display: none; width: 100%; height: 100%; } .active { display: block; } </style> </head> <body> <div id="banner"> <a class="banner-link" href="link147"><img class="banner-img" src="imagem1.png" alt="Image 1"></a> <a class="banner-link" href="link254"><img class="banner-img" src="imagem2.png" alt="Image 2"></a> <a class="banner-link" href="link350"><img class="banner-img" src="imagem3.png" alt="Image 3"></a> <a class="banner-link" href="link462"><img class="banner-img" src="imagem4.png" alt="Image 4"></a> <a class="banner-link" href="link538"><img class="banner-img" src="imagem5.png" alt="Image 5"></a> </div> <script> const links = document.querySelectorAll('.banner-link'); let currentIndex = 0; function showRandomImage() { // Remover a classe 'active' da imagem/link atual links[currentIndex].classList.remove('active'); // Calcular o índice da próxima imagem currentIndex = (currentIndex + 1) % links.length; // Adicionar a classe 'active' à nova imagem/link links[currentIndex].classList.add('active'); } // Iniciar mostrando a primeira imagem links[currentIndex].classList.add('active'); // Alterar a imagem/link a cada 2 segundos setInterval(showRandomImage, 2000); </script> </body> </html>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.