Atualizar parte da página com fetch sem deixar leitor de tela e voltar perdidos
Troque só a região que mudou com fetch, anuncie o resultado, cancele requisições velhas, cuide do foco e dê um endereço ao novo estado da lista.
Programação
399 artigos nesta categoria.
Acentos que aparecem certo na tela e quebram só quando vêm do MySQL
Descubra pelo HEX se o problema é a conexão ou o dado gravado, acerte utf8mb4 na tabela e na conexão e corrija as linhas antigas sem estragar as boas.
CSS de impressão: a página que sai no papel sem menu, anúncio e fundo preto
Monte uma folha de estilo de impressão que esconde o que é só de tela, mantém o texto legível e mostra o endereço dos links. E saiba quando o certo é gerar PDF.
Rolagem automática no chat sem arrastar quem subiu para ler o histórico
Faça o chat ou o log acompanhar a mensagem nova só quando a pessoa já está no fim, com aviso de "novas mensagens" e sem roubar o foco de quem digita.
strlen não conta letra: limite de caracteres que bate na tela, no PHP e no banco
Entenda por que strlen, length do JavaScript e VARCHAR contam coisas diferentes, e alinhe validação, contador e coluna para o limite de 160 caracteres valer igual em todo lugar.
Login não acha a conta: o espaço invisível no fim do e-mail
Descubra o espaço comum, o espaço inquebrável e o caractere de largura zero que quebram a busca por e-mail, limpe a borda no servidor e arrume os dados que já estão sujos.
Máscara de telefone e CEP que aceita colar e guarda só os dígitos
Monte campos de telefone e CEP que aceitam "+55 (11) 98888-7777" colado, formatam sem travar o teclado e mandam ao servidor só os números, validados de novo lá.
Marca d’água no campo: o "Seu e-mail" que acaba gravado no banco
Troque a velha marca d’água feita com value e JavaScript por rótulo e placeholder nativos, limpe os cadastros que gravaram a própria dica e impeça que isso volte.
Enviar formulário com fetch sem recarregar e sem esconder o erro
Envie o formulário com fetch e FormData, leia o código HTTP de verdade, mostre cada erro ao lado do campo certo e trate rede caída e sessão expirada sem fingir sucesso.
Qual botão foi clicado: delegação de evento com closest e data-id
Troque um ouvinte e um id por botão por um ouvinte só no contêiner, ache o botão certo com closest mesmo quando o clique cai no ícone e leve o identificador num data-id.
Vídeo que não dá play: Content-Type errado e servidor sem Range
Confira com curl o tipo que o servidor anuncia e se ele responde 206 a pedidos de faixa de bytes, corrija no Nginx, no Apache ou no PHP e prepare o MP4 para começar rápido.
Limite de upload: descubra qual camada barra o arquivo antes do seu código
Identifique pelo sintoma quem cortou o envio, Nginx, Apache, post_max_size ou upload_max_filesize, alinhe os tetos com a sua regra e devolva uma mensagem clara em vez de erro vazio.