Ir para conteúdo

Arquivado

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

gerfferson

problema com script

Por , em Javascript

Recommended Posts

gerfferson    0

gerfferson
Postado 

Boa noite, To com o problema no codigo abaixo... Tipo coloquei uma função para ocultar 2 divs, quando o cara seleciona a opçao p4 no select mostra uma div, se o cara selecionar a opção p8 mostra outra div... O problea é o seguinte, não consigo criar uma função para quando a div da opção p8 tiver selecionada o cara for clicar em avançar ir para a pagina_p8.php, se ele tiver com a div p4 e for clicar em avançar ir para a pagina_p4.php ... se o cara não selecionar nenhuma das 2 opçoes e for clicar em proximo aparecer um alert 'selecione uma opcao.'

 

 

consegui essa função com um amigo do forum.

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

 

 

Mais não consigo aplicar ela no codico abaixo, por que se eu altero o "value" do option eu perco a função oculta div...

Alguem manja dos paranauê pra ajudar???

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 

<?php

session_start();

if (!isset($_SESSION['id_usuario']) && !isset($_SESSION['login'])){

echo"<script language='javascript' type='text/javascript'>alert('Sessão expirou...');window.location.href='http://localhost/locatePRO/index.html';</script>";

exit();

 

}

 

 

?>

 

 

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

<head>

 

<!-- SCRIPTS OCULTA A DIV-->

<script language="Javascript">

function showDiv(div)

{

 

document.getElementById("p4").className = "invisivel";

document.getElementById("p8").className = "invisivel";

 

document.getElementById(div).className = "visivel";

 

}

</script>

<style>

.invisivel { display: none; }

.visivel { visibility: visible; }

</style>

<!--------------------->

 

 

 

 

 

<meta charset="utf-8">

<title>Bem vindo a tela inicial</title>

 

<link rel="stylesheet" type="text/css" href="padrao.css">

</head>

 

 

<body>

 

<center><h2>Bem Vindo ao LocatePro</h2></center>

 

<a href="logout.php">

<input type="submit" value="sair"> </a>

 

<!-- *****************PHP CONEXAO********************** -->

<?php

 

require_once ('conexao.php');

 

$usuario = $_SESSION['login'];

 

?>

<!-- ****************PHP CONSULTA NO BANCO************************* -->

 

<form method="post">

<?php

 

$sql = "select * FROM usuario WHERE login = '$usuario' ";

$rs= mysqli_query($conexao,$sql);

 

while($linha=mysqli_fetch_array($rs)){

 

?>

<!-- ***************************************** -->

<div id="formato">

<fieldset>

<h4>Dados do Aluno </h4>

<p>Nome: <?php echo $linha['nome'] ?> </p>

<p>Matricula: <?php echo $linha['login']?></p>

 

<p>________________________________________________________________________________________________________________________________</p>

 

<?php

}

?>

 

 

<!-- AQUI FICA AS DIVS OCULTAS-->

 

<table>

<p>Selecione seu Destino: <select id="combobox" name="combobox" onChange="showDiv(this.value);">

<option value="">...</option>

<option value="p4">P4</option>

<option value="p8">P8</option>

</select>

</p>

</table>

 

<div id="p4" class="invisivel"></div>

 

 

<div id="p8" class="invisivel"></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">

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