Ir para conteúdo

POWERED BY:

Arquivado

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

Marcos Barbosa

abrir nova página com jquery

Recommended Posts

Olá, gente estou usando o jquery para fazer chamadas das páginas dentro da div conteudo e outras coisinhas mais.

Coloquei no index.php 2 campos: usuário e senha.

Se o usuário digitar o login ou senha errados, ou deixa-los em branco será dada uma mensagem de notificação, e quando estiver tudo certo preciso que seja redirecionado para uma outra página, ñ dentro da div conteudo, mas sim uma nova página, e exatamente isso que não estou conseguindo fazer.

Seguem os códigos:

 

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
		<script src="admin/jquery/jquery-1.4.2.min.js"></script>
		<script src="rotinas.js"></script>

		<script type="text/javascript">
    	$(function(){
			$("#enviar").click(function(){  
				$(".formulario").fadeOut("slow"); 
				beforeSend:$(".carregando").fadeIn("slow"); 
				var usuario  = $("#usuario").val(); // #nome, é o id
				var senha    = $("#senha").val();

				
				$.post("usuario.php", {usuario: usuario, senha: senha}, function(pegar_dados){  
					 
					complete:$(".carregando").fadeOut("slow");
					
					 
					$(".retorno").fadeIn("slow").html(pegar_dados);

			 
				});
			});		   
		})
	</script>

		<style type="text/css">
			@import url('estilos.css');
		</style>
	</head>

	<body class="body">
		<div class="container" id="container">
			<div class="topo">
				<div id="formulario" >
					<label id="title1">
						Usuário: <br />
						  <input name="usuario" id="usuario" type="text" />
                      
                      <br />
                      Senha:<br />
                      <input name="senha" id="senha" type="password" />
                      <br />
                      <input name="enviar" id="enviar" type="submit" value="Enviar"/>
					</label>
	      </div><br /> 

				<label id="title">Telediagnóstico</label><br />
				<center><font size="+2">Agilidade a Serviço da Vida</font></center>
			</div>
			<div class="carregando" id="carregando">
				<img src="admin/imagens/ajax-loader.gif" alt=""/><br />
				Aguarde...
			</div>
            <div class="retorno"></div>
			<div id="menu">
				<a href="#" url='home.php'>Home</a>                
				<a href="#" url='parcerias.php'>Parcerias</a>
				<a href="#" url='adesao.php'>Adesão</a>
				<a href="#" url='contato.php'>Contato</a>
			</div>
			<div id="cancelar"></div>
			<div id="conteudo"></div>
		</div>
		<div id="rodape">
			TELEMEDICINA DA BAHIA. <br />
			Av. Anita Garibalde, nº 1555 Centro Médico da Garibalde, Sala 701<br />
			Cep: 40.230-020, Salvador - BA.<br />
			Fone / Fax: (71)3503-5300 / 3247-9194.
			telemedicina@telemedicina.com.br
		</div>
	</body>
</html>

usuario.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
    
	<?php 
		include("admin/conexao.php");
		$usuario = strtoupper($_POST["usuario"]);
		$senha	 = strtoupper($_POST["senha"]);
		
		if (empty($usuario) or empty($senha))
		{
			echo "Campo USUÁRIO e SENHA são obrigatorios";
		}
		else
		{
			$sql = mysql_query("SELECT * FROM pacientes WHERE login='$usuario' AND senha = '$senha'");
			$reg = mysql_num_rows($sql);
			
			if ($reg <= 0 )
			{
				echo "Usuário ou Senha não encontrado";
			}
			else
			{
				 // AKI Q DEVERIA ENVIAR PARA OUTRA PÁGINA, SE EU USAR O HEADER LOCATION
                                 // A PÁGINA SERÁ ABERTA DENTRO DA DIV CONTEUDO.
			}
			
		}
		
	?>
   
</body>
</html>

rotinas.js

$(document).ready(  // inicializa o jquery
	function(){				  
     $('.topo').fadeIn(1000,function(){
    	  $('#menu').animate(
    			  {"height":"30px",
    			   "width":"890px"
    			  }
    			  ,2000);
    	  $('#conteudo').animate({
    		  "width":"880px",
    		  "opacity":"0.90",
    		  "moz-opacity":"0.90",
    		  "filter":"alpha(opacity:90)"
    	   },1600);
      });
	  
      $('a').click(
    	function(){
    		$('a').css({"color":"#ffffff"}).css({"background":""});
			   beforeSend:$(".carregando").fadeIn("slow");
    			var url=$(this).attr("url");
				complete:$(".carregando").fadeOut("slow");
	    		$(this).css({"color":"#000000"}).css({"background":"#c6c6c6"});
	    		$('#conteudo').load(url);
				
    	});
	  
 }); // finaliza o jquery

Agradeço a quem puder me ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

crie a sessao na pagina do usuario.php... ao usuaario logar com sucesso...

e na pagina onde carrega os dados .... lá em cima faça uma verificação ..... se existe sessão se existir vai pra tal pagina....

 

....

 

acho que isso dá certo....

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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