Ir para conteúdo

Arquivado

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

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

×

Informação importante

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