A implementação de um upload de arquivo sob html é bastante simples, mas notei que existe um atributo 'accept' que pode ser adicionado à <input type="file" ...>tag. Esse atributo é útil como forma de limitar o upload de arquivos para imagens, etc.? Qual é a melhor maneira de usá-lo? Como...
Estou criando uma página que possui alguma interação fornecida por javascript. Apenas como exemplo: links que enviam uma solicitação AJAX para obter o conteúdo dos artigos e, em seguida, exibem esses dados em uma div. Obviamente, neste exemplo, preciso de cada link para armazenar um pouco mais de...
Nota: As respostas e comentários abaixo refletem o estado dos navegadores herdados em 2009. Agora você pode realmente definir o valor do elemento de entrada de arquivo de forma dinâmica / programática usando JavaScript e um objeto dataTransfer ou FileList em 2017. Veja a resposta nesta...
Estou procurando uma maneira de inserir uma <style>tag em uma página HTML com JavaScript. A melhor maneira que encontrei até agora: var divNode = document.createElement("div"); divNode.innerHTML = "<br><style>h1 { background: red;
Por quanto tempo os dados armazenados no localStorage (como parte do DOM Storage em HTML5) estão disponíveis? Posso definir um tempo de expiração para os dados que coloco no
Qual é a melhor maneira de imprimir o conteúdo de um
Como você cria uma linha vertical usando
Meu site terá algum código embutido ("ao usar a foo()função ...") e alguns trechos de bloco. Eles tendem a ser XML e têm linhas muito longas que eu prefiro que o navegador agrupe (ou seja, não quero usar <pre>). Eu também gostaria de colocar a formatação CSS nos trechos do bloco. Parece que...
Eu tenho um elemento de imagem que desejo alterar ao clicar. <img id="btnLeft"> Isso funciona: #btnLeft:hover { width:70px; height:74px; } Mas o que eu preciso é: #btnLeft:onclick { width:70px; height:74px; } Mas, isso não funciona, obviamente. É possível ter onclickcomportamento em...
Quero mostrar uma imagem de um URL com uma certa largura e altura, mesmo que tenha uma proporção de tamanho diferente. Então, eu quero redimensionar (mantendo a proporção) e depois cortar a imagem para o tamanho desejado. Eu posso redimensionar com a imgpropriedade html e posso cortar com...
Como uso o jQuery para decodificar entidades HTML em uma
Eu tenho uma imagem de plano de fundo na seguinte div, mas a imagem é cortada: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> Existe uma maneira de mostrar a imagem de fundo sem...
Estou projetando um testador de expressões regulares em HTML e JavaScript. O usuário digitará um regex, uma string e escolherá a função com a qual deseja testar (por exemplo, pesquisar, corresponder, substituir etc.) via botão de opção e o programa exibirá os resultados quando essa função for...
Estou procurando uma maneira de centralizar verticalmente a containerdiv dentro da jumbotrone configurá-la no meio da página. Ele .jumbotrondeve ser adaptado à altura e largura totais da tela. A .containerdiv tem uma largura de 1025pxe deve estar no meio da página (verticalmente no...
Existe uma quebra de linha ou qualquer outro atributo que impede a quebra de texto? Eu tenho uma altura e overflow:hidden, e o texto ainda quebra. Precisa trabalhar em todos os navegadores, antes do
Eu tenho um formulário da web com uma caixa de texto. Como faço para definir o foco na caixa de texto por padrão? Algo assim: <body onload='setFocusToTextBox()'> então alguém pode me ajudar com isso? Não sei como definir o foco na caixa de texto com JavaScript. <script> function...
É html válido ter o seguinte: <form action="a"> <input.../> <form action="b"> <input.../> <input.../> <input.../> </form> <input.../> </form> Portanto, quando você envia "b", você obtém apenas os campos no formulário interno. Quando...
Atualmente, estou adicionando dicas de ferramentas detalhadas ao nosso site e gostaria (sem precisar recorrer a um plug-in jQuery whiz-bang, eu sei que existem muitas!) Para usar retornos de carro para formatar a dica de ferramenta. Para adicionar a dica, estou usando o titleatributo Examinei os...
Eu tenho um DIV de largura de fluido. Dentro deste eu tenho 4 DIVs todos os 300px x 250px ... <div id="container"> <div class="box1"> </div> <div class="box2"> </div> <div class="box3"> </div> <div class="box4"> </div> </div> O que...
Eu tenho 3 botões de opção na minha página da web, como abaixo: <label for="theme-grey"> <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label> <label for="theme-pink"> <input type="radio" id="theme-pink" name="theme" value="pink"...