Ir para conteúdo

POWERED BY:

Arquivado

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

Mecho com php e Html

Um link que ao clicado mostre mais informações

Por , em Javascript

Recommended Posts

Mecho com php e Html    0

Mecho com php e Html
Postado

Gente, quero colocar um link escrito Mais Informações

Quando um usuário clicar nesse link, ele vai mudar para Menos Informações e, logo abaixo, vai mostrar o texto: "Para fazer o download dos wallpapers, clique no link da resolução do seu computador"

 

Alguém tem alguma idéia de como eu posso fazer isso?

sou novo em javascript

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado 

<html>
<head>
<title></title>
<script type="text/javascript">
//Script by Klonder

function mostrar(varInfo) {
	if(varInfo == 'menosInfo') {
		document.getElementById("maisInfo").style.display = "none";
		document.getElementById("menosInfo").style.display = "block";
	}else{
		document.getElementById("maisInfo").style.display = "block";
		document.getElementById("menosInfo").style.display = "none";
	}
}
</script>
</head>
<body>

<a id="maisInfo" href="java script: mostrar('menosInfo')">+ Mais informações</a>
<span id="menosInfo" onClick="mostrar('maisInfo')" style="display:none; cursor:hand;">
<a href="#">- Menos informações</a>
<br>Para fazer o download dos wallpapers, clique no link da resolução do seu computador.
</span>

</body>
</html>

Lembrando que no link, href deverá conter java script emendado (uma só palavra --> javascript).

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