Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
Matheus Evandro Rech

HTML como criar um botão que chame outro botão através do JS

Recommended Posts

Ola eu estou criando uma pagina e nessa pagina ha um imagem, aonde eu criei um botão que troca essa imagem por outra. so que eu queria que esse botao que troca a imagem chama-se mais 2 botões e que cada um desses botões chama-se (cada um) uma imagem diferente.

esse é o codigo

<!DOCTYPE html>
<html>
<head>
<title>Oi</title>
<style>
h1#oquelediz {
   color : red;
   font-family: keep calm;
</style>
<body>
<center>
<h1 id="oquelediz">o que ele Diz na Foto ?</h1>

<img id="primeiro" src="link"><br>

<input type="button" onclick="botao1()" value="Clique Aqui">
</center>



<script>
function  botao1() {
    document.getElementById("primeiro").src = "link";                       
          }  
          
function nao() {
   document.getElementById("segundo").src = "link";
              }
              
function sim() {
   document.getElementById("terceiro").src = "link";
              }
</script>

</body>
</head>

a function botao1() é a que eu criei para mudar a imagem tem com fazer pra ela chamar 2 botões que um chama a "function  nao()" e outro a "function sim()" 

 

se for possível manda ai pf

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Matheus Evandro Rech Mas você realmente precisa de botões?

Pode ser feito com  links  e javascript manipulando os mesmos.

 

Se tiver que ser com botões, você vai ter que gerar os novos botões com o javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Matheus Evandro Rech Então tecnicamente você resolveu seu problema certo?  Poderia nos informar melhor de como resolveu? Fazendo isso você vai ajudar outras pessoas com essa mesma dúvida.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na verdade eu estava treinando o JS e queria saber como eu fazia para um botão criar mais 2 botões depois de clicar, mais como estava com pouco tempo criei mais dois botões e instrui o usuário a como proceder.

o código ficou assim:

<!DOCTYPE html>
<html>
<head>
<title>Oi</title>
<style>
h1#oquelediz {
   color : red;
   font-family: keep calm;
   }

h3#oquelediz {
   color : red;
   font-family: keep calm;
   }
   
   
input#sim {
   color : red;
   font-family: keep calm;
   background: transparent;
   border: none;
   }
   
input#nao {
   color : red;
   font-family: keep calm;
   background: transparent;
   border: none;
   }
   
   
input#clique {
   color : red;
   font-family: keep calm;
   background: transparent;
   border: none;
   }
   
</style>
<body>
<center>
<h1 id="oquelediz">o que ele Diz na Foto ?</h1>

<img id="primeiro" src="https://i.imgur.com/XYJSSQZ.jpg"><br>

<input type="button" onclick="botao1()" value="Clique Aqui" id="clique">


<h3 id="oquelediz">depois de clicar no Botão acima escolha uma das opções abaixo e tire um print e me envie!!</h3><br>


<input type="button" onclick="sim()" value="Sim" id="sim">

<input type="button" onclick="nao()" value="Não" id="nao">

</center>

<script>

    
function  botao1() {
    document.getElementById("primeiro").src = "https://i.imgur.com/j6YrwBB.jpg";        
          }  
          
function nao() {
   document.getElementById("primeiro").src = "https://media.giphy.com/media/vGtrVt7hZrEdy/giphy.gif";
              }
              
function sim() {
   document.getElementById("primeiro").src = "https://media1.tenor.com/images/16ba6560250251ac31caaa111d9dc332/tenor.gif?itemid=9671130"
              }
</script>

</body>
</head>

se você abrir esse código vai dar uma risada, mais ta ai criei mais dois botões simples 

  • Curtir 1

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






Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×