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:  
Ingridss

Código html: botão que só mostra conteúdo

Recommended Posts

Olá, recebi o seguinte código de um botão que mostra e oculta o conteúdo (o formulário). Gostaria de saber se é possível modificar esse código pra ele apenas ter a função de mostrar, porque já tentei fazer isso mas não consegui, ou se for possível, queria um outro código HTML que tenha essa função de mostrar. Segue o código:

<style type="text/css">
.escondida {
    display:none;
}
</style>

<script type="text/javascript">
function abrir() {
    var main = document.getElementById("central");
    var iten = main.getElementsByTagName("input");
    if (iten) {
        for (var i=0;i<iten.length;i++) {
            iten[i].onclick = function() {
                var el = document.getElementById(this.id.substr(7,7));
                if (el.style.display == "block")
                    el.style.display = "none";
                else
                    el.style.display = "block";
            }
        }
    }
}
window.onload=abrir;
</script>

<div id="central">
	<!-- Botao -->
    <input type="button" value="Abrir / fechar" id="receita1">
	<!-- conteudo escondido -->
    <div id="1" class="escondida"> 
		<!-- Aqui fica o seu form -->
					
					<!-- INICIO DO FORMULÁRIO -->
					
					<form id="formulario" method="post" action="enviar.php">
					
						<p>
							Nome:<br>
							<input type="text" name="nome" id="nome_id">
						</p>
						
						<p>
							E-mail:<br>
							<input type="email" name="email" id="email_id">
						</p>
						
						<p>
							Telefone:<br>
							<input type="tel" name="fone" id="fone_id">
						</p>
						
						<p>
							Mensagem:<br>
							<textarea name="msg" cols="35" rows="5"></textarea>
						</p>
						
						<p>
							<input class="botao" type="submit" name="enviar" id="enviar_id" value="Enviar">
						</p>
						
					</form>
						
					<!-- FIM DO FORMULÁRIO -->
	
	
	</div>

</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Ingridss No seu último tópico eu expliquei isso para você.

 

Veja o último exemplo. é só substituir a função toggle()  por show().

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

@dif obrigada k. Consegui. Sabe se dá pra customizar esse botão também? Tipo se ele pode ter outra cor, a letra ter outra fonte ou ficar um pouco maior...

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Ingridss Sim. você pode estilizar no CSS... SE poder editar um css é claro.

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

×