Ir para conteúdo

POWERED BY:

Arquivado

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

JMJunior

Trocar Botão por imagens

Por , em Javascript

Recommended Posts

JMJunior    0

JMJunior
Postado

Caros amigos, boa tarde!

 

Tenho a seguinte situação:

Em uma pagina tenho como fundo uma musica tocando. A musica pode ser interrompida ou reiniciada ao clicar um botão.

Estou usando o seguinte código (graças a ajuda do nosso amigo Douglas):

 

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><script language="JavaScript"><!--function musicOff() {document.midi.stop()}function musicOn() {document.midi.play()}function changeButton() {if (document.onoff.B1.value=='parar música') {document.onoff.B1.value='iniciar música';musicOff()}else {document.onoff.B1.value='parar música';musicOn()  }}//--></script><meta content="Microsoft FrontPage 3.0" name="GENERATOR"><title></title></head><body><p><embed name="midi" src="CANYON.MID" hidden="true" width="128" height="128"></p><form name="onoff">  <p><input  style="FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Verdana; BACKGROUND-COLOR: #3366cc"  onclick="changeButton()" type="button" value="parar música" name="B1"> </p></form></body></html>

 

Como estou gatinhando em javascript e apos tentativas frustantes, peço a ajuda de vocês.

Pergunta:

Ao invés do botão eu poderia mudar para duas imagens?

 

Ou seja, uma para parar a musica e a outra para iniciar.

 

 

Agradeço a atenção e abraços a todos.

 

José de Moura

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bone    0

Bone
Postado

Ae meu camara....faz assim !!

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><script language="JavaScript"><!--function musicOff() {document.midi.stop()}function musicOn() {document.midi.play()}function changeButton() {if (document.onoff.B1.value=='parar música') {document.onoff.B1.value='iniciar música';musicOff()}else {document.onoff.B1.value='parar música';musicOn() }}//--></script><meta content="Microsoft FrontPage 4.0" name="GENERATOR"><title></title></head><body><p><embed name="midi" src="CANYON.MID" hidden="true" width="128" height="128"></p><form name="onoff"> <p><input type="image" src="Bone.gif">" onclick="changeButton()" type="button" value="parar música" name="B1"> </p></form></body></html>

Fmz qualquer coisa tamos aqui !! B)/>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JMJunior    0

JMJunior
Postado

Ae meu camara....faz assim !!

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><script language="JavaScript"><!--function musicOff() {document.midi.stop()}function musicOn() {document.midi.play()}function changeButton() {if (document.onoff.B1.value=='parar música') {document.onoff.B1.value='iniciar música';musicOff()}else {document.onoff.B1.value='parar música';musicOn() }}//--></script><meta content="Microsoft FrontPage 4.0" name="GENERATOR"><title></title></head><body><p><embed name="midi" src="CANYON.MID" hidden="true" width="128" height="128"></p><form name="onoff"> <p><input type="image" src="Bone.gif">" onclick="changeButton()" type="button" value="parar música" name="B1"> </p></form></body></html>

Fmz qualquer coisa tamos aqui !! B)/>
Grande Bone, boa noite!Não deu certo cara! Tá dando erro.Só para acrescentar:Você rodou o código que eu postei?Se sim, você pode observar que com a música tocando o botão assume "parar música" e qdo sem música o botão assume "tocar música".Pois bem, eu gostaria que duas imagens assumissem o mesmo efeito que o botão faz.Ex: figura_Alto_falanteOff -> parar música figura_Alto_falanteOn -> tocar músicaMas mesmo assim valeu pela idéia e ajuda, to continuando a quebrar a cuca.Gde abraço.José de Moura

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bone    0

Bone
Postado

Ae meu camarada não sou o gênio do Script hehemas tentei de novo .. mas nem consegui ... :(/> .. tipo se você que uma parada assimmais´fácil é você fazer no flash ..fica mais leve e mais fácil pra você tb ! ! :)/> mas sei lá .. vai que alguém aqui no fórumsaiba e nao viu seu post ainda .. !!sei lá agora é com você hehe !!

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

no lugar do input, você coloca...<button><img ... ></button>pra ele ser um submit, tem que ser assim...<button type="submit"><img ... ></button>Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

JMJunior    0

JMJunior
Postado

no lugar do input, você coloca...<button><img ... ></button>pra ele ser um submit, tem que ser assim...<button type="submit"><img ... ></button>Alica CWB

Agradeço a todos pela ajuda, mas vou estudar um pouco de flash para tentar fazer este On/Off de música. Grande abraço a todos, a Alica e ao Bone.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bone    0

Bone
Postado

no lugar do input, você coloca...<button><img ... ></button>pra ele ser um submit, tem que ser assim...<button type="submit"><img ... ></button>Alica CWB

Agradeço a todos pela ajuda, mas vou estudar um pouco de flash para tentar fazer este On/Off de música. Grande abraço a todos, a Alica e ao Bone.
hehe demorou .. conta com nóis pra que for ... :D/>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito