Ir para conteúdo

POWERED BY:

Arquivado

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

gilvaju

[Resolvido] Problema de execução com o meu jquery

Por , em Javascript

Recommended Posts

gilvaju    0

gilvaju
Postado

Bem galera, é o seguinte:

 

tenho os seguintes arquivos:

 

<html>
   <script type="text/javascript" src="layout/lib/scripts/jquery.1.4.2.js"></script>
   <script type="text/javascript">

	$(document).ready(function(){

	$("#selecaopf").hide();
	$("#selecaopj").hide();

	}

);        


       $("#selecao").change(function(){

           if (val("selecao") == "pf") {
               $("#selecaopj").hide();
           }
           else {
               $("#selecaopf").hide();
           }
       });
   </script>

   <body>
       <li class="one_col">
           <label>
               Bairro:*
           </label>
           <select class="" name="selecao" id="selecao" type="email" required="required">
               <option id="pf" value="pf">pf</option>
               <option id="pj" value="pj">pj</option>
           </select>
       </li>

       <!-- Pessoa Física --><span id="selecaopf"><h4 class="page_title">Dados para Pessoa Física</h4>
           <li class="one_col">
               <label>
                   CPF:*
               </label>
               <input class="single_input" name="email" type="email" required="required" />
           </li>
           <li class="one_col">
               <label>
                   Nascimento:*
               </label>
               <input class="single_input" name="email" type="email" required="required" />
           </li>
       </span>

	<!-- Pessoa Jurídica --><span id="selecaopj"><h4 class="page_title">Dados para Pessoa Jurídica</h4>
           <li class="one_col">
               <label>
                   I. Estadual:*
               </label>
               <input class="single_input" name="email" type="email" required="required" />
           </li>
           <li class="one_col">
               <label>
                   CNPJ:*
               </label>
               <input class="single_input" name="email" type="email" required="required" />
           </li>
           <li class="one_col">
               <label>
                   Contato:*
               </label>
               <input class="single_input" name="email" type="email" required="required" />
           </li>
       </span>
   </body>
</html>

 

e este aqui que é do meu sistema só que não funciona isto:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
<meta name="author" content="Zemotion"/> 
<title>Orizon - A Powerfull Professional HTML Template Theme</title> 
<link rel="icon" type="layout/image/png" href="layout/images/favicon.png"/> 

<!-- Style for the SKIN applied --> 
<link rel="stylesheet" type="text/css" href="layout/skins/lightwood/styles.css" media="all" /> 
<!-- Style for the COLOR chosen --> 
<link rel="stylesheet" type="text/css" href="layout/colors/orange/color.css" media="all" /> 
<!-- Estilo para personaliza��o do sitema --> 
<link rel="stylesheet" type="text/css" href="layout/lib/css/geral.css" media="all" /> 

<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="layout/lib/css/ie7.css" media="all" />
<![endif]--> 
<!--[if IE 8]>
	<link rel="stylesheet" type="text/css" href="layout/lib/css/ie8.css" media="all" />
<![endif]--> 

<script type="text/javascript" src="layout/lib/scripts/jquery.1.4.2.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/jquery.tools.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/cufon.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/antipasto.font.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/bellerose.font.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/jquery.custom.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/mootools.js"></script> 
<script type="text/javascript" src="layout/lib/scripts/mootools.custom.js"></script> 

<script type="text/javascript"> 

$(document).ready(function(){

	$("#selecaopf").hide();
	$("#selecaopj").hide();

	}

);

</script> 

</head> 
<body> 
<div id="container"><div id="header"> 
		<a href="index.php" id="logo">Loja de Departamentos</a> <!-- Add a image to the style or remove the text-indent to display the text --> 
		<ul id="nav"> 
			<li><a href="index.php">Início</a></li> 
			<li><a href="index.php?2=contato">Contato</a></li> 
		</ul> <!-- nav --> 

		<div id="header_bar"> 
			<h1> 
				clientes | adicionar				</h1> 
			<form id="searchbox" action=""> 
    			<ul> 
    				<li><input id="input_search" type="text" value="" /></li> 
    				<li><input id="submit_search" type="submit" value="" /></li> 
    			</ul> 
    		</form> 
		</div> <!-- header_bar --> 
	</div> <!-- header --><div class="full_page"> 

 			<h1 class="page_title">Novo Cliente</h1> 
 			<div id="errors"> <!-- To display the errors form --> 
 				<div id="success" class="download_box">Thank you! Your request has been send, we'll be back soon.</div> 
 			</div> <!-- errors --> 
 			<form action="securemail.php"  method="post" id="contact_form" class="form_validate"> 
 			<input type="hidden" value="contact.html" name="redirect" /> 
 				<ul> 
 					<li class="one_col"> 
 						<label>Nome:*</label> 
 						<input class="single_input" name="First name" type="text" required="required" /> 
 					</li> 

 					<h4 class="page_title">Endereço</h4> 
 					<li class="one_col"> 
 						<label>Logradouro:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li> 
 					<li class="one_col"> 
 						<label>Complemento:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li> 
 					<li class="one_col"> 
 						<label>Número:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li> 
 					<li class="one_col"> 
 						<label>Cidade:*</label> 
 						<select class="" name="email" type="email" required="required"> 
 							<option>Selecione sua Cidade</option> 
 						</select> 
 					</li> 
 					<li class="one_col"> 
 						<label>Bairro:*</label> 
 						<select class="" name="email" type="email" required="required"> 
 							<option>Selecione seu Bairro</option> 
 						</select> 
 					</li> 
 					<li class="one_col"> 
 						<label>Interest</label> 
 						<input type="checkbox" name="pf" id="pf" value="seo" />Pessoa Física
 						<input type="checkbox" name="interest" value="marketing" />Pessoa Jurídica
 					</li> 

 					<!-- Pessoa F�sica --> 

 			  		<span id="selecaopf"> 

 			  		<h4 class="page_title">Dados para Pessoa Física</h4>			
 					<li class="one_col"> 
 						<label>CPF:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li>		
 					<li class="one_col"> 
 						<label>Nascimento:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li> 

 					</span> 

 					<!-- Pessoa Jur�dica --> 

 			  		<span id="selecaopj"> 

   				<h4 class="page_title">Dados para Pessoa Jurídica</h4>	
 					<li class="one_col"> 
 						<label>I. Estadual:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li>  						
 					<li class="one_col"> 
 						<label>CNPJ:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li>	
 					<li class="one_col"> 
 						<label>Contato:*</label> 
 						<input class="single_input" name="email" type="email" required="required" /> 
 					</li> 

 					</span> 

 					<li class="one_col"><input type="submit" class="submit_form"/></li> 
 				</ul> 
 			</form> 

 		</div> <!-- full_page --><div id="footer"> 
		<p>© 2011 <a href="#">OláWeb</a> - Todos os direitos reservados. Padrão W3c Standards <a href="#">XHTML</a> 
		</p> 
		<div id="rss_form"> 
			<form id="rss" action="post"> 
				<fieldset> 
					<input type="text" name="input_rss" id="input_rss" value="Digite seu email:" onfocus="prefillClear(this);" onblur="prefillClear(this);" /> 
					<input type="submit" id="submit_rss" value="" /> 
				</fieldset> 
			</form> 
		</div> <!-- rss_form --> 
		<ul id="sociable"> 
			<li><a id="facebook" href="#"></a></li> 
			<li><a id="twitter" href="#"></a></li> 
			<li><a id="myspace" href="#"></a></li> 
		</ul> 
	</div> <!-- footer --> 

</div> <!-- container --> 
</body> 
</html>

 

Este último é o meu sistema exibido na página, ele é php e está gerando este código, está tudo normal, exceto que não funciona o javascript que no primeiro funciona.

 

<script type="text/javascript">

	$(document).ready(function(){

	$("#selecaopf").hide();
	$("#selecaopj").hide();

	}

);        


       $("#selecao").change(function(){

           if (val("selecao") == "pf") {
               $("#selecaopj").hide();
           }
           else {
               $("#selecaopf").hide();
           }
       });
   </script>

 

Agradeço a ajuda

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