Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

joaohenrique010

Problema com função javascript no Google Chrome

Recommended Posts

Olá! Estou tendo um problema: o meu script não funciona no Google Chrome, mas funciona no Firefox.

Script:

<script type="text/javascript">
function translate() {
document.getElementById("divbody").style.transform="translate(-40%)";
}
</script>
</div>
<div id="divbody">
<h1>Sign Up</h1>
<hr></hr><br/>
<form name="REGISTER" method="POST" action="">
<input type="text" class="signupform" name="name" placeholder="First name">
<input type="text" class="signupform" name="lastname" placeholder="Last name"><br/>
<input type="email" class="signupform" name="email" placeholder="Email"><br/>
<input type="password" class="signupform" name="password" placeholder="Password"><br/>
<input type="radio" name="gender" value="Male"><span>Male</span><input type="radio" name="gender" value="Female"><span>Female</span>
<input type="submit" class="subper" value="Sign Up" onclick="translate()"><br/>
</form>

Quero que, ao clicar no input "Sign Up" (submit), a função translate() seja executada. Esta consiste em transladar (mover) a divbody 40% à esquerda. Do jeito que está o script, funciona no Mozilla Firefox, mas não funciona no Google Chrome.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça assim:

 

<style>
.roll {
   -webkit-transform: translate(-40%);
      -moz-transform: translate(-40%);
       -ms-transform: translate(-40%);
        -o-transform: translate(-40%);
           transform: translate(-40%);
}
</style>
<script type="text/javascript">
function translate() {
    document.getElementById('divbody').classList.add('roll');
}
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vê se não é cache do seu chrome.

Limpa o histórico e os arquivos temporários.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.