Ir para conteúdo
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>

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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 

Compartilhar este post


Link para o post
Compartilhar em outros 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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

×

Informação importante

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