Jump to content

egalauber

Members
  • Content count

    60
  • Joined

  • Last visited

Community Reputation

0 Comum

1 Follower

About egalauber

  1. Tenho o seguinte trecho de código: #anima { width:600px; height:300px; margin:auto; animation: banner 10s infinite; } @keyframes banner { 0%, 33% { background:#009; } 34%, 66% { background:#C00; } 67%, 100% { background:#390; } } No HTML tenho uma div com id=anima. Esse código faz a cada 3 segundos mudar a cor dessa div, tipo como se fosse um slide show. O que eu preciso fazer, é colocar 3 botões, cada botão mudando pra uma cor. Cada botão mudando pra um pedaço da execução do @keyframes banner. Botão1 - pula para-> 0%, 33% { background:#009; } Botão2 - pula para-> 34%, 66% { background:#C00; } Botão3 - pula para-> 67%, 100% { background:#390; } Como?
  2. egalauber

    Banner rotativo (SIMPLES)

    Esse tutorial tem um probleminha no temporizador que não estou conseguindo resolver. O setInterval define 3 segundos pra chamar o método -- setInterval("mudaImg()", 3000); -- Se uma imagem já está rodando a 2 segundos e eu clico em outra imagem, essa imagem clicada fica só 1 segundo que é o tempo restante dos 3 segundos. Isso porque o evento -- onclick="mudaImg('2');" -- chama direto a função sem resetar o tempo do setInterval. Tentei resolver isso de 2 maneiras, mas nenhuma funcionou: A primeira foi colocar o setInterval dentro do onclik -- onclick="setInterval('mudaImg('2')', 3000); " Deu errado. a segunda foi fazer uma função chamando o setInterval novamente: function chamalink(j){ setInterval("mudaImg(j)", 3000); } onclick="chamalink('2');" Deu errado também. Alguém tem uma solução?
  3. egalauber

    Link fica muito grande quando coloco <li> dentro do <a>

    Ótimo! Funcionou. Obrigado!
  4. Quero que meus links tenham marcadores e que os marcadores fiquem selecionados juntos com o link. Pra isso, coloquei o LI dentro do A. <a><li>meu link</li></a> Só que o link ficou muito grande. Mesmo com o mouse longe do texto, ele já ativa o link. Vejam na imagem. Vejam o código: CSS #links_uteis { width:482px; height:230px; float:right; margin-top:20px; margin-right:20px; font-size:20px; list-style-type:disc; list-style-position:inside; } #links_uteis table { width:420px; margin-left:10px; } #links_uteis td { width:210px; padding:5px 10px 5px 10px; } #links_uteis a:hover { text-decoration:underline; color:#D90000; } HTML <div id="links_uteis"> Links úteis <div class="barra_titulo"></div> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="#" target="_blank"><li>Inmetro</li></a> </td> <td> <a href="#" target="_blank"><li>Seplag</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Ipsemg</li></a> </td> <td> <a href="#" target="_blank"><li>IOF-MG</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>ALMG</li></a> </td> <td> <a href="#" target="_blank"><li>MGS</li></a> </td> </tr> <tr> <td> <a href="#" target="_blank"><li>Portal de serviços</li></a></td> <td> <a href="#" target="_blank"><li>Portal do servidor</li></a></td> </tr> </table> </div> <!--Fecha a div links_uteis-->
  5. Preciso que um campo aceite apenas números, podendo ser números quebrados. Ex.: 3 ou 4.29 Não entendo muito de Javascript daí achei uma função na net que permite a digitação apenas de números e pontos "." O problema é que essa função permite digitar quantos pontos a pessoa quiser. Daí eu quero limitar para que aceite no máximo 1 caractere "." A função é essa: function somenteNumeros( obj , evt ) { var theEvent = evt || window.event; var key = ( theEvent.which ) ? theEvent.which : theEvent.keyCode key = String.fromCharCode( key ); var regex = /[0-9]|\./; if ([evt.keyCode||evt.which]==8) //this is to allow backspace return true; if( !regex.test(key) ) { theEvent.returnValue = false; theEvent.preventDefault(); } } E eu chamo ela assim: <input type="text" name="bicos" onkeypress="return somenteNumeros( this , event );" />
  6. Tenho uma página de um site que possui um frame. Dentro desse frame a pagina1 chama a pagina2. Quero que quando a pagina1 chamar a pagina2, a barra de rolagem da janela principal volte para o início. Tentei com com JavaScript assim: <script type="text/javascript"> window.onload = function(){ window.scrollTo( 0, 0 ); } </script> Só que isso afeta apenas a barra de rolagem do frame e não a barra de rolagem da janela principal. Mesmo que não exista barra de rolagem no frame, a barra da janela principal não é afetada. Detalhe importante: Não tenho acesso aos códigos da página principal, tenho acesso apenas aos códigos da página que eu coloquei dentro do frame. Então o código de dentro do frame precisa afetar a barra de rolagem da página de fora. O site foi criado em Joomla, então não tenho muita liberdade pra mexer.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.