Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Carregando comentários...