Problemas com DIV

allanmollo · Março 20, 2008

Estou enfrentando um problema com uma DIV. Na verdade não tenho muito conhecimento e gostaria de criar o seguinte:

- Tenho um cadastro e nele tem um campo (combobox) que gostaria de que quando fosse selecionada uma opção nele, mostrasse logo abaixo o campo(s) para se selecionar uma outra opção, mas eu queria que estes campos que irão aparecer pós opção anterior selecionada, ficassem ocultos, só aparecessem quando a opção no campo anterior fosse selecionada.

Vou mostrar parte do código onde está as modificações que eu fiz:

<script language="JavaScript">
	function mostra_oculta(a){
		if (a == '2'){
		document.getElementById("education_level_situation").style.display='';
		document.getElementById("job_options").style.display='';
		}
	}
</script>


<table width="414" border="0" cellpadding="2" cellspacing="2" class="ver10cinza">
	<input type="Hidden" name="is_sns_registered" value="Y">
	<input type="Hidden" name="is_lib_registered" value="<%'=is_lib_registered %>Y">
	<input type="Hidden" name="is_vcsa_registered" value="<%= is_vcsa_registered %>">
	<input type="Hidden" name="bio" value="<%= bio %>">
	<input type="Hidden" name="bank_account_info" value="<%= bank_account_info %>">
	<input type="Hidden" name="email_signature" value="<%= email_signature %>">
	<input type="Hidden" name="languages_ids" value="<%= languages_ids %>">
	<input type="Hidden" name="category" value="Empreendedor">
	<input type="Hidden" name="source" value="<%= source %>">
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,10)%></td>
	</tr>
	<tr>
		<td colspan="2" class="ver11cinzab">Dados pessoais</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,5)%></td>
	</tr>
	<tr>
		<td>
			Nome:
		</td>
		<td>
			<input type="Text" class="campocadazul" name="name" size="40" maxlength="100" value="<%= name %>">
			<%= required %>			
		</td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			Sobrenome:
		</td>
		<td>
			<input type="Text" class="campocadazul" name="lastname" size="40" maxlength="100" value="<%= lastname %>">
			<%= required %>			
		</td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			Apelido:
		</td>
		<td>
			<input type="Text" class="campocadazul" name="nickname" size="40" maxlength="100" value="<%= nickname %>">
			<%= required %>			
		</td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			CPF:
		</td>
		<td>
			<input type="Text" class="campocadazul" name="cpf" size="12" maxlength="12" value="<%= cpf %>">
			<%= required %>			
			<font size="1">(somente números)</font>
		</td>
	</tr>
	
	<tr>
		<td>
			Gênero:
		</td>
		<td>
			<select class="selectcadazul" name="gender">
			<option value="M" <% if gender = "M" then %> selected <% end if %>>Masculino
			<option value="F" <% if gender = "F" then %> selected <% end if %>>Feminino
			</select>
			<%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Data de nascimento:
		</td>
		<td>
			<input type="Text" class="campocadazul" name="birthday_date" size="10" maxlength="10" value="<%= birthday_date %>">
			<%= required %>			
			<font size="1">(dd/mm/aaaa)</font>
		</td>
	</tr>
	<tr>
		<td>
			Estado civil:
		</td>
		<td>
			<select class="selectcadazul" name="marital_status_id">
			<% PrintMaritalStatusOptions marital_status_id %>
			</select>
			<%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Grau de escolaridade:
		</td>
		<td>
			<select class="selectcadazul" name="education_level_id" onchange="mostra_oculta()">
			<% PrintEducationLevelOptions education_level_id %>
			</select>
			<%= required %>			
		</td>
	</tr>
	
	<!--- Campo novo --->
	<div style="display:none" id="education_level_situation" width="100%">
	<tr>
		<td>
			Situação Atual:
		</td>
		<td>
			<select class="selectcadazul" name="education_level_situation">
				<option value="Completo" <% If education_level_situation = "Completo" Then %> selected <% End If %>>Completo
				<option value="em curso" <% If education_level_situation = "em curso" Then %> selected <% End If %>>em curso
				<option value="Incompleto" <% If education_level_situation = "Incompleto" Then %> selected <% End If %>>Incompleto
			</select>
			<%= required %>				
		</td>
	</tr>
	</div>

	<tr>
		<td>
			Formação acadêmica:
		</td>
		<td>
			<select class="selectcadazul" name="work_profile_id">
			<% PrintWorkProfileOptions work_profile_id %>
			</select>
			<%= required %>			
		</td>
	</tr>

	<tr>
		<td colspan="2" class="ver11cinzab"><br><br>Informações para contato</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,5)%></td>
	</tr>

	
	<tr>
		<td>
			CEP:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="zipcode" size="10" maxlength="9" value="<%= zipcode %>">
			<font size="1">digite seu cep ou <a href="http://desenv.endeavor.org.br/includes/user_registration/busca_cep.htm" target="_blank">clique aqui</a></font>
		</td>
	</tr>
	
	<!--- Antigo campo chamado endereço --->	
	<tr>
		<td>
			Logradouro:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="address" size="40" maxlength="50" value="<%= address %>">
		</td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			Nº:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="number" size="10" maxlength="10" value="<%= number %>">
		</td>
	</tr>	
	
	<!--- Campo novo --->
	<tr>
		<td>
			Complemento:
		</td>
		<td>
			<input class="campocadamarelo" type="Text" name="complement" size="30" maxlength="20" value="<%= complement %>">
		</td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			Bairro:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="neighborhood" size="30" maxlength="20" value="<%= neighborhood %>">
		</td>
	</tr>	
	
	
	<tr>
		<td>
			Cidade:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="city" size="40" maxlength="50" value="<%= city %>">
			<%= required %>			
		</td>
	</tr>	
	<tr>
		<td>
			Estado:
		</td>
		<td>
			<select class="selectcadazul" name="state">
			<option value="">
			<% PrintStateOptions state %>
			</select>
			<%= required %>
		</td>
	</tr>	
	<tr>
		<td>
			Pais:
		</td>
		<td>
			<select class="selectcadazul" name="user_country">
			<option value="">
			<% 
			sql = "SELECT country, country_name FROM Countries ORDER BY country_name"
			set rsc = queryRs(sql)
			CarregarComboboxBD rsC, "country", "country_name",user_country,"str" 
			set rsc = nothing
			%>
			</select>
			<%= required %>			
		</td>
	</tr>	
	
	<tr>
		<td>
			Telefone residencial:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="telephone1" size="16" maxlength="16" value="<%= telephone1 %>">
			<font size="1">(99 9999-9999)</font>
		</td>
	</tr>
	<tr>
		<td>
			Telefone celular:
		</td>
		<td>
			<input class="campocadamarelo" type="Text" name="mobile" size="16" maxlength="16" value="<%= mobile %>">
			<font size="1">(99 9999-9999)</font>
		</td>
	</tr>
	<tr>
		<td>
			Telefone comercial:
		</td>
		<td>
			<input class="campocadamarelo" type="Text" name="telephone2" size="16" maxlength="16" value="<%= telephone2 %>">
			<%= required %>
			<font size="1">(99 9999-9999)</font>
		</td>
	</tr>	

	<tr>
		<td colspan="2" class="ver11cinzab"><br><br>Informações profissionais</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,5)%></td>
	</tr>
	
	<!--- Campo novo --->
	<tr>
		<td>
			Trabalha atualmente?
		</td>
		<td>
			<select class="selectcadazul" name="job_situation" onchange="mostra_oculta(a)">
				<option value="Y" <% If job_situation = "Y" Then %> selected <% End If %>>Sim
				<option value="N" <% If job_situation = "N" Then %> selected <% End If %>>Não
			</select>
			<%= required %>			
		</td>
	</tr>
	
	<div style="display:none" id="job_options" width="100%">
	<tr>
		<td>
			Empresa:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="company" size="40" maxlength="100" value="<%= company %>">
			<%= required %>			
		</td>
	</tr>
	<!--- <tr>
		<td>
			Breve descrição da Empresa:
		</td>
		<td>
			<textarea class="campo" name="company_resume" rows="2" cols="39"><%= company_resume %></textarea>
		</td>
	</tr> --->
	<tr>
		<td>
			Cargo:
		</td>
		<td>
			<select class="selectcadazul" name="job_id">
			<option value="">
			<% PrintJobOptions job_id %>
			</select>
			<%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Telefone:
		</td>
		<td>
			<input class="campocadamarelo" type="Text" name="jobphone" size="15" maxlength="15" value="<%= jobphone %>">
			<font size="1">(99 9999-9999)</font>
		</td>
	</tr>	
	<tr>
		<td>
			Assistente:
		</td>
		<td>
			<input type="Text" class="campocadamarelo" name="assistant_name" size="40" maxlength="100" value="<%= assistant_name %>">
		</td>
	</tr>	
	</div>

	<tr>
		<td colspan="2" class="ver11cinzab"><br><br>Informações para acesso ao site Endeavor</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,5)%></td>
	</tr>

	<tr>
		<td>
			e-mail:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="email1" size="40" maxlength="100" value="<%= email1 %>">
			<%= required %>			
		</td>
	</tr>
	<!--- Campo novo, antes chamado de "confirme o email" --->
	<tr>
		<td>
			e-mail secundário:
		</td>
		<td>
			<input class="campocadazul" type="Text" name="email2" size="40" maxlength="100" value="<%= email2 %>">
			<%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Senha:<br>
			<font size="1">(mín. 6 caracteres)</font>
		</td>
		<td>
			<input class="campocadazul" type="Password" name="password1" size="40" maxlength="50" value="<%= password %>">
			<%= required %>
		</td>
	</tr>
	<tr>
		<td>
			Confirme a senha:<br>
			<font size="1">(digite novamente)</font>
		</td>
		<td>
			<input class="campocadazul" type="Password" name="password2" size="40" maxlength="50" value="<%= password %>">
			<%= required %>			
		</td>
	</tr>

	<tr>
		<td colspan="2" class="ver11cinzab"><br><br>Outras informações</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,5)%></td>
	</tr>

	<!--- <tr>
		<td>
			Como ficou sabendo da Endeavor:
		</td>
		<td>
			<select class="select" name="how_heard_about_id">
			<option value="">
			<'% PrintHowHeardAboutOptions how_heard_about_id %>
			</select><'%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Especifique:
		</td>
		<td>
			<input class="campo" type="Text" name="how_heard_about" size="40" maxlength="100" value="<'%= how_heard_about %>">
		</td>
	</tr>
	<tr>
		<td>
			Por que se interessou pela Endeavor:
		</td>
		<td>
			<select class="select" name="why_interested_id">
			<option value="">
			<'% PrintWhyInterestedOptions why_interested_id %>
			</select>
			<'%= required %>			
		</td>
	</tr>
	<tr>
		<td>
			Se "Outros", especifique:
		</td>
		<td>
			<input class="campo" type="Text" name="why_interested" size="40" maxlength="200" value="<'%= why_interested %>">
		</td>
	</tr>
	<tr>
		<td colspan="2" height="2"><1%=Espacamento(1,20)%></td>
	</tr> --->
	<tr>
		<td colspan="2">
			Deseja receber nosso boletim informativo?
		</td>
	</tr>
	<tr>
		<td></td>
		<td>
			<select class="selectcadamarelo" name="receives_newsletter">
				<option value="Y" <% If receives_newsletter = "Y" Then %> selected <% End If %>>Sim
				<option value="N" <% If receives_newsletter = "N" Then %> selected <% End If %>>Não
			</select>
			<%= required %>			
		</td>
	</tr>

	<tr>
		<td colspan="2">
			Deseja receber a comunicação dos nossos workshops?
		</td>
	</tr>
	<tr>
		<td></td>
		<td>
			<select class="selectcadamarelo" name="receives_workshop">
				<option value="Y" <% If receives_workshop = "Y" Then %> selected <% End If %>>Sim
				<option value="N" <% If receives_workshop = "N" Then %> selected <% End If %>>Não
			</select>
			<%= required %>			
		</td>
	</tr>

	<!--- <tr>
		<td colspan="2">
			Gostaria de receber convites para eventos educacionais:
		</td>
	</tr>
	<tr>
		<td></td>
		<td>
			<select class="select" name="receives_conference">
				<option value="Y" <% 'If receives_conference = "Y" Then %> selected <% 'End If %>>Sim
				<option value="N" <% 'If receives_conference = "N" Then %> selected <% 'End If %>>Não
			</select>
			<%= required %>			
		</td>
	</tr> --->
	<tr>
		<td colspan="2" height="2"><%=Espacamento(1,20)%></td>
	</tr>
	
	<!--- <tr>
		<td valign="top">Categorias *:</td>
		<td><'% PrintCategoriesCheckboxes categs_ids %></td>
	</tr>
	<tr>
		<td colspan="2" height="30"></td>
	</tr> --->
	<tr>
		<td colspan="2" align="right">
			<a href="java script:SubmitFormCadastro()"><img src="/imagens/3_4_bt_enviar.gif" alt="Enviar" border="0"></a>
		</td>
	</tr>
</table>
</form>

Neste trecho: <select class="selectcadazul" name="education_level_id" onchange="mostra_oculta()">

este campo que deve mostrar o campo (education_level_situation) que esta dentro da div no cadastro.

E mais la embaixo, neste trecho: <select class="selectcadazul" name="job_situation" onchange="mostra_oculta(a)">

o campo job situation deve mostrar todos os campos que estão dentro da div.

Não se sei se fiz da forma correta, se falta algo neste código.

Será que alguém poderia me ajudar?

Obrigado!

falke · Março 21, 2008

opa...beleza?

caprichou no codigo eim...hehehe

podia ter postado só as chamadas da função...

mas não da nada...cara ce está chamando a função sem parametro também né?

pra mostrar usa

document.getElementById(id).style.display = 'block'

= como você fez, porém coloca o block...

flow, abraço!!

Entrar

Arquivado

Problemas com DIV

Recommended Posts

allanmollo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

falke 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

JAVA - Ajuda em Paginação

Girls From Your Town - Anonymous Casual Dating - No Selfie

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante