Perguntas com a marcação «html»

Quero obter a posição do texto selecionado usando javascript. Por exemplo, eu tenho uma área de texto simples. #input-text { resize: none; width: 50%; height: 50px; margin: 1rem auto; } <textarea id="input-text">I am a student and I want to become a good person</textarea> Executar snippet de códigoOcultar resultadosExpandir snippet Na …

20 javascript  html 

function validate() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; if (username == "") { document.getElementById("message").innerHTML = "USERNAME CANNOT BE EMPTY"; document.getElementById("username").style.borderColor = "red"; return false; } if (password == "") { document.getElementById("message").innerHTML = "PASSWORD CANNOT BE EMPTY"; document.getElementById("password").style.borderColor = "red"; return false; } } #username:focus { background-color: yellow; …

20 javascript  html  css 

Por exemplo, eu tenho isso: <pre> sun<br/>     mercury <br/>     venus <br/>         earth <br/>         mars <br/>             jupiter <br/>     saturn <br/> </pre> Executar snippet de códigoOcultar resultadosExpandir snippet e isto: <div style="font-family:monospace"> <div style="text-indent: 0">sun</div> <br/> <div style="text-indent: 4ch">mercury</div> <br/> <div style="text-indent: 4ch">venus</div> <br/> <div style="text-indent: 8ch">earth</div> <br/> <div style="text-indent: 8ch">mars</div> <br/> …

19 html  css  acid3 

Eu tenho uma lista, com overflow-xoe overflow-ydefinido como auto. Além disso, configurei a rolagem de momento, para que a rolagem por toque funcione bem no celular, usando webkit-overflow-scrolling: true. O problema, no entanto, é que não consigo descobrir como desativar a rolagem horizontal ao rolar verticalmente. Isso leva a uma …

17 javascript  html  css  angular  ionic-framework 

Estou tentando criar um sistema de menus com uma imagem e texto acima e abaixo. Os dados são dinâmicos. Estou querendo que o sistema de menus apareça para que cada imagem fique a uma distância igual da outra, para que se alinhem em uma grade de imagens na horizontal e …

17 html  css  flexbox 

Eu queria fazer um círculo pontilhado com CSS e o criei com o seguinte processo. Embora o círculo tracejado possa ser exibido por esse processo, o espaço entre o final e o início da linha tracejada tornou-se estreito e o espaço não era uniforme. .c { width: 500px; height: 500px; …

16 javascript  html  css 

Eu tenho uma mesa com números. Quando clico em uma célula da tabela, alterna o estado ativo. Desejo selecionar uma célula e pressionar crtl e selecionar outra célula e, como resultado, as células entre a primeira e a segunda se tornarão ativas. Como implementá-lo? codepen https://codepen.io/geeny273/pen/GRJXBQP <div id="grid"> <div class="cell">1</div> …

16 javascript  html  css 

Eu sou muito novo no Angular. Eu tenho alguns trabalhos em Angular. Preciso ligar a lista suspensa Aninhada para Jsondados provenientes do servidor chamando Rest Api. Os dados têm um atributo LgLevel, Especifica o nível na hierarquia do grupo. Pai terá level=0, Imediato Child=1, Grandchild=2e assim por diante. Childe Grandchildpossui …

15 html  angular  typescript 

Estou tentando criar uma animação no estilo montanha-russa com CSS. Eu quero saber como curvar a "montanha-russa" quando estiver no estágio de loop. Estou procurando por uma solução totalmente CSS, mas se houver necessidade de um pouco de JavaScript, estou bem com isso. meu código até agora: #container { width: …

15 html  css  css-animations  css-transforms 

Eu tenho o seguinte snippet (preciso visualizar no modo de tela cheia), que estou tentando colocar o <main>elemento diretamente sob o <header>elemento. Eu tenho o <header>em uma posição fixa porque quero que ele fique na parte superior da tela enquanto o usuário rola pelo conteúdo do <main>elemento. Eu tentei de …

15 html  css  css-position  fixed 

Podemos usar window.location.replacepara evitar o histórico e direcionar âncoras na página sem recarregamentos, mas não em iframes? O problema é uma violação do CSP (política de segurança de conteúdo), cujos estados script-src 'unsafe-inline'devem estar ativados. Exceto que eu não tenho um CSP definido, e mesmo se eu definir um e …

15 javascript  html  iframe  browser-history  content-security-policy 

Eu sou novo no Next.js e gostaria de saber como redirecionar da página inicial ( / ) para / hello-nextjs, por exemplo. Depois que o usuário carrega uma página e depois determina se o caminho === / redireciona para / hello-nextjs No react-router , fazemos algo como: <Switch> <Route path="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

Não consigo colar o caractere ﷼(moeda do Riyal) na frente de um número: 1﷼ É até impossível colá-lo entre 2 números, é colado no final: 11﷼ Não há problemas se você tentar colá-lo na frente de uma carta: ﷼a Alguém sabe o que acontece e como eu posso fazer isso?

14 html 

Como tornar um iframe responsivo, sem assumir uma proporção? Por exemplo, o conteúdo pode ter qualquer largura ou altura desconhecida antes da renderização. Observe que você pode usar Javascript. Exemplo: <div id="iframe-container"> <iframe/> </div> Dimensione isso iframe-containerpara que o conteúdo mal caiba dentro sem espaço extra; em outras palavras, haverá …

14 javascript  html  css  iframe  responsive-design 

Quando digito o último número , o primeiro número entra no text-box(desaparece), adicionando um espaço extra. Depois de clicar fora text-box, fica bem o que eu preciso durante a digitação do último caractere. #number_text { padding-left: 9px; letter-spacing: 31px; border: 0; background-image: linear-gradient(to right, #e1e1e1 70%, rgba(255, 255, 255, 0) …

14 javascript  jquery  html  css