[Resolvido] Problema em enviar formulário

Bom dia pessoal..

Já faz semanas que estou tentando reseolver e não consigo....procurei.. encontrei algumas coisas mas não consegui resolver o meu problema.

Eu tenho uma função ajax que carrega todas as páginas na div conteudo.. isso está funcionando perfeito... só que eu tenho um link no menu que encaminha para um formulário de login e senha e quero que exiba uma msg de erro caso a pessoa tente acessar essa area sem digitar ou digitar um login e senha incorretos.....bom....esse formulário esta sendo carregado dentro da div conteudo, porém qnd clico no botão "enviar" ele dá refresh na página e volta para a página inicial...não exibe essa msg de erro. No caso da pessoa entrar com o login e senha corretos é redirecionado para a página ataexterno.php....Daí eu tentei fazer o seguinte: eu coloquei no form action="loga.php" ele faz a verificação se a senha esta correta ou não exibe a msg de erro ou redireciona para a página ataexterno.php ...só que carrega somente a página sem as configurações de css pois eu tenho uma pagina (index.php) que contem o layout e as confgurações e as demais só contem o conteudo que vai aparecer na div conteudo.

Vou postar os códigos que estou usando.....eu não sei mais oq fazer...por favor me ajudem....

Função Ajax que uso para carregar as páginas dentro da div conteudo => ajax.js

 

function GetXMLHttp() {

 var xmlHttp;
 try {
 xmlHttp = new XMLHttpRequest();
 }
 catch(ee) {
 try {
 xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
 }
 catch(e) {
 try {
 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch(e) {
 xmlHttp = false;
 }
 }
 }
 return xmlHttp;
}

var xmlRequest = GetXMLHttp();

instrucao.js

function abrirPag(valor){
 var url = valor;

 xmlRequest.open("GET",url,true);
 xmlRequest.onreadystatechange = mudancaEstado;
 xmlRequest.send(null);

 if (xmlRequest.readyState == 1) {
 document.getElementById("conteudo").innerHTML = "<img src='loading.gif'>";
 }

 return url;
}

function mudancaEstado(){
 if (xmlRequest.readyState == 4){
 document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
 }
}

menu_lateral.php

<ul id=sub>

 <li><A href="#" onclick="abrirPag('equipe.php');">
 <DIV align=right><SPAN class=style1>Equipe</SPAN></DIV>
 </A>

ata.php

<link href="css/area_restrita.css" rel="stylesheet" type="text/css" />
<link href="css/estilo_texto_paginas.css" rel="stylesheet" type="text/css" />
<link href="css/menu_lateral.css" rel="stylesheet" type="text/css" />

<div id="geral">

 <div id="conteudo">

<?php
 include "include/conexao.php";

 $ip_user = substr($_SERVER['REMOTE_ADDR'], 0, 10);

 $sql = "SELECT * FROM tbl_ips WHERE ips LIKE '{$ip_user}%'";
 $query = mysql_query($sql);

 if (mysql_num_rows($query) > 0) {
 $rows = mysql_fetch_array($query);

 include "ataexterno.php";

 }else {
 include "../logar.php";
 }
mysql_close($con);
?>

 <div style="width:590px; height:auto;">

 </div>

</div>
</div>

 <li><A href="#" onclick="abrirPag('publica.php');">
 <DIV align=right><SPAN class=style1>Publica</SPAN></DIV>
 </A>

 <LI><A href="#" onclick="abrirPag('relatorio.php');">
 <DIV align=right><SPAN class=style1>Relatório</SPAN></DIV>
 </A>

 <LI><A href="index.php?page=ata/ata">
 <DIV align=right><SPAN class=style1>Ata</SPAN></DIV>
 </A>

 <LI><A href="index.php?page=pci/pci">
 <DIV align=right><SPAN class=style1>Exemplo PCI </SPAN></DIV>
 </A>

 <LI><A href="#" onclick="abrirPag('contato.php');">
 <DIV align=right><SPAN class=style1>Contato</SPAN></DIV>
 </A>
 </UL>

logar.php

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

<div id="geral">

 <div id="conteudo">
 <div class="titulo">

 </div>

 <div style="width:590px; height:590px;">
 <DIV style="padding-top:15px; padding-right:15px; padding-left:5px;">
 <div style="padding-left:10px;"><img src="imagens/Locked_128.png" width="128" height="128" class="div_img"><p style="padding-top:60px; font-weight:bold;">
 Você não tem permissão para acessar. Por favor entre com o login e senha.

 <br><br><br><br>
 </p>

 <div class="divFundo">
 <div class="divCorpo">
 <form method="post" name="form" action="">

 <?php
 if($_POST['enviar'])
 {
 echo "<center><font color=\"red\" size=\"1\"><b><img src=\"imagens/alerta.png\" align=\"absmiddle\">
 Caro(a) usuário(a),<br>
 Foi identificado um erro em seu acesso: USUÁRIO E/OU SENHA INVÁLIDOS.</b></font></center>";
 }
 ?>

 <div class="divLogin">

 <div style="margin-left:100px; font-weight:bold;">
 Login:
 <input name="log_externo" maxlength="40" class="textbox" type="text">
 </div>

 <div style="margin-left:100px; font-weight:bold;">
 Senha:
 <input class="textbox_senha" type="password" name="senha_externo">
 <input value="Entrar" type="submit" class="botao" name="enviar">
 </div>
 <div>

 </div>
 <div class="divFndTransp"></div>
 </div>
 </form>
 </div>

</div>
 </div>
 </div>
 </div>
</div>

loga.php

<?php

 include "conexao.php";
 $pagina_restrita = "area_restrita/index.php";

 if($_POST['enviar'])
 {

 if($_POST['log_externo'] && $_POST['senha_externo'])
 {
 $login = $_POST['log_externo'];
 $senha = $_POST['senha_externo'];
 $query = mysql_query("SELECT * FROM tbl_userexterno WHERE log_externo='$login' AND senha_externo='$senha'") or die(mysql_error());
 $rTestar = mysql_num_rows($query);
 $row = mysql_fetch_assoc($query);

 if($rTestar > 0)
 {
 session_start();
 $_SESSION['log_externo'] = $row['log_externo'];
 $_SESSION['senha_externo'] = $row['senha_externo'];

 if($_GET['page']=="ata/ata.php"){

 $redirecionar = "ata/ata.php";

 echo "<meta http-equiv=\"refresh\" content=\"0; URL=" . $redirecionar . "\">";

 exit;
 }

 }
 }
 }

 mysql_close($con);

?>

Se algué tiver uma solução para eu resolver esse problema....eu agredeço....pois já faz semanas q estou tentando resolver isso e não consigo....