Ir para conteúdo

Arquivado

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

gerfferson

Funcao redirecionar somente após clicar no botao proximo.

Por , em Desenvolvimento frontend

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 uma pagina.. se selecionar a opção "p8" vai para outra pagina, e se ele nao fizer nada e ficar na opção de valor "..." ao clinar em Proximo apareceç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="..."> ...</option>
<option value="p4">P4</option>
<option value="p8">P8</option>
</select>

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

 

Agradeço a ajuda.

Compartilhar este post

Link para o post
Compartilhar em outros sites

meth0d    0

meth0d
Postado 
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <script type='text/javascript' src='//code.jquery.com/jquery-2.1.0.js'></script>

  <style type='text/css'>
    body{
    font-family:Tahoma;
    text-shadow:1px 1px #000;
    background:#3a5795;
    padding:10px;
    color:#fff;
    text-align:center;
}
  </style>
  
</head>
<body>
  <h2>Redirecionar via Select</h2>
<select>
    <option value="">Escolha uma página</option>
    <option value="http://heyyeyaaeyaaaeyaeyaa.com/">He Man Heeey</option>
    <option value="http://dagobah.net/flash/iced.swf">Iced Flash</option>
    <option value="http://met0do.org">Meth0d</option>
</select>
<br><br>
<input type="button" value="Ir!" onclick="redirecionar()">
  
<script type='text/javascript'>
var url;

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

function redirecionar(){
    if(!url){
        alert("Você deve escolher um valor.");
    } else {
        window.location = url;
    }
}
</script>

</body>
</html>

Provavelmente é isso que você precisa...

Compartilhar este post

Link para o post
Compartilhar em outros sites

gerfferson    0

gerfferson
Postado

Amigo, usei a função que voce passou, no cenário que estou.

 

É isso mesmo que estou precisando, porem quando eu clico em ir, aparece o alert dizendo que eu nao selecionei o campo. se eu apertar "OK" ai sim é redirecionado..

 

Abaixo segue o codigo, poderia me ajudar a alinhar isso?

<!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>

                       <!-- SCRIPTS -->
                                          <script language="Javascript">
function showDiv(div)
{
document.getElementById("p4.html").className = "invisivel";
document.getElementById("p8.html").className = "invisivel";

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


                                             <!-- 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="p4.html">P4</option>
	<option value="p8.html">P8</option>   
             </select>
             </p>
             </table>
             
          
               <div id="p4.html" class="invisivel">aqui vove vai pro google</div>
               
               
            <div id="p8.html" class="invisivel"> aqui voce vai pro face</div>
            
            
  
<script type='text/javascript'>
var url;

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

function redirecionar(){
    if(!url){
        
      alert("Você deve escolher um valor.");
    } else {
          window.location = url;
    }
}
</script>

                 
            
               
  <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">
            <a href="layout_dois.html">
            <input type="button" value="Ir!" onclick="redirecionar()">
                </div>
    </div>
    
    </body>

    </html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito