Ir para conteúdo
Fórum Script Brasil
  • 0

Botão Form não funciona depois carregar pagina ajax - em div


Suvaco de Cobra

Pergunta

Boa noite,

achei um codigo na internet que carrega ajax em uma div... segue os codigos.

instrucao.js

function abrirPag(valor){
var url = valor;

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

if (xmlRequest.readyState == 1) {
document.getElementById("corpo").innerHTML = "<img src='/imagem/carrega.gif'>";
}

return url;
}

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

ajax.js

function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}

var xmlRequest = GetXMLHttp();

pagina principal que chama a pagina php.

<!doctype html>
<html lang="pt/br">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/estilo_princ.css">
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript" src="js/ajaxbd.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/instrucao.js"></script>
<script type="text/javascript">
<title>Portal ANS</title>
<script>
$(function(){
$('#botaodireito, #botaoesquerdo').animate({
"opacity": .75

});
$('#botaodireito, #botaoesquerdo').hover(function(){
$(this).animate({"opacity": 1});
},function(){
$(this).animate({"opacity": .75});
});
});
</script>
<!--<script>
$(document).ready(function(){

/* ao clicar na div com id="box" executa a função */
$("#botaodireito").click(function(){

/* a função muda o background da div com id="box" */
$("#botaodireito").attr("src", "botaocred2.png");

});

});
</script>-->
</head>
<div id="geral">
<div id="conteudo">

<div id="cabecario">

</div>
<div id="corpo">
<p class="titulo">Seja Bem-vindo</p>
<p class="subtitulo">ao PORTAL TISS da LEADER</p>
</br>
<p class="demaisTextos"> Aqui você encontrará duas áreas distintas: uma para nossos clientes
(beneficiários) e outra para nossos prestadores de serviços.</p>
</br>
<p class="demaisTextos">A troca de Informações em Saúde Suplementar (TISS) é uma exigência da Agência
Nacional de Saúde (ANS) que define o padrão para a troca de informações sobre o atendimento prestado aos beneficiários, entre prestadores e operadoras.</p>
</br>
<p class="demaisTextos">Esse padrão estabelecido tem por objetivo promover maior transparência no que diz respeito aos produtos comercializados no mercado, além de unificar a linguagem utilizada em todo o
sistema de saúde privado.</p>
</br>
<p class="demaisTextos">Para mais informações consulte o portal da ANS.</p>
</br>
<p class="demaisTextos">Acesse abaixo o portal que melhor se encaixa ao seu perfil:</p>

<div id="botaodireito" onclick="abrirPag('login.php');"></div>
<div id="botaoesquerdo"></div>
</div>

<div id="rodape">
</div>
</div>
</div>
<body>
</body>
</html>

esta é a pagina php que não funciona o botao do form, ao clicar não faz nada, porem se carregar sozinho ele executa. a limpeza dos campos.

<html>
<head>
<link href="css/estilo_princ.css" rel="stylesheet" type="text/css">
<script>
function voltar() {
window.setTimeout(function(){history.go(-1)},1000);
}
</script>
<body>
<p class="titulo" align="center">Consulta aos usuários da LEADER</p>
<p class="titulo" align="center">para prestadores.</p>
</br>
<p class="subtitulo" align="center">Digite seus dados abaixo para acessar:</p>
</br> </br>
<!--<table bgcolor="#F0FFGFF" align="center" class="campo">-->
<center>
<table bgcolor="#F0FFGFF">
<form method="post" action="valida.php">
<tr>
<td colspan="2" class="campo">Login:</td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td colspan="2"><hr /></td>
</tr>
<tr>
<td>Usuário:</td>
<td><input type="text" name="usuario"/></td>
</tr>
<tr>
<td>Senha:</td>
<td><input type="password" name="senha"/></td>
</tr>
<tr>
<td colspan="5"></td>
</tr>
<tr>
<td align="right"><input type="reset" value="Limpar"></td>
</tr>
</form>
</table>
<!--<input type="submit" class="botao" value="voltar" onclick='javascript:history.back();self.location.reload();'/>-->
</center>
</br></br></br></br>
</body>
</head>
</html>

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...