Ir para conteúdo

Arquivado

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

gerfferson

função para redirecionar para uma nova pagina.

Por , em Javascript

Recommended Posts

gerfferson    0

gerfferson
Postado

Boa Tarde.

To com dificuldade em desenvolver uma função para redirecionar pagina.

Tipo o cara seleciona a opção "p4", e ao clicar no botao proximo vai para a pagina "p4.html".. se selecionar a opção "p8" vai para outra pagina "p8.html", e se ele nao fizer nada e ficar na opção de valor "nulo" ao clicar em Proximo apareça um alert 'selecione uma opção'.

 

obs: a pagina só é direcionada após clicar no botao proximo, se somente selecionar a opção do select, continua na mesma pagina.

 

Segue o exemplo do select.

 

<select name="Pag">
<option value="nulo"> ...</option>
<option value="p4">P4</option>
<option value="p8">P8</option>
</select>

<input type="submit" value="proximo"  name="combobox">

Desde ja agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maykel-ctba    233

Maykel-ctba
Postado 




<script>



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



		location.href = $(this).val();										



	});



</script>



<select id="slRedirect">



	<option value="pagina01.html">Pagina 01</option>



	<option value="pagina02.html">Pagina 02</option>



</select>







			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
gerfferson
			  

	
		
	
			 0
	
		
	

		

		

			


	
		gerfferson
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

opa, segue abaixo o código, o problema ta o seguinte.. quando eu seleciono a opção "p4" , e clicar em avançar ele deveria ir para a pagina do google.


se eu selecionar a opção. "p8" e clicar em avançar ele deve ir para a pagina "layout_mapap8".


se nao selecionar nada aparecer o alert..


porem não ta indo


 


Segue código.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type='text/javascript' src='//code.jquery.com/jquery-2.1.0.js'></script>

                       <!-- SCRIPT OCULLTAR DIV -->
                                          <script language="Javascript">
function showDiv(div)
{
document.getElementById("www.google.com").className = "invisivel";
document.getElementById("layout_mapap8.html").className = "invisivel";

document.getElementById(div).className = "visivel";
}
</script>
  <style>
.invisivel { display: none; }
.visivel { visibility: visible; }
</style> 

                                           <!-- SCRIPTS -->   
                                           <!-- FUNCAO PARA VALIDAR A OPCAO SELECIONADA NO CAMPO OPTION -->
                                           
 <script type='text/javascript'>
     
var url;

$("select").on("change", function(){ url = this.value; });

function redirecionar(){
    if(url){
        alert("Selecione seu Destino.");
    } else {
        window.location = url;
    }
}
</script>
                                           
                                           
                                           
                                                <!-- SCRIPTS -->   
                                           


    <meta charset="utf-8">
    <title>Bem vindo a tela inicial do LocatePro</title>
    
    <link rel="stylesheet" type="text/css" href="padrao.css">
    </head>
    
    
    <body>
    
        <center><h2>Bem Vindo ao LocatePro</h2></center>
    
    
        
        <div id="formato">
            <fieldset>
            <h4>Dados do Aluno: </h4>
            <p>Nome:</p>
            <p>Matricula:</p>

        

<p>__________________________________________________________________________________________

______________________________________</p>
        
                <table>
         <p>Selecione seu Destino: 
         <select id="combobox" name="combobox" onChange="showDiv(this.value);">
         <option value="">...</option>
	<option value="www.google.com">P4</option>
	<option value="layout_mapap8.html">P8</option>   
             </select>
             </p>
             </table>
          
               <div id="www.google.com" class="invisivel">ir para o site do google</div>
               
               
            <div id="layout_mapap8.html" class="invisivel">mostrar imagem, e ir para a ganina</div>

                 
            
               
  

<p>__________________________________________________________________________________________

______________________________________</p>
            
                <table>
         <p>Selecione a Disciplina: <select>
                <option>...</option>
               <option >perojeto integradi um</option>
            <option>estrutura de dados</option>
             </select>
             </p>
            
                <h4>Dados do Professor:</h4>
             <p>Professor:</p>
             <p>E-mail:</p>
                    
                    </td>
             </table>
                
    
    </fieldset>
            <br>
            <div id="botaoavancar">
            <input type="button" value="Avançar" onclick="redirecionar()" >
            
    
                </div>
    </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