Ir para conteúdo

POWERED BY:

Arquivado

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

Prove Yourself

[Resolvido] Função só funciona uma vez

Por , em Javascript

Recommended Posts

Prove Yourself    0

Prove Yourself
Postado

Bom dia, criei um javascript que mostra e esconde uma div (div faca-pedido). O problema é que esta função funciona apenas 1 vez. Ao executa-la novamente acontece o seguinte erro

Error: pedido is not a function

Source File: http://localhost/metalurgica/index.php?pagina=produtos&produto=bancadas

Line: 1
Código
<div id="conteudo-barra-lateral">
	<p class="conteudo-barra-lateral">Faça seu pedido online, ou se preferir solicite nosso profissional na sua empresa para conversar sobre o seu projeto, através dos links abaixo.</p>
</div>
<div id="imagem-barra-lateral">
	<a href="java script:pedido();"><img src="img/box-faca-pedido.png" alt="Fale Conosco" border="0" /></a>
	<img src="img/box-solicite-visita.png" alt="Fale Conosco" border="0" />
</div>
<div id="faca-pedido">
	<form>
		<a href="java script:esconder_pedido();"><img src="" alt="Fechar" /></a>
		<label for="nome">Nome:</label>
		<input type="text" id="nome" />
		<input type="submit" value="enviar" />
	</form>
</div>

 

Arquivo externo .js

function pedido() {
	pedido = document.getElementById('faca-pedido');
	
	pedido.style.display="block";
}

function esconder_pedido() {
	pedido = document.getElementById('faca-pedido');
	
	pedido.style.display="none";
}

O js é incluído assim

<script type="text/javascript" src="js/funcoes.js"></script>
Por favor, me ajudem :)

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

wills    0

wills
Postado

tenta assim:

function pedido() {
	pedido = document.getElementById('faca-pedido').style.display="block";
	if pedido = true then
	pedido.style.display="block";
	else
pedido.style.display="none";
}

não testei cara

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado 

<html>

 

<head>

<script type="text/javascript">

function mostra(){

document.getElementById("pedido").style.visibility="visible";

}

 

function fecha(){

document.getElementById("pedido").style.visibility="hidden";

}

 

</script>

</head>

 

<body>

<div id="conteudo-barra-lateral">

<p class="conteudo-barra-lateral">Faça seu pedido online, ou se preferir solicite nosso profissional na sua empresa para conversar sobre o seu projeto, através dos links abaixo.</p>

</div>

<div id="imagem-barra-lateral">

<a href="java script:mostra()"><img src="img/box-faca-pedido.png" alt="Fale Conosco" border="0" /></a>

<img src="img/box-solicite-visita.png" alt="Fale Conosco" border="0" />

</div>

<div id="pedido">

<form>

<a href="java script:fecha()"><img src="" alt="Fechar" /></a>

<label for="nome">Nome:</label>

<input type="text" id="nome" />

<input type="submit" value="enviar" />

</form>

</div>

</body>

 

</html>

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