[Resolvido] Como realizar include usando condição

[socram2809 0]

Bom Dia,

 

Estou desenvolvendo um site em que há um select de HTML. Nele quando seleciono a opção 'TATM Acórdão', queria que o include fosse executado. Já tentei javascript usando o evento "onchange", mas não resolve.

 

Aqui está o código:

 

Javascript:

<script type="text/javascript">
function mudanca()
{
document.getElementById("acordao").innerHTML="<!--#include file = "incs/acordao_complemento.inc.php" -->"
}
</script>

 

Select:

<select name="tipodiploma" onchange="mudanca()">     
	<%
	 DO WHILE NOT RS2.EOF 
	%>
	<%if Int(vartipo)=rs2.fields("tipodiploma") then %> <option selected> <%=rs2.fields("descricaotipo")%> <%else%> <option> <%=rs2.fields("descricaotipo")%> <%end if%>
	<%
		RS2.MOVENEXT
	LOOP 
	%>
	</select>

OBS: Não acontece nada quando mudo a opção ¬¬

[William Bruno 1501]

isso pq o server-side sempre será processado antes do javascript.

 

explique oq esse teu include deveria fazer, pois dependendo do caso, você terá q usar ajax.

[socram2809 0]

Bem, esse include deve aparecer quando a opção "TATM Acórdão" estiver selecionada na tag <select>. Também tentei fazendo o reload da página e deu certo, mas o index do <select> voltava ao valor inicial.

[William Bruno 1501]

use o Responder Azul

ou a 'Resposta Rápida'.

 

Ok, então oq você terá q fazer, é uma manipulação de css... tendo o seu conteudo com display: none; e mudando para block qndo a opção do select for escolhida.

 

assim:

http://wbruno.com.br/blog/2010/07/28/ocultarmostrar-elementos-apartir-de-radio-select/

[socram2809 0]

Willian Bruno,

 

Pelo seu tutorial eu fiz o seguinte e não deu certo:

 

<script type="text/javascript">  
function id( el ){  
       return document.getElementById( el );  
}  
function mostra( el ){  
       id( el ).style.display = 'block';  
}  
window.onload = function()  
{  
       id('acordao').style.display = 'none';  
       id('tipodiploma').onchange = function()  
       {  
	if (this.value=="TATM Acórdão")
	{
               mostra("acordao");  
	}
       }  
}  
</script>

[socram2809 0]

Só to postando aqui para o tópico não ser esquecido :P

[crucifier 0]

poste na área de javascript que terá muito mais resultado

nem PHP você esta utilizando no script server-side

[socram2809 0]

Então peço aos moderadores que movam esse tópico para a área de javascript, por favor

[William Bruno 1501]

mostre como está o HTML.

 

aperte Ctrl+Shift+J no Firefox para debugar.

[socram2809 0]

Valeu pela ajuda gente,

 

Depois de algumas alterações no código, consegui resolver ^^

window.onload = function() {
       var diploma = document.getElementById('tipodiploma');
       var acordao = document.getElementById('acordao');
acordao.style.display = 'none';
       diploma.onchange = function() {
           if(diploma.selectedIndex === 6) {
               acordao.style.display = 'block';
           } else {
               acordao.style.display = 'none';
           }
       }
   }