Jump to content
alaz

javascript input type image não funciona

Recommended Posts

Ola.

Alguém poderia ajudar?  O form não funciona

usei o seguinte script em uma página onde a imagem (que seria o botão) ao ser clicada leva a outras páginas aleatórias. Porém ao clicar  na imagem nada acontece, nenhuma página é carregada. Alguém poderia me ajudar ou dar uma luz onde está o erro?   Obs: se eu usar input type button funciona, mas não é o que desejo.  Grato a todos.

script

 

<script>

var randomlinks=new Array()

randomlinks[0]="pg/0-1.html"
randomlinks[1]="pg/0-2.html"
randomlinks[3]="pg/1-1.html"
function randomlink(){
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)]
}
//-->
</script>

<form method="post">
<p><input type="image" name="imagem"  src="img/figura.jpg"  value="Random Link"  onclick="randomlink()"></p> </form>

 

 

Share this post


Link to post
Share on other sites

Existem 3 problemas no seu código:

 

1-seu array está sendo criado com as posições erradas: 0,1,3 o correto é 0,1,2, o problema de manter o array errado e que o random era retornar 2 e o script irá quebrar .

 

2- você está criando um input do tipo "image" dentro de uma tag form, acontece que esse input dentro do form executa o submit e seu script javascript nem mesmo vai ser chamado. 

 

3-sua tag input não está fechada o chrome corrige esse erro mas outros browsers podem não fazer da mesma forma e qualquer validador acusa erro.

 

link: https://jsbin.com/qijiqavobe/edit?html,css,js,console,output 

Share this post


Link to post
Share on other sites
4 horas atrás, wanderval disse:

Existem 3 problemas no seu código:

 

1-seu array está sendo criado com as posições erradas: 0,1,3 o correto é 0,1,2, o problema de manter o array errado e que o random era retornar 2 e o script irá quebrar .

 

2- você está criando um input do tipo "image" dentro de uma tag form, acontece que esse input dentro do form executa o submit e seu script javascript nem mesmo vai ser chamado. 

 

3-sua tag input não está fechada o chrome corrige esse erro mas outros browsers podem não fazer da mesma forma e qualquer validador acusa erro.

 

link: https://jsbin.com/qijiqavobe/edit?html,css,js,console,output 

 



Wanderval. Corrigi conforme suas informações e funcionou.

Grato

abraço

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

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