Todas as perguntas
113 perguntas
0
votos
1
resposta
279
visitas
arrastar divs/aulas e obter a posição da Div
Estou desenvolvendo um site de plataforma de curso, cada curso pode ter muitas aulas.
No banco de dados, cada aula tem uma coluna chamada position, então para o usuário final, bastaria fazer uma ...
3
votos
1
resposta
7mil
visitas
Diminuir menu fixo conforme rolar a página
Quero saber como diminuir o tamanho do menu no momento em que houver scroll.
Este é meu menu:
header {
position: fixed;
width: 100%;
box-shadow: 0 4px 20px -4px #ababab;
...
-1
votos
2
respostas
383
visitas
alterar keyframe CSS via jQuery
Estou tentando alterar um keyframe CSS, na verdade fazer um update, mas não estou conseguindo concatenar variáveis CSS à javaScript.
A ideia, na verdade, nem é alterar. Mas sim, inserir no final do ...
-1
votos
1
resposta
62
visitas
Como exibir o item que corresponde à pesquisa no HTML
Eu fiz o seguinte código:
<!-- ----- -->
<input id="search" autocaptalize type="search" list="pesquisa">
<datalist id="pesquisa">
...
-1
votos
3
respostas
12mil
visitas
Como fazer um cronometro com html5+css+javascript,que ao final do tempo selecionado toque(ou execute) um *.mp3 [fechada]
Comecei testando com esse código HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body onload="principal();"...
2
votos
1
resposta
612
visitas
Transição ao clicar no botão
imagem do problema
Olá, pessoal. Gostaria de fazer uma transição ao clicar no botão pequeno para um botão com frase e com maior width. Mas ocorre o problema da frase não acompanhar a largura do botão. ...
-4
votos
2
respostas
47
visitas
Alternar entre classes css com apenas 1 codigo
Meu cenário é o seguinte, tenho 4 classes de animações e necessito que independente da minha escolha a div faça o seu papel, porem esta acontecendo de que se eu executar uma as outras não funciona ...
-1
votos
1
resposta
883
visitas
Como travar a tela de fundo e permitir apenas o Scrooll no menu
Eu to com um problema aqui, eu criei um menu que tem rolagem, porém quando tenho que rolar, preciso que a tela de fundo fique travada e apenas role na medida do menu... Aqui estão as fotos:
O código ...
-3
votos
2
respostas
169
visitas
Nao estou conseguindo dar print no javascript [fechada]
Bem estou tentando fazer uma pagina de html simples em que o utilizador digita um número e depois a pagina mostra a tabuda do mesmo. So que não estou conseguindo fazer com que a pagina digite a tabuda,...
0
votos
0
respostas
212
visitas
Como manter todas as divs em suas posições sem scroll lateral
Eu estou trabalhando em um projeto pessoal e enquanto fazia a parte de HTML e CSS do código cheguei nesse problema, a div que fica no meio empurra a div do menu lateral direito, criando um scroll ...
2
votos
1
resposta
4mil
visitas
Como estilizar ícone de calendário em HTML5
Eu tenho um input do HTML5 com o type="date", dessa forma:
<input type="date">
Existe alguma forma de mudar a cor do ícone de calendário que ele traz nativamente? Já tentei ...
0
votos
1
resposta
49
visitas
Criei uma função de remover a ultima string porém esta bugado
Estou criando uma calculadora e fiz a função de remover o ultimo numero digitado, porém esta ocorrendo um bug que se eu colocar para somar, subtrair, etc... com algo (antes de clicar no =) ele vai ...
1
voto
1
resposta
972
visitas
Como Fixar uma DIV na parte Inferior de um Elemento?
tenho uma "dashboard-box" com 3 divs filhos principais e gostaria de fixar a última div "box-rodapeGrafico" na parte inferior do box, somente essa div, como faço?
Quero colocar a ...
0
votos
2
respostas
352
visitas
(JAVASCRIPT) Como estilizar o layout desse código JS?
Tenho este código em javascript e gostaria de editar o layout dele, porém não sei como fazer (ou não lembro) se poderem me ajudar mostrando exemplos agradeceria.
<script>
function ...
17
votos
3
respostas
7mil
visitas
Como fazer um marquee sem a tag <marquee>?
Estou precisando usar um marquee, mas como todos estão falando que marquee é uma coisa pré-histórica e não deve ser usado mais, estou em dúvida quanto ao que usar no lugar dele. No site da MDN fala ...
-1
votos
1
resposta
119
visitas
Atribuir valor CSS dentro do JS
Estou tentando atribuir um valor CSS via JS PURO.
Isso aqui funcionou :
$('a[title="Selecionar"]').css({ 'font-size':'0' });
Mas como que eu faço o :after do css nesse caso ??? , tipo :
$('a[...
1
voto
3
respostas
609
visitas
Switch de 3 status feito em css, como posso desabilitar as opções?
Eu tenho o seguinte código:
.switch-toggle {
float: left;
background: #242729;
}
.switch-toggle input {
position: absolute;
opacity: 0;
}
.switch-toggle input + label {
...
1
voto
1
resposta
553
visitas
HTML/CSS: Quando clico no link não vai para o ponto certo da página
Tenho uma página que possui um menu no topo simples que possui alguns links que levam o usuário direto para a seção referente à esse link:
<style>
nav {
width: 100%;
height: ...
0
votos
3
respostas
4mil
visitas
Imagem surgindo com efeito Fad-in após carregar página
Preciso fazer 4 imagens aparecer, uma de cada vez, na minha página, após o carregamento dela.
EFEITO NA IMAGEM:
Seria o efeito fade-in, se não me engano é esse o nome. Esse efeito é aquele que a ...
1
voto
0
respostas
127
visitas
Colocar estilo num input[type=checkbox] contendo só parte do id do input [duplicada]
Eu tenho um estilo em CSS assim:
input[type="checkbox"] {
box-shadow:none;
background-color: #f5f5f5;
}
Queria colocar num checkbox que tem um id específio:
<input type='checkbox' id='...
0
votos
1
resposta
943
visitas
Imprimir toda página HTML [fechada]
Fiz uma simples função para imprimir o conteúdo do meu site ao clicar em um botão, porém ao clicar no botão (ctrl+p) as imagens do site não aparecem, apenas o conteúdo... Apenas aparecendo se o ...
-6
votos
1
resposta
96
visitas
Voltar a imagem original do radio button quando selecionar outro [fechada]
Amigos, boa tarde. Estou quebrando a cabeça à 2 dias por causa disso:
Tenho 2 rádio button que possui um ícone e um texto: quando seleciono um, o ícone do mesmo é substituida por um ícone mais claro (...
1
voto
1
resposta
900
visitas
Qual propriedade seria recomendado para o conteúdo da página não ficar "vazando"?
Imagem 1
Imagem 2
Qual propriedade seria recomendada para o conteúdo da página não ficar "vazando"? Nas quais utilizei no código a cima não obtive sucesso. Estou tentando manter este padrão de 3 ...
-1
votos
2
respostas
3mil
visitas
Problema em converter os valores do input em Reais, exemplo: R$ 20,00
Criei um Script para formatar valores do Input para Moedas Reais, porém tem um problema, quando coloca texto, apresentar "Nan", preciso que só possa digitar numero e não texto.
var atual = ...
4
votos
3
respostas
6mil
visitas
Como escrever HTML como texto dentro de uma div?
Por exemplo tenho a div:
<div class="option" id="resposta-1" onclick="mudaConteudo()"></div>
Gostaria de escrever sem que o html reconhecesse como uma tag mas sim um texto:
<div ...
1
voto
1
resposta
1mil
visitas
position: sticky junto com overflow;
existe uma forma de fazer com que position: sticky e overflow-x: auto funcionem juntos, sem setar valores de height?
Nessa estrutura que fiz ao setar overflow-x: auto na minha class .scroll, meu ...
6
votos
5
respostas
2mil
visitas
Como fazer progresso de etapas utilizando gráfico de rosca?
Estou desenvolvendo uma tela utilizando o progresso do aluno, por exemplo, ele tem 10 atividades para serem completadas, e está na atividade 2, então isso representa 20% do total da atividade.
...
2
votos
1
resposta
1mil
visitas
Preciso deixar a parte de cima de uma tabela fixa, enquanto a tabela tem um scroll [duplicada]
Tenho uma tabela dinâmica, e queria que a head dela ficasse fixo na dela enquanto eu dou scroll na tabela, ao chegar ao fim da tabela, o head "some" e vou assim para a próxima tabela.
Tudo isso sem ...
-1
votos
1
resposta
210
visitas
Como resolver esse problema na colisão?
Se eu verifico a colisão só na horizontal, o programa pega toda a largura do cenário e não só da div.
Código:
<html>
<style>
#dv{
border:1px solid red;
background-color:#344;
height:...
2
votos
1
resposta
901
visitas
Animação suave da div de baixo após remoção da div de cima
Segue código abaixo. Basicamente eu queria que a div.div2 tivesse uma 'subida' mais suave:
<!DOCTYPE html>
<html>
<head>
<script
src="https://code....
0
votos
2
respostas
967
visitas
Redimensionamento automático de div conforme largura da janela [fechada]
Minha duvida pode ser um pouco besta e com certeza muitos vão me achar meio burro, apesar de já ter algumas experiencias com front e end.
A duvida e a seguinte, eu quero fazer um site que se estenda ...
4
votos
4
respostas
7mil
visitas
Como deixar embed YouTube responsivo no site, ao abrir quero Width apareça 100%
Eu já tenho vários embed no meu site porém não quero ir lá e alterar 1 por 1. o que eu quero é um código para alterar todos os Iframes, com 100% da largura e height se ajustar de forma responsiva.
...
2
votos
1
resposta
1mil
visitas
Existe uma função do JavaScript para capturar o clique do mouse?
Este é meu primeiro post e tenho uma dúvida. Estou trabalhando num dropdown menu que atua baseado no clique do usuário. Dessa forma, ao clicar em um dos itens do menu, ele desce apresentando mais ...
0
votos
0
respostas
161
visitas
Como manter tempo uniforme para os slides independente da quantidade de slides?
Tenho o código abaixo que funciona normalmente.
Porém, com um inconveniente:
Quanto mais imagens coloco no slide mais rápido as imagens trocam.
Gostaria de fazer com que, indiferente da quantidade ...
1
voto
0
respostas
142
visitas
Design bugado! (porém com cache funciona, "desbuga")
Estava montando uma tabela com scroll e me deparei com o seguinte bug no css:
Se eu aperto f5 2 vezes a tabela acaba se concertando e fica assim:
Quando eu limpo o cache(ctrl + f5) o erro volta...
...
3
votos
1
resposta
219
visitas
Efeito sombra igual na tela de login do gmail
Como fazer para o mesmo efeito de sombra ao clicar sobre o botão de mostrar/ocultar senha igual tem na tela de login do Google.
Já tem tentei fazer com o pseudo-elemento :before usando :focus mas não ...
1
voto
1
resposta
41
visitas
Como manter uma lista com backgrounds alternados ao pesquisar
Tenho uma lista com background cinza no item:nth-child(odd) porém quando faço uma pesquisa é inserido um display none nos itens que não contém nada relacionado e acaba bagunçando a ordem das cores, ...
0
votos
1
resposta
155
visitas
Colocando Javascript dentro Div [fechada]
Possuo esse codigo para mostrar a data esse
<script language="javascript" type="text/javascript">// <![CDATA[
now = new Date
document.write ("Esquenta Black Friday Somente Hoje " + now....
0
votos
1
resposta
246
visitas
Ocultar informação com javascript [DUVIDA] [fechada]
Estou criando uma pagina simples em HTML e separei a pagina em duas verticalmente, sendo dessa forma
na parte que está em azul iria o logo e as info da ferramenta (ainda não fiz).
Quando eu clico nos ...
1
voto
1
resposta
1mil
visitas
Como mudar a posição do owl-nav no Owl.Carousel
Estou usando o Owl.Carousel e estou quebrando a cabeça com o posicionamento das setas do NAV, preciso que ao invés de estar abaixo dos artigos ele fique acima.
0
votos
1
resposta
909
visitas
Duplicar <div> sem duplicar o JavaScript
Preciso da seguinte ajuda: consegui juntar dois códigos que achei na internet, e editei a formatação a meu gosto.
Tenho uma galeria com imagens e overflow na horizontal, meu código funciona, porém ...
0
votos
0
respostas
128
visitas
Muitos checkboxes travando navegador com Materialize CSS
Estou com um problema que é o seguinte:
Estou usando o Materialize CSS, e Vue Js. Eu tenho uma tabela com cadastros, e em cada cadastro tem um checkbox ao lado para poder realizar alguma ação com ...
0
votos
1
resposta
1mil
visitas
Dúvida de como encolher/collapse um menu ao clicar no outro
Estou com um dúvida no seguinte item, criei um SideBar com menu em bootstrap, mas eu queria que ao clicar em um, aquele que tivesse aberto encolhesse.
Exemplo
Código feito até o momento:
codeply
...
2
votos
2
respostas
3mil
visitas
Mudar a cor de uma palavra em um textarea ainda em edição
Como faço para que toda vez que o navegador achar uma "palavra reservada" no textarea, ele automaticamente mude a cor dela.
Eu quero saber para fazer um destaque de sintaxe.
0
votos
1
resposta
4mil
visitas
Como ajustar imagem no container
Eu tenho uma imagem 1220x780 e quero colocar ela em um container de 341x192, como faço para que ela apareça ajustada, centralizada, em "miniatura", estou usando
max-width: ;
max-height:;
width: ...
1
voto
1
resposta
76
visitas
Animações com css
Olá, estou com uma duvida em relação a animações com css, eu tenho uma pagina feita em HTML para um sistema de Internet das Coisas, que quando o usuário clica na bebida o sistema manda uma requisição ...
-3
votos
2
respostas
3mil
visitas
Como criar um input color bacana? [fechada]
Estava criando um form onde a pessoa teria a opção de escolher uma cor, como eu não queria que a pessoa escrevesse a cor ou porque eu achava bacana decidi colocar um input do tipo color
<input ...
2
votos
1
resposta
2mil
visitas
Como inserir fontes especificas no CSS? [duplicada]
Meu cliente passou fontes específicas para um site. Estas estão em formato TTF.
Sou acostumado a usar as fontes do Google e não há elas lá.
Como posso utilizar estas fontes em meu CSS ou HTML?
2
votos
3
respostas
1mil
visitas
Como Tirar o "redimensionamento" de um textarea?
< script src = "//cdn.tinymce.com/4/tinymce.min.js" > < /script> <
script > tinymce.init({
selector: 'textarea'
}); < /script>
<div class="form-group">
<...
0
votos
2
respostas
86
visitas
js ul lis aparecerem uma pós uma
Então, tenho uma ul com suas li's.
Gostaria de fazer um js de forma que cada li aparecesse e sumisse (automaticamente em um ciclo infinito) para dar lugar à próxima li. Isto é, que cada li aparece ...