Todas as perguntas
Com as tags javascript html5
1,628 perguntas
3
votos
1
resposta
1mil
visitas
Regex no pattern do input não é válida, mas a expressão é funcional
Tenho um campo num formulário que só pode aceitar URLs do Youtube ou do Vimeo.
Tendo isso, encontrei a seguinte regex:
(?:(?i)(?:https:|http:)?\/\/)?(?:(?i)(?:www\.youtube\.com\/(?:embed\/|watch\?v=)|...
3
votos
1
resposta
85
visitas
Capturar Array de Json com JavaScript
Bom dia Galera,
Sei que o enunciado da pergunta é parecido com muitas outras, porém o problema se torna um pouco diferente.
Eu tenho um controller onde filtro as informações que vem do meu BD por um ...
3
votos
1
resposta
4mil
visitas
Como apagar um objecto específico no canvas HTML5?
Boas, por exemplo eu tenho dois retângulos desenhados no canvas:
const canvas = document.getElementById('canvas')
const context = canvas.getContext('2d');
context.fillRect(20,20,150,100);
...
3
votos
1
resposta
645
visitas
Input[number] aceitar somente números no Firefox
Como eu faço para que o campo input[number] aceite somente números no Firefox? No Chrome, Opera e Edge funciona perfeitamente, mas no Firefox o campo[number] aceita letras e espaços.
<input type="...
3
votos
1
resposta
366
visitas
Drag and Drop : Ao dropar imagem dentro de outra imagem ela some
Boa tarde, estou fazendo um código de Drag and Drop e ao dropar uma imagem dentro de outra imagem, ela simplesmente some
No exemplo deste site as imagens ficam corretamente uma em cima das outras
Já ...
3
votos
1
resposta
1mil
visitas
Como implementar um player de vídeo com opções de qualidade para reprodução online?
Alguém sabe de alguma biblioteca ou outra forma de reproduzir os vídeos do meu servidor com controle de qualidade para evitar carregamento lento, estilo o do youtube, para que o usuário selecione a ...
3
votos
1
resposta
136
visitas
Drag n Drop Javascript puro
Estou tentando fazer um Drag'n Drop puro com Javascript:
Exemplo
Dois erros se não estou conseguindo solucionar:
1 - Quando arrasto o Lista 2 ele sempre coloca o elemento para baixo do mouse e não ...
3
votos
1
resposta
109
visitas
Referenciar variáveis no HTML
Eu sou iniciante em programação web e tenho uma dúvida (acredito eu) bem simples:
Eu queria saber se há alguma forma de referenciar variáveis de uma linguagem backend (no meu caso estou utilizando Go-...
3
votos
1
resposta
91
visitas
Como transformar o texto de uma div em linhas com <p>
Vamos supor que tenha uma div, e que nela tenha um texto enorme, e você gostaria que cada linha fosse transformada em <p>. Como funcionaria?
O que eu realmente quero é, no começo de cada linha ...
3
votos
1
resposta
408
visitas
Limpar campo após X tempo
Tenho o formulário abaixo, que após 2 minutos ele atualiza toda página:
Com o comando abaixo:
<meta HTTP-EQUIV="refresh" CONTENT="120;URL=http://pcn-sig.peccin.local/cracha">
E com esse ele ...
3
votos
1
resposta
157
visitas
A tag base afeta scripts e estilos num documento html?
Tendo em http://exemplo.com/diretorio1/documento1.html o código:
<!DOCTYPE html>
<html>
<head>
<title>Uma página</title>
<base href="http://...
3
votos
1
resposta
526
visitas
Problema no Google Maps JavaScript API V3 com WebApp em MVC
Quero fazer com que um simples Mapa apareça quando o usuário clicar no (Menu>Localizar), o problema é que o controlador recebe os dados e me envia e não retorna o Mapa.
Estou usando em meu projeto, ...
3
votos
1
resposta
270
visitas
Como Fazer um Onclick em todas as Imagens da página?
Gostaria de saber como faz para, ao clicar em QUALQUER imagem da página, ativar uma função.
Tentei das seguintes formas:
1-
var imagez = document.getElementsByTagName('img');
imagez....
3
votos
3
respostas
105
visitas
Validar formulário e Enviar email
Eu tenho um código onde faço a validação dos campos em brancos, porém eu queria saber como faço para que quando os campos estejam preenchidos ele execute o submit para a página send.php
Form:
<...
3
votos
2
respostas
1mil
visitas
Como obter X e Y do clique em Canvas
Gostaria de obter X e Y de um clique em minhas canvas.
var canvas;//o elemento canvas sobre o qual desenharemos
var ctx;//o "contexto" da canvas que será utilizado (2D ou 3D)
var dx = 5;//a ...
3
votos
1
resposta
488
visitas
Navegador falar para usuário apertar tecla
Estou fazendo um projeto voltado para pessoa cegas, queria saber se existe algum modo de fazer o navegador falar por voz "Aperte a tecla ENTER para falar", estou usando o SpeechRecognition para ...
3
votos
3
respostas
6mil
visitas
Como remover opção de download de vídeo
Gostaria de remover as opções de download do vídeo (Eu sei que isso não impedirá o download dele através de outros meios. Mas a ideia é apenas dificultar isso para usuários mais leigos).
Tenho o ...
3
votos
1
resposta
217
visitas
Como colocar a mesma animação em dois canvas ao mesmo tempo?
Tenho uma animação em "html5 Canvas" (usando Flot Real Time) e agora preciso que ela seja clonada em tempo real para um novo canvas, ou seja, desenhar a mesma coisa em 2 canvas ao mesmo tempo.
Então ...
3
votos
1
resposta
190
visitas
Criação de thumbs dinâmicas
Como site como o Youtube, Netflix e muitos outros site fazem essa função? As thumbs são criadas no momento do mousemove / mouseenter na progress bar, ou elas já foram criadas antes e o player só exibe?...
3
votos
1
resposta
872
visitas
Forçar atualização de versão de arquivo JavaScript
Eu estou desenvolvendo uma aplicação em Angular2 e estou enfrentando um problema que é a atualização dos arquivos JS. Quando atualizo a versão as vezes o navegador não carrega o novo arquivo, usa o ...
3
votos
3
respostas
1mil
visitas
mostrar todas opções de <select> sem barra de rolagem
Tenho um select que trás informações de um JS, porém este select está formando barra de rolagem sendo que as opções não são muitas e há espaço para que sejam mostradas mais opções porém independente ...
3
votos
1
resposta
1mil
visitas
Transformar um código JavaScript em HTML?
Fiz um banner no site bannersnack para ser usado no MercadoLivre, o site da opção de baixar o banner em GIF, PNG, JPG E HTML5 e disponibiliza o código em JavaScript também.
O GIF da certo coloca-lo ...
3
votos
1
resposta
76
visitas
Link select não funciona?
Olá pessoal boa tarde!
Tenho o seguinte código, que preciso formar um link no final, e exibir a pagina filtrada para o cliente, mais o link sempre cai no primeiro ID, que no caso é : Agrale.
Minha ...
3
votos
1
resposta
84
visitas
Fixar footer quando usuario scrollar até o elemento
Estou fazendo uma landing page que tem um footer entre as sections, e quando o usuario scrollar até esse footer ele deve ficar fixo no bottom.
Tentei usar scrollToFixed mas ele se comporta como um ...
3
votos
1
resposta
79
visitas
Criando link de pesquisa?
Tenho um problema em um projeto, existem 3 campos de pesquisa de produto e um botão pesquisar.
exemplo: https://jsfiddle.net/juliomoreira666/u3ss4uye/
Queria que conforme os campos fossem sendo ...
3
votos
1
resposta
133
visitas
Como funciona o attributo async do Javascript? [duplicada]
Eu estava lendo sobre o atributo async, que é utilizado na tag <script>, e fiquei curioso e duvidoso a respeito de algumas coisas.
De acordo com o W3School:
A script that will be run ...
3
votos
1
resposta
211
visitas
Player de áudio fica lento e trava depois de tocar umas dez músicas
Estou fazendo um player de música em jQuery/JavaScript/HTML5 e esta indo tudo bem, mas quando ele começa a rodar as músicas +ou- na 13ª faixa começa a ficar bem lento a página e dá umas "travadas" e ...
3
votos
1
resposta
164
visitas
Dois elementos com mesma altura com jQuery - o tempo todo
Estou me aproveitando de um sistema de galerias que achei na web onde, dependendo da proximidade da imagem do mouse, ele amplia proporcionalmente.
Link: Galeria de imagens
Bom, adaptei o código ...
3
votos
1
resposta
181
visitas
Mensagem do validate datetimepicker
Bom dia pessoal,
Estou com um problema no meu validate() do form com o datetimepicker em um modal, a mensagem está aparecendo a direita do input e antes do botão, preciso que ela se desloque para ...
3
votos
1
resposta
163
visitas
Carousel trocar somente depois que o gif terminar
Desculpem se já tiver esse tópico, procurei e não achei nada.
Tenho o código abaixo onde eu preciso que o carousel só troque para o próximo quando terminar o gif. Seguindo a image1 depois a image2 e ...
3
votos
2
respostas
3mil
visitas
Limitar caracteres e exibir a quantidade de caracteres
Bom galera tenho um input para o usuário colocar o nome, e embaixo do input tenho o tanto de caracteres digitados e a quantidade máxima(0/50).
Queria que cade vez que ele digita-se aumenta-se os ...
3
votos
1
resposta
230
visitas
Como aplicar opacidade em um elemento DOM - createImage(); - através de um editor em javascript?
Estou usando o p5.js - uma biblioteca javascript - para capturar imagens de uma API de notícias. Gostaria que essas imagens fossem sobrepostas, mas com opacidade, de forma que as imagens se mesclem.
...
3
votos
1
resposta
36
visitas
Caixa de seleção dinâmica com comportamento indesejado
Possuo essas caixas de seleção, a ideia é ela ser dinâmica, aparecer somente os órgãos que forem referentes às entidade, mas tem um detalhe que gostaria de corrigir: antes de selecionar algo na "...
3
votos
5
respostas
792
visitas
Formato diferente para visualização e retorno (bootstrap-datepicker)
Possuo o seguinte calendário:
Início do período:
<input type="text" id="calendarioIni" name="dataInicio">
$(document).ready(function()
{
var dataIni = document.querySelector("#...
3
votos
1
resposta
694
visitas
Excluir linha da tabela pelo checkBox
Estou tentando usar uma checkbox para excluir varias linhas de uma tabela criada pelo javaScript com informações de input.
Porém eu não sei como fazer ele reconhecer a td para pode executar a função ...
3
votos
4
respostas
3mil
visitas
Javascript - Validando campo numérico (popup)
Eu tenho uma tela que tem 4 inputs. O valor desses inputs está sendo salvo no meu banco de dados. Mas preciso descobrir como eu faço para poder validar esses campos sendo campos apenas numéricos?
...
3
votos
1
resposta
1mil
visitas
É possivel criar uma pesquisa interna de um site sem usar PHP e banco de dados? [fechada]
É possivel criar um sistema de pesquisa dentro de um site com javascript e sem banco de dados nem php?
Quero criar um sistema de pesquisa em HTML
3
votos
1
resposta
280
visitas
Como carregar informações de um BD para o formulário?
Olá, pessoal e boa tarde!
Vou lhes explicar meu problema e frisar que gostaria que resolvesse apenas com PHP, mas quase certeza de precisar de outra linguagem.
Eu gostaria de em um formulário, em uma ...
3
votos
1
resposta
295
visitas
Validar somas de tabela dinâmica em JavaScript
Tenho uma dúvida em validar somas de tabelas dinâmicas.
Tenho 2 inputs um com o valor com iva e outro do valor sem iva.
Tenho uma tabela dinâmica em que insiro os períodos de facturação.
Ao colocar o ...
3
votos
2
respostas
289
visitas
Como dar um "refresh" após de fazer update do novo vídeo?
Na minha visão, eu tenho um vídeo antigo, quando eu faço "upload" de vídeo novo,
quero automaticamente recarregar um novo vídeo após de "upload".
Segue o código View:
<div id="embed_video" class=...
3
votos
1
resposta
373
visitas
Como Colocar Imagem no Eixo X
Estou tentando colocar uma imagem nesse gráfico que represente as Labels, mas como é um canvas não sei como fazer isso no ChartJs.
JS
myBarChart = new Chart(chartBar, {
type: 'bar',
data: {
...
3
votos
1
resposta
198
visitas
Slide Show com Divs [fechada]
Preciso fazer tipo uma slide show só que com notícias, mais especificamente um slide show de divs. E ainda não encontrei uma forma de fazer isso! Alguém poderia me ajudar? Abraço
3
votos
1
resposta
1mil
visitas
Redimensionar Gráfico Canvas
Estou usando Chartjs e tenho um gráfico radar.
Veja o código abaixo: Também tenho esse fiddle.
var radarChartData = {
labels: ["Item1", "Item2", "Item3", "Item4"],
datasets: [
{...
3
votos
1
resposta
140
visitas
Mover a div conforme o valor do degrees no Javascript
Simplesmente é mover a div em direção ao valor do degress.
Fiz vários modos, mas não consigo.
Um código que estou tentando: http://codepen.io/duduindo/pen/eNEobG
"Alguém tem alguma luz/solução para ...
3
votos
1
resposta
2mil
visitas
<Input type="number"> com máscara de horas
Como fazer um <input type="number"> com máscara no formato de horas, que aceite 00:00.
Se colocar type="text" basta utilizar uma máscara, mas e com o type="number"?
3
votos
2
respostas
3mil
visitas
Como aumentar e diminuir a velocidade de um vídeo?
Gostaria de saber qual é a forma de diminuir e aumentar a velocidade do vídeo pois gostaria de oferecer essa opção ao usuário que utiliza a plataforma!
Este é o único problema que não encontrei uma ...
3
votos
2
respostas
6mil
visitas
Ao clicar no botão descer scroll até o final da div
Tenho uma div que na verdade é um modal do Bootstrap 4. O que eu quero é que quando o usuário clicar no botão, o scroll desça até o final dessa div, para que a mensagem do alertSuccess() seja exibida ...
3
votos
0
respostas
63
visitas
Bloquear acesso de navegadores sem suporte ao html5 [duplicada]
Já pesquisei e encontrei algumas formas de "barrar" o acesso de navegadores específicos, mas teria alguma forma de fazer isso com todos que não possuírem suporte ao html5?
3
votos
2
respostas
881
visitas
className, SetAttribute ou classList.add
Eu possuo uma lista JSON que cria diversos objetos de um blog e me deparei com as seguintes formas de adicionar classes aos objetos HTML que crio após carregar a lista: className, setAttribute e ...
3
votos
2
respostas
459
visitas
Animação Java Script
Boa tarde,
Estou tentando fazer um trabalho com css,html,js .Preciso fazer com que algumas imagens deslize para direita e esquerda assim que eu role a barra, uma imagem de cada vez, mas assim que eu ...