Em meu formulário HTML, coloquei um arquivo de tipo, por exemplo: <input type="file" multiple> Então, estou selecionando vários arquivos clicando no botão de entrada. Agora eu quero mostrar a visualização das imagens selecionadas antes de enviar o formulário. Como fazer isso no HTML...
Eu preciso mudar o <img>URL da fonte em hover. Eu tentei isso, mas não funcionou: HTML <img id="my-img" src="http://dummyimage.com/100x100/000/fff"/> CSS #my-img:hover { content: url('http://dummyimage.com/100x100/eb00eb/fff'); } jsFiddle Qualquer ajuda seria apreciada. Atualizar: Isso...
Eu gostaria de retornar uma string com todo o conteúdo de uma regra CSS, como o formato que você veria em um estilo embutido. Eu gostaria de poder fazer isso sem saber o que está contido em uma regra específica, então não posso apenas retirá-los por nome de estilo (como .style.widthetc.) O...
Isso tem me confundido há algum tempo. Com o advento do UTF-8 como o padrão de fato no desenvolvimento da web, não tenho certeza em quais situações devo usar as entidades HTML e para quais devo apenas usar o caractere UTF-8. Por exemplo, travessão (-, &emdash;) e comercial (&,...
Eu tenho algo assim: <div style="width:100px;float:left">menu</div> <div style="float:left">content</div> ambos os flutuadores são necessários. Quero que o div de conteúdo preencha toda a tela, menos os 100px do menu. Se eu não usar float, o div se expande exatamente como...
Eu tenho uma barra de navegação com guias onde gostaria que a guia aberta tivesse uma sombra para diferenciá-la das outras guias. Também gostaria que toda a seção da guia tivesse uma única sombra (ver linha horizontal inferior) subindo, sombreando a parte inferior de todas as guias, exceto a...
É possível empilhar vários DIVs como: <div> <div></div> <div></div> <div></div> <div></div> </div> Para que todos os DIVs internos tenham a mesma posição X e Y? Por padrão, todos eles vão abaixo uns dos outros, aumentando a posição Y...
Eu queria saber como fazer um link de arquivo PDF para download em vez de abri-los no navegador. Como isso é feito em html? (Eu presumo que seja feito via javascript ou algo
Como posso limitar ou restringir o usuário a inserir no máximo cinco caracteres na caixa de texto? Abaixo está o campo de entrada como parte do meu formulário: <input type="text" id="sessionNo" name="sessionNum" /> Ele está usando algo como maxSize ou algo
Eu tenho o seguinte código div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO A largura div é 200px, então border-bottom também é 200px, mas o que devo fazer se quiser que o border-bottom apenas 100px sem alterar a largura
Eu gostaria de escrever um plugin jQuery simples que exibe modais embutidos em elementos especificados. Minha ideia é que o script inicie automaticamente com base nos atributos de dados especificados nos elementos. Um exemplo muito básico: <p data-modal-target>Hover over me for an inline...
Estou criando um site onde desejo usar o controle deslizante de intervalo (sei que ele só oferece suporte a navegadores webkit). Eu o integrei totalmente e funciona bem. Mas eu gostaria de usar um textboxpara mostrar o valor do slide atual. Quer dizer, se inicialmente o controle deslizante está...
Pareceu estranho não consegui encontrar este já perguntado, mas aqui vai! Eu tenho um html da seguinte maneira: <select id="select-meal-type" multiple="multiple"> <option value="1">Breakfast</option> <option value="2">Lunch</option> <option
Eu tenho este código dentro de ng-repeat: <a href="#" class="disabled" ng-click="doSomething(object)">Do something</a> Como fazer uma condição de que o botão está desabilitado quando está class="disabled"? Ou existe uma maneira de fazer isso em Javascript para que fique...
Perdoe-me, é uma pergunta estúpida, mas preciso de ajuda. Quero mudar a cor da borda de TEXTAREA em foco. mas meu código não parece funcionar corretamente. Veja o código no violino . <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()"...
Dentro de um <ul>elemento, claramente o espaçamento vertical entre as linhas pode ser formatado com o atributo line-height. Minha pergunta é, dentro de um <ul>elemento, como faço para definir o espaçamento vertical entre os itens da
No Angular 1, eu poderia selecionar a opção padrão para uma caixa suspensa usando o seguinte: <select data-ng-model="carSelection" data-ng-options = "x.make for x in cars" data-ng-selected="$first"> </select> No Angular 2 eu tenho: <select class="form-control"...
Não sei por que preciso usar ul-li em vez de simplesmente usar divs ao listar itens. Posso fazer com que ambos tenham a mesma aparência, então onde está a vantagem funcional de criar uma lista não ordenada em vez de alinhar
Tenho alguns arquivos SVG que especificam widthe heighttambém viewboxassim: <svg width="576pt" height="432pt" viewBox="0 0 576 432" > ... mas como exibi-los no navegador em um tamanho que eu decido? Eu os quero menores e tentei: <object width="400"
Tenho uma lista ordenada onde gostaria que o número inicial fosse 6. Descobri que isso era compatível (agora obsoleto) no HTML 4.01. Nesta especificação, eles dizem que você pode especificar o inteiro inicial usando CSS. (em vez do startatributo) Como você especificaria o número inicial com...