Jump to content
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

criptkiller

Fazer submit de form com $.ajax(); - jquery

Recommended Posts

criptkiller

Boas comunidade,

Tenho um grande problema entre as mãos... e não sei como resolver...

no meu documento tenho dois divs

| MENU | CONTENTOR |

quando eu clico no um elemento no menu o jquery chama uma pagina php e coloca no contentor, o problema é que se tiver um formulario na aplicação php quando faço submit desse formulario não é tratado esse submit ou seja a aplicação php saí do contentor e não é tratada esse submit...

Espero ter sido entendido... Vai em baixo o codigo...

Vai a pagina principal...

<?php 
require_once("../_Class/BDMySQL.php");
require_once("../_Class/config.ini.php");
require_once("../_Class/class.User.php");
if (!isset($_SESSION)) {
  session_start();
}
if($_SESSION['acesso']=="" or $_SESSION['acesso']=="Membro" or $_SESSION['acesso']=="Visitante") {
header("Location: ../index.php");
}

$user=new user();
$email=$_SESSION['login'];
$rsuser=$user->listarUser (" AND tb_user.email='$email' ");
$rgUser=mysql_fetch_assoc($rsuser);
$idacesso=intval($rgUser['idacesso']);
?>
<!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=iso-8859-2" />
<title>Portal de Espinho - Painel de Controlo</title>
<link href="../css/layout.css" rel="stylesheet" type="text/css" />
<link href="../script/jquery-ui/css/custom-theme/jquery-ui-1.8.custom.css" rel="stylesheet" type="text/css"  />

<script src="../script/jquery-ui/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="../script/jquery-ui/js/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#caixa_aviso").hide();
	$("div[id*='panel']").hide();
	$("#loading").hide();
	$("li").toggle(function(){
		var nome_panel = $(this).attr('id').split('li|')[1];
		$("div[name='"+nome_panel+"']").show('slow');	
	},function (){
		var nome_panel = $(this).attr('id').split('li|')[1];
		$("div[name='"+nome_panel+"']").hide('slow');	
	});
	$("a").click(function (){
		var arrLinks = $(this).attr('name').split("|");
		if(arrLinks [0] == "" || arrLinks[1]=="" ){
			return false;
		};
		$.ajax({
                                        url: arrLinks[1]+'.php',
				success: function(data) {
					$('#contentor_admin').html(data);
				},
				error : function (){
					setText('Ocorreu um erro');
				},
				complete : function (){
					$("#loading").hide();
				}
			});
		$("#loading").show();
	});
	function setText (text){
		$("#caixa_aviso").show('slow').text(text).delay(1000).hide('slow');
		return true;
	}
});
</script>
</head>
<body>
<div id="contentor">
<!-- head inicio -->
    <div id="contentor_head">
    	<div id="head">
        <?php require_once("header.php"); ?>
        </div>
    </div>  <!--- fim head --->
    <div id="caixa_aviso" class="aviso_caixa" style="color:#FFFFFF; text-align:center;"></div>
    <div id="menu">
    	<ul>
        	<?php 
		if($idacesso==7 or $idacesso==5){?>
        	<li id="li|geral"> Geral <div id="panel" name='geral'> <a href="#" name="user|newsletter"> Newsletter</a><br /><a href="#" name="user|recentActividade">Actvidade</a><br /> </div></li>
            <li id="li|user"> Users  <div id="panel" name='user'><a href="#" name="user|todosuser"> Ver todos</a><br /></div></li>
            <li id="li|reportar"> Reportar  <div id="panel" name='reportar'><a href="#" name="reportar|listar"> Ver todos</a><br /><a href="#" name="reportar|apagar"> Newsletter</a><br /></div></li>
            <?php } ?>
            <?php
		if($idacesso>=3 and  $idacesso!=6) {?>
            <li id="li|evento"> Eventos  <div id="panel" name='evento'><a href="#" name="evento|addevento"> Novo evento</a><br /><a href="#" name="evento|editarevento"> Editar </a><br /><a href="#" name="evento|apagarevento"> Apagar</a><br /></div></li>
            <li id="li|servico"> Serviços
              <div id="panel" name='servico'><a href="#" name="servico|add"> Novo servico</a><br /><a href="#" name="servico|editar"> Editar </a><br /><a href="#" name="servico|apagar"> Apagar</a><br /></div></li>
            <?php 
		}
		if($idacesso==6) {?>
            <li id="li|loja"> Loja <div id="panel" name='loja'><a href="#" name="loja|editar"> Editar </a><br /><a href="#" name="loja|foto"> Fotos </a><br /><a href="#" name="loja|apagar"> Apagar</a><br /></div></li>
            <?php } ?>
        </ul>
    </div>    
    <div id="contentor_admin"><img id='loading' src="../image/site/sinaleta/loading4.gif" width="16" height="16" />    </div>
  <div id="rodape">
    <?php 
require_once("../rodape.php");
?>
   </div>

</div>




</body>
</html>

Vai agr uma pagina de exemplo com um formulario

<?php 
require_once("../_Class/config.ini.php");
require_once("../_Class/BDMySQL.php");
require_once("../_Class/Class.User.php");
require_once("../_Class/classRecentLog.php");
$user = new user();
$log = new  recentLog();
if(!isset($_SESSION)){
session_start();
}
$email=$_SESSION['login'];
if($email==""){
echo 'sem login';
exit;
}

$rsuser=$user->listarUser(" AND tb_user.email='$email' ");
$rguser=mysql_fetch_assoc($rsuser);
mysql_num_rows($rsuser)<=0 ? exit : '';
$idacesso = intval($rguser['idacesso']);
if($idacesso!=7 and $idacesso!=5){
echo 'Sem acesso';
exit;
}else{
$rslog = $log->listarLog($limit='10');
echo "<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
echo " <tr>
        <td>Actividade</td>
        <td>Quem</td>
        <td>Sucesso</td>
      </tr>";
while($rglog = mysql_fetch_assoc($rslog)){
	$parms = explode(">",$rglog['actividade']);
	$parms_1 = explode(":",$parms[1]);
?>
      <tr>
        <td><?php echo $parms[0]; ?></td>
        <td><?php echo $parms_1[0]; ?></td>
        <td><?php echo $parms_1[1]; ?></td>
      </tr>    
<?php 
} 
}
echo $_POST['valor'];
?></table>
<form action="" method="post">
<input name="valor" type="text" value="10" id="valor" />
    <input name="Submit" type="submit" id="Submit" value="Submit" />
</form>

Presiço de ajuda urgente... Isto é para a minha PAP !!  :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.